Туториал креирати прекрасни, једноставне, хоризонталне ЦСС мену |

Туториал креирати прекрасни, једноставне, хоризонталне ЦСС мену

Ово је врло једноставна, хоризонтална цсс менија. Овај туториал помаже створити једноставан и атрактиван ЦСС мени са хладном ховер ефекат.

Пре свега, дозволите нам пишите ЦСС кодова за менија. овде иде код ..

  # Нав 
  ( 
  паддинг: 0; 
  ) 

  # Нав ли 
  ( 
  дисплаы: инлине; 
  ) 

 # Нав ли један 
  ( 
  фонт-фамилы: Ариал; 
  фонт-сизе: 12пкс; 
  ; текст-децоратион: ноне; 
  пловак: лево; 
  паддинг: 10пкс; 
  ; бацкгроунд-цолор: # 333333; 
  ; цолор: # ФФФФФФ; 
  бордер-боттом: 1пкс; 
  ; бордер-боттом-цолор: # 000000; 
  бордер-боттом-стыле: солид; 
  ) 

  # Нав ли а: ховер 
  ( 
  ; бацкгроунд-цолор: # 9Б1Ц26; 
  паддинг-боттом: 12пкс; 
  бордер-боттом: 2пкс; 
  ; бордер-боттом-цолор: # 000000; 
  бордер-боттом-стыле: солид; 
  маргин: - 1пкс; 
  ) 

Друго све дајте нам пишете ХТМЛ листе за менија. Реци ми има 7 линкови, као што је приказано на слици, овде иде код ..


 > <li> <a href = "#" > Home </a> </li> <li> <a href = "#" > About </a> </li> <li> <a href = "#" > Services </a> </li> <li> <a href = "#" > Products </a> </li> <li> <a href = "#" > Sitemap </a> </li> <li> <a href = "#" > Help </a> </li> <li> <a href = "#" > Contact Us </a> </li> </ul> <ул ид = "нав"> <ли> <а хреф = "#"> Почетна страница </ а> </ ли> <ли> <а хреф = "#"> О </ а> </ ли> <ли > <а хреф = "#"> Услуге </ а> </ ли> <ли> <а хреф = "#"> Производи </ а> </ ли> <ли> <а хреф = "#"> Ситемап </ а> </ ли> <ли> <а хреф = "#"> Помоћ </ а> </ ли> <ли> <а хреф = "#"> Контакт </ а> </ ли> < / ул>