Неки вебмастери не желе да изгубе времеразвој од огреботина једноставних елемената који већ постоје. Они верују да нема смисла изгубити своје време на ономе што је већ било тамо. Заправо, за оне који управо уче ХТМЛ и ЦСС, важно је учинити многе ствари самима да добро разуме свој рад. Ово се односи на мени. Креирајте вертикални ЦСС мени. Биће заснован само на ХТМЛ и ЦСС, без употребе Јавасцрипт-а и ЈКуери-а. Сваки мени је листа веза која води до страница сајта.
Основни кораци
За креирање једноставног вертикалног ЦСС менија потребан вам је следећи низ корака:
1. Прво, одредите листу линкова (користећи ХТМЛ код) из које ће се састојати мени. Дајте им имена, на пример:
2. Затим ћемо стилизовати линкове по жељи ЦСС-а.
Пишемо ХТМЛ код, имајте у ми_Вмену.хтмл фајл и видимо како ће изгледати у претраживачу:
Ово је основа (скелет) нашег менија. # 1, # 2, итд. морају бити замењени везама. Погледајте како ствари изгледају у прегледачу. Неће вам се свидјети слика. Сада морамо почети описати стилове елемената како би направили потпун вертикални ЦСС мени.
Опис стилова
Креирајте датотеку под називом ми_Вмену.цсс, у којој тражите све што желите да побољшате изглед таквог важног елемента сајта. Испод је шифра, чија имплементација ће оживети вертикални ЦСС мени. Напишите га у креирану датотеку, а затим ћемо детаљније погледати шта главне линије значе овде.
Детаљан опис употребљених стилова
Сада детаљно размотримо ЦСС вертикални мени:
ул # ми_Вмену - целокупни стил целог списка.
ул # ми_Вмену ли - линк стил између ли тагова.
ул # ми_Вмену ли а: ховер је опис типа ставки у менију који се разматра у тренутку када особа помера курсор преко једног од њих.
ул # ми_Вмену ли а спан - опис текста (имена менија).
Запамтите да датотеке ми_Вмену.цсс и ми_Вмену.хтмл мора бити сачуван у једном директоријуму. Међутим, они се могу налазити у различитим фасциклама, али онда је важно написати пут до ми_Вмену.цсс у ми_Вмену.хтмл датотеци. Будите опрезни, јер почетници често имају проблема са њим.
Стил мора бити повезан између ознака главе у хтмл фајлу. мену_1.пнг и мену_2.пнг су слике за слику ставке менија у нормалном стању и када прелазите курсор.
Боље сачувајте слике у засебној фасцикли заслике, назовите то ми_имагес, али затим исправите ЦСС код. Напишите где су наведене слике, да су у овом директоријуму: урл (ми_имагес / мену_1.пнг) и урл (ми_имагес / мену_2.пнг).
У другим својствима описаним у ЦСС коду,лако је схватити. Поставили су нам изглед менија. Лако је видети да су ширина и висина тачака једнаке за тачке у нормалном стању и када лебдите мишем преко њих. Величина фонта је 18пк, паддинг поставља увлаке са различитих страна назива ставки. Својство приказа вам омогућава да поставите екран у блоковима да бисте подесили ширину и увлаке.
Наш вертикални мени
Као што можете видети, вертикални ЦСС менији се лако креирају. На основу података о знању можете га учинити прелепим и атрактивним за посетиоце вашег онлине ресурса! Користите своју машту, а стилски мени ће украсити ваш сајт.
</ п>
