návod Vlastní atributy v CSS

[Daw3 0]

Zdravím. Danielovi se tut na vlastní atributy nepovedl tak se o něj pokusím já Podle postupu optimalizací SEO by soubor stylů měl být zvlášť a tím jasně pochopíme že do html nebudeme vkládat styly pomocí

A ani

 .. 

Toto vkládání se právě nahradí Vlastními atributy.

 

Takže začneme tím že si vytvoříme nový soubor a pojmenujeme ho třeba styles.css.

Z tutu na tag

je jasné že do Head vložím jakýsi odkaz na náš soubor css.

Tento kod vložíme od hlavičky. A ted můžeme nastavovat vlastní atributy. Prním atributem chceme nastavit

#header /*Z mřížky vyvodíme, že atribut není class ale id*/
{
width: 999px; /*Nastavíme Headeru šířku*/
background-image: url('images/vas_obrazek.jpg') no-repeat; /*Pozadí*/
padding-top: 120px; /*Odsazení */
}

To co jsme nastavili zatím nemá žádný vliv pokud do HTML nevložíme záhadný kod kterým je:

A máme nadefinován header. Pokud bychom chtěli nadefinovat třeba část textu a nechceme to delat plošně. Použijeme class.

.text
{
font-family: Tahoma; /* Font textu */
font-size: 12px; /* Velikost textu */
color: #151515; /* Barva textu */
margin: 5px; /* Z každé strany bude text odsazen o 5px */
}

A do HTML to použijeme takto:

Demonstrační text..

 

Snad je Vám to hned jasnější a doufám že Vám to pomohlo.

Sp Daw3. =)

[logigal 0]

GooD TuT

[maic 0]

Velice chválím i když si myslí, že CSS je trochu z formy jelikož už jsem se ho neučil pár let... no spíš 2-3 páry . No, ale abych to neprotahoval tak 10/10.

 

Jen tak dál brácho.

sp maic

[dymi 0]

Ty jedeš Dejve ...god tut "cheers" 10/10 "cheers"

[Daw3 0]

Díky moc všem.. =)

 

maic.: Já css taky dělal před třema rokama ale pořád ho potřebuju.. =)

[Guest eror]

mne to nejde mam to takto

styles.css

#header 
{
width: 955px; 
background-image: url('header.png') no-repeat; 
padding-top: 401px; /*Odsazení */
}


.text
{
font-family: Tahoma; /* Font textu */
font-size: 15px; /* Velikost textu */
margin: 10px; /* Z každé strany bude text odsazen o 5px */
}

 

index.php

moj text

 

a nejde to

[Daw3 0]

Nemá to být tut jak udělat header ale jak udělat vlastní atribut =)

[Guest eror]

ja som myslel ze to je tak ze ja mam header a do nho mozem napisat text pomocou tejto funkcie tak sry...