Autor | Zpráva | ||
---|---|---|---|
GraphiC Profil |
#1 · Zasláno: 18. 1. 2015, 17:06:39
Jedná se o tuto doménu: http://www.spsch.eu/
Potřeboval bych pomoct jak udělat barevné políčka pro každou položku v horním menu (Škola, Jídelna, Studium, ...) Pokud by to nešlo, zvolím jednoduchou variantu když celé menu bude v jedné barvě. Zkoušel jsem to, ovšem tet se mi nechce centrovat doprostřed barevného bloku. Předem děkuji za rady a úpravy kódu. |
||
Taurus Profil |
#2 · Zasláno: 18. 1. 2015, 19:29:49
Tak dej jednotlivým odkazům třídy, které budou mít různý background.
|
||
GraphiC Profil |
#3 · Zasláno: 18. 1. 2015, 19:37:27
To se dělá jak? navíc, mám problém s tím centrováním těch textů v blocích
|
||
Marschmallow Profil |
GraphiC:
Ke každé položce li přidáš atribut class, který nějak pojmenuješ a ten pak definuješ v CSS. Uvedu příklad. HTML: <ul> <li class="prvni"><a href="/skola">Škola</a></li> <li class="druhy"><a href="/studium">Jídelna</a></li> <li class="treti"><a href="/studium">Studium</a></li> </ul> CSS: .prvni a { color: red; background: blue; } .druhy a { color: blue; background: orange; } .treti a { color: yellow; background: red; } Každou položku menu jsem označil jistým identifikátorem class . Pokud ho nazvu prvni , v CSS ho budu stylovat s tečkou na začátku, takže .prvni {} . Pokud bych se položku menu rozhodl indentifikovat jako id prvni , CSS deklarace by začínala křížkem (či mřížkou) #prvni {} . Mezi znaky { a } samozřejmě patří deklarace stylů, jako třeba barva, pozadí, ohraničení, a podobné...
Tímto zápisem zajistíme, že • položka „Škola“ bude červenou barvou a pozadí bude mít modré • položka „Jídelna“ bude modrou barvou a pozadí bude mít oranžové • položka „Studium“ bude žlutou barvou a pozadí bude mít červené Také doporučuji každý prvek menu obalit v CSS vlastností display: block pro „zklikatelnění“ celé oblasti kolem textu položky (pokud je zde a href ).
Doporučuji si prostudovat článek od Yuhůa: Vlastní styly Kombinace (a sladěnost) barev je náhodná, tu nepoužívej :-) EDIT: Taurus [#5]: Vloženy odkazy a upraveno CSS. |
||
Taurus Profil |
To je dost základní dotaz, který si můžeš zodpovědět třeba na www.jpw.cz. Hmm, Marschmallow ti to donesl na zlatém podnose. Jinak, pokud můžu doporučit, položka menu každá jinou barvou má blízko ke kýči, takže...
Marschmallow: Když už, ty vlastnosti by měly být pro odkaz, který chybí mezi li /li. |
||
Bubák Profil |
#6 · Zasláno: 18. 1. 2015, 20:56:28
Marschmallow:
„Ke každé položce li přidáš atribut class“ Loukám na kód odkázané stránka a položky <li> už mají idéčka, takže je stačí využít. #menu-item-18 a { color: red; background: blue; } |
||
GraphiC Profil |
#7 · Zasláno: 18. 1. 2015, 21:27:30 · Upravil/a: GraphiC
Díky kluci :) prostuduju si to ještě a mělo by to jít :) potřeboval jsem dodat směr :)
PS: A to zarovnání? |
||
han5vk Profil |
„A to zarovnání?“
Text-align. Fakt by bolo lepšie preštudovať si základy. |
||
Časová prodleva: 9 let
|
0