Autor Zpráva
loktonos
Profil
Zdravím,

jsem úplný začátečník, co se tvorby webu týká. Vznikla u mě potřeba vytvořit web jako fotografické portfolio. Mám stažený template a ten postupně upravuji. V kódu se orientuji, ale tak nějak nevím co a jak.

V template je i možnost měnit pozadí stránky, v style.css je to nadefinováno takto:
.color-scheme li.current{border:solid 1px #fff}
.color-scheme li.black a{background:#000}
.color-scheme li.dark-grey a{background:#1c1c1c}
.color-scheme li.grey a{background:#585858}
.color-scheme li.light-grey a{background:#8e8e8e}
.color-scheme li.lighter-grey a{background:#c8c8c8}
.color-scheme li.white a{background:#fff}
.color-scheme li a{float: left; display: inline; width:12px; height:12px;}

Tlačitko na stránce nikam neodkazuje. Potřeboval bych poradit kam by mělo tlačitko odkazovat. Na další html? Bylo by potřeba php?
Část stránek nahozena zde:
Děkuji za odpověď
panther
Profil
loktonos:
Potřeboval bych poradit kam by mělo tlačitko odkazovat. Na další html?
Základní kurz tvorby stránek
Rellik
Profil
loktonos:
Tlačitko na stránce nikam neodkazuje.
Jaké tlačítko kde?
loktonos
Profil
Rellik:
nectěl jsemtady dávat zbytečně moc kódu, je tam řada tlačítek, které by měly měnit barevné schéma stránky.

        <!-- Colors -->
            <div class="color-scheme">
                <ul>
                    <li class="black"><a href="#">&nbsp;</a></li>
                    <li class="current dark-grey"><a href="#">&nbsp;</a></li>
                    <li class="grey"><a href="#">&nbsp;</a></li>
                    <li class="light-grey"><a href="#">&nbsp;</a></li>
                    <li class="lighter-grey"><a href="#">&nbsp;</a></li>
                    <li class="white"><a href="#">&nbsp;</a></li>
                </ul>
            </div>
            <!-- End Colors -->
panther
Profil
loktonos:
proč si neklikneš na ten odkaz, co jsem ti poslal?

Odkaz má vést tam, kam ty chceš. Chceš-li po kliknutí na něj zobrazit další stránku, uveď ji jako jeho cíl.
mimochodec
Profil
loktonos:
Tlačitko na stránce nikam neodkazuje. Potřeboval bych poradit kam by mělo tlačitko odkazovat. Na další html? Bylo by potřeba php?

Jestli nevíš, kam mají ty čtverečky odkazovat, znamená to, že pro ně nemáš využití a můžeš je prostě smazat.
V té šabloně jsou zamýšleny nejspíš jako přepínač variant pozadí. Pokud bys toto chtěl, bylo by asi vhodné asi použít pro to JS. Ale vhodnější by dle mého vkusu bylo to odstranit.
loktonos
Profil
panther:

to jsem také udělal, ale ten odkaz není řešení mého problému. To tlačítko by měl změnit barvu pozadí, a ta je pokud se nemýlím nadefinovaná v style.css a já bych rád věděl jak to aplikuji na tu html stránku. Je jediné řešení udělat další html? Pokud ano, jak ukážu, které schema má být použito?


mimochodec:
díky
panther
Profil
loktonos:
Je jediné řešení udělat další html
jsou tři možnosti:

První varianta je udělat další HTML stránky, každá bude mít jiné pozadí. Počet stránek, resp. HTML souborů by pak byl počet obsahových stránek * počet variant pozadí. Při více než jedné stránce neudržitelné.

Druhá varianta je po kliknutí na puntík měnit javaScriptem třídu na body, kterému se pak v CSS barva pozadí nastaví.

Třetí varianta je vykašlat se na to, je to zbytečné.

ale ten odkaz není řešení mého problému
ptal ses na základní věc, co dát do cíle odkazu. Odkázaná stránka, společně s dalšími pokračujícími, jsou to pravé čtení pro tebe v tento okamžik.
Rellik
Profil
Čtvrtá varianta je udělat to pomocí cookies... Např tak nějak:

<?php
if (isset($_GET['color'])) {
    setcookie("color", $_GET['color']);
    $host = $_SERVER['HTTP_HOST'];
    $uri = rtrim(dirname($_SERVER['PHP_SELF']), '/\\');
    $extra = 'zmena_pozadi_stranky_cookies.php';
    header("Location: http://$host$uri/$extra");
} else {
    if (!isset($_COOKIE['color'])) {
        setcookie("color", '000000');
    }
}
?> 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>

    <body style="background-color: #<?php echo $_COOKIE['color']; ?>">
        <a href="?color=ffccbb">Barva #ffccbb</a><br />
        <a href="?color=ccddbb">Barva #ccddbb</a><br />
        <a href="?color=ffccaa">Barva #ffccaa</a><br />
        <a href="?color=000000">Barva #000000</a><br /><br />
    </body>
</html>
Ber to jako ukázku jak by se to dalo udělat...

EDIT: změna...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: