FAQpk FAQpk.ru   Войти   Зарегистрироваться  


faqpk.ru
Компьютерный форум
С оплатой за сообщения



faqpk.ru

Страница 1 из 11
Компьютерный форум » Web-Мастер » Скрипты для сайта » Горизонтальное меню ucoz (Скрипты для ucoz)
Горизонтальное меню ucoz
Горизонтальное меню ucoz



Простое горизонтальное меню ucoz с использованием картинок, картинки очень мало весять, поэтому сайт не будут грузить. Меню без пафоса и подойдет на любой сайт.

Шаг-1 Установка CSS
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем код:
Code
body {font: 11px Arial, Helvetica, sans-serif;   
   }  
  #menu {font: 11px Arial, Helvetica, sans-serif;  
   background-image:url('http://www.faqpk.ru/images/script/1/bc_bg.png');   
   background-repeat:repeat-x;  
   height:30px;  
   line-height:30px;  
   color:#9b9b9b;  
   border:solid 1px #cacaca;  
   width:100%;  
   overflow:hidden;  
   margin:0px;  
   padding:0px;  
   }  
   #menu li {list-style-type:none;  
   float:left;  
   padding-left:10px;  
   }  
   #menu a {height:30px;  
   display:block;  
   background-image:url('http://www.faqpk.ru/images/script/1/bc_separator.png');   
   background-repeat:no-repeat;   
   background-position:right;  
   padding-right: 15px;  
   text-decoration: none;  
   color:#454545;  
   }  
   .home {border:none;  
   margin: 8px 0px;  
   }  
  #menu a:hover{color: gray;  
   }


Шаг-2 Установка HTML
Вставляем туда, где вы хотите видеть горизонтальное меню:
Code
<ul id="menu">   
  <li><a href="" title="Главная"><img src="http://www.faqpk.ru/images/script/1/home.png" alt="Home" class="home" /></a></li>   
  <li><a href="http://www.faqpk.ru/" title="Форум поддержки">Форум поддержки</a></li>   
  <li><a href="http://www.faqpk.ru/" title="Блог">Блог</a></li>   
  <li><a href="http://www.faqpk.ru/" title="Товары">Товары</a></li>   
  <li><a href="http://www.faqpk.ru/" title="О нас">О нас</a></li>   
  </ul>
Дата: Воскресенье, 24.06.2012. Сообщение # 1 Bro
Горизонтальное меню ucoz



Простое горизонтальное меню ucoz с использованием картинок, картинки очень мало весять, поэтому сайт не будут грузить. Меню без пафоса и подойдет на любой сайт.

Шаг-1 Установка CSS
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем код:
Code
body {font: 11px Arial, Helvetica, sans-serif;   
   }  
  #menu {font: 11px Arial, Helvetica, sans-serif;  
   background-image:url('http://www.faqpk.ru/images/script/1/bc_bg.png');   
   background-repeat:repeat-x;  
   height:30px;  
   line-height:30px;  
   color:#9b9b9b;  
   border:solid 1px #cacaca;  
   width:100%;  
   overflow:hidden;  
   margin:0px;  
   padding:0px;  
   }  
   #menu li {list-style-type:none;  
   float:left;  
   padding-left:10px;  
   }  
   #menu a {height:30px;  
   display:block;  
   background-image:url('http://www.faqpk.ru/images/script/1/bc_separator.png');   
   background-repeat:no-repeat;   
   background-position:right;  
   padding-right: 15px;  
   text-decoration: none;  
   color:#454545;  
   }  
   .home {border:none;  
   margin: 8px 0px;  
   }  
  #menu a:hover{color: gray;  
   }


Шаг-2 Установка HTML
Вставляем туда, где вы хотите видеть горизонтальное меню:
Code
<ul id="menu">   
  <li><a href="" title="Главная"><img src="http://www.faqpk.ru/images/script/1/home.png" alt="Home" class="home" /></a></li>   
  <li><a href="http://www.faqpk.ru/" title="Форум поддержки">Форум поддержки</a></li>   
  <li><a href="http://www.faqpk.ru/" title="Блог">Блог</a></li>   
  <li><a href="http://www.faqpk.ru/" title="Товары">Товары</a></li>   
  <li><a href="http://www.faqpk.ru/" title="О нас">О нас</a></li>   
  </ul>
Прикрепления: 8159912.png(3Kb)
Дмитрий Асмус (Bro)
Модератор
Сообщений: 198
Нет на сайте
    

 
pay someone to write my paper https://essayoneday.com/?cid=2190
Дата: Вторник, 17.01.2017. Сообщение # 2 AgenNen
pay someone to write my paper https://essayoneday.com/?cid=2190
Пользователь
Сообщений: 70
Нет на сайте
    

 
Компьютерный форум » Web-Мастер » Скрипты для сайта » Горизонтальное меню ucoz (Скрипты для ucoz)
Страница 1 из 11
Поиск: