Симпле Вертицале Мени Туториал
То је врло једноставна, вертицале цсс менија. Овај туториал помаже створити једноставан и атрактиван ЦСС мени са хладном ховер ефекат. 
Корак: 1
Пре свега, дозволите нам пишите ЦСС кодова за менија. овде иде код ..
# Нав ул ( маргин: 0; паддинг: 0; лист-стыле-тыпе: ноне; )# Нав ул ли ( ; /*IE 6*/ дисплаы: инлине; / * ИЕ 6 * / )display :block ; background : #d9d9d9 ; width : 200px ; text-decoration :none ; padding : 4px /*padding for top, bottom*/ 7px /*padding for left, right*/ ; border-bottom : 1px solid #eeeeee ; border-top : 1px solid #cccccc ; border-left : 5px solid # 333333 ; color : # 333333 ; # Нав ул ли (један приказ: блоцк; бацкгроунд: # д9д9д9; уидтх: 200пкс; текст-децоратион: ноне; паддинг: 4пкс / * паддинг за врх, дно * / 7пкс / * паддинг за лево, десно * / бордер -- боттом: 1пкс солид # ееееее; бордер-топ: 1пкс солид # цццццц; бордер-лефт: 5пкс солид # 333333; цолор: # 333333;{ border-left-color : #0099FF ; color : #0066FF ; background : #c4c4c4 ; } # Нав ул ли а: ховер (бордер-лефт-цолор: # 0099ФФ; цолор: # 0066ФФ; бацкгроунд: # ц4ц4ц4;)
Корак: 2
Сада ћемо направити основну хтмл структуре.
> <ul> <li> <a href = "#" > Home </a> </li> <li> <a href = "#" > About Us </a> </li> <li> <a href = "#" > Services </a> </li> <li> <a href = "#" > Sitemap </a> </li> <li> <a href = "#" > Contact </a> </li> < /ul> </div> <див ид = "нав"> <ул> <ли> <а хреф = "#"> Почетна страница </ а> </ ли да> <ли> <а хреф = "#"> О нама </ а> </ ли> <ли> <а хреф = "#"> Услуге </ а> </ ли> <ли> <а хреф = "#"> Мапа страница </ а> </ ли> <ли> <а хреф = " # "> Контакт </ а> </ ли> </ ул> </ див>
Аха ..! својим учинио! видели како једноставан је за израду ЦСС мени ... А демо ..?
Повезани чланци:
Ако сте уживали читајући овај чланак, молимо вас да проверите других сродних артикала у наставку:




















































Субмит а Цоммент