Как в меню сайта главная страница создать кнопки вместо ссылок

голоса: 0
Главная  Новости  Блог  Каталог файлов  и так далее  вместо этих ссылок сделать кнопки как на нормальных сайтах  спасибо
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 2

голоса: 0
 
Лучший ответ

Удалите то меню что внизу сайта, после с таблицe стилей строки с 390 по 494 так же удалите.

Добавьте в таблицу стилей:

#uMenuDiv1 a {color:#000;cursor:pointer;}

#uMenuDiv1 li{
  width: 180px;
  padding: 10px;
  background: #c5d5e6;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.5);

#uMenuDiv1:before, #uMenuDiv1:after { 
  content: ''; 
  position: absolute; 

#uMenuDiv1:before { 
  top: 10px; 
  right: 12px; 
  width: 15px; 
  height: 15px; 
  background: #59718a; 
  border-radius: 3px; 
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4); 
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4); 

#uMenuDiv1:after { 
  top: 14px; 
  right: 13px; 
  border: 4px solid transparent; 
  border-left: 4px solid #ecf1f7; 

#uMenuDiv1 a:hover { 
  color: orange; 
  text-shadow: 0 1px rgba(0, 0, 0, 0.4); 
  background-clip: border-box; 
}
#uMenuDiv1 li:hover { 
  border-color: #718190; 
  background-color: #99abb9; 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99abb9), color-stop(100%, #7e93a8)); 
  background-image: -webkit-linear-gradient(top, #99abb9, #7e93a8); 
  background-image: -moz-linear-gradient(top, #99abb9, #7e93a8); 
  background-image: -ms-linear-gradient(top, #99abb9, #7e93a8); 
  background-image: -o-linear-gradient(top, #99abb9, #7e93a8); 
  background-image: linear-gradient(top, #99abb9, #7e93a8); 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(255, 255, 255, 0.3); 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(255, 255, 255, 0.3); 
}  
#uMenuDiv1:last-child { 
  margin-bottom: 0; 
 

вот и все, ваше текущее меню преобразится и будет выглядеть как нужно.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Голоса: +1

Готовых примеров много - пример1 , пример 2  , выбирайте и ставьте на свой сайт, который понравится, все инструкции по установке имеются.

Так же можете обратиться на официальную биржу фриланса за разработкой собственного меню за небольшое вознаграждение

| Автор:

инструкции по установке если и имеются, то только для тех кто и так все знает, я новичок, и для меня там вообще нет ни каких инструкций, я скопировал код HTML вставил "Все страницы" и также скопировал код CSS и вставил "Редактировать CSS", кнопки появились, но не вместо стандартных, а в других местах, в зависимости от того где я их вставляю в редакторе, и они сами по себе не привязаны к ссылкам на страницы, так что простите, но мне нужны инструкции для новичка

Sergei Proshkin,
Уточните ссылку на ваш сайт.
Yuri_Geruk,
http://basket2016.ucoz.net/  вставленные кнопки внизу
...