С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
Свин=)
54 / 26 / 2
Регистрация: 12.05.2011
Сообщений: 398
1

Реализация меню через CSS

05.01.2014, 03:11. Просмотров 519. Ответов 5
Метки нет (Все метки)

Друзья,очень прошу помощи)Переверстываю шапку своего сайта, хочу переделать меню,чтоб было оно интересней и заметней)вот с меню запутался и полоску сверху сайта красную как сделать))помогите советом)Благодарен за любую оказанную помощь))
Смотреть скрин меню и полоски)
0
Миниатюры
Реализация меню через CSS  
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.01.2014, 03:11
Ответы с готовыми решениями:

Реализация меню с эффектами на CSS
Помогите пожалуйста с меню, ато у меня туго с этим... текстуры вот сделал вроде, а как реализовать...

Как сделать меню css через спрайты
Помогите пожалуйста сделать меню! Во-первых как мне сделать, чтобы элементы списка сдвинулись к...

Как сделать визуализацию меню через css
Добрый Вечер. Встретил на просторах интернета сайт, с весьма интересным меню. Правильнее будет...

CSS, не работает ссылка на .css документ через java script
<head> <title>Сайта</title> <script language=JavaScript> if...

Как сделать вот такой макет через html и css (div и css)
Доброго времени суток.Подскажите как сделать по скрину ?* что бы было Лого на весь экран вот тот...

5
fol
500 / 478 / 156
Регистрация: 08.07.2013
Сообщений: 1,701
Записей в блоге: 1
05.01.2014, 04:30 2
так в чем, собственно, вопрос, что нужно сделать?
0
Свин=)
54 / 26 / 2
Регистрация: 12.05.2011
Сообщений: 398
05.01.2014, 04:42  [ТС] 3
Цитата Сообщение от fol Посмотреть сообщение
так в чем, собственно, вопрос, что нужно сделать?
Как реализовать эти кнопки меню,тоесть чтоб вот красное было на кнопке той страницы на которой находишься.а при наведении курсора на другой пункт меню он ставился красным как на скрине)незнаю как меню так отверстать)

Добавлено через 10 минут
Цитата Сообщение от fol Посмотреть сообщение
так в чем, собственно, вопрос, что нужно сделать?
Прощу помощи))пытался разобраться,получается страшно,с border я так чуствую это дело не решить....
0
fol
500 / 478 / 156
Регистрация: 08.07.2013
Сообщений: 1,701
Записей в блоге: 1
05.01.2014, 05:05 4
да там ничего супер сложного нет
по картинке конечно же не сказать, а так скорее всего кнопки реализованы стандартным списком, бэкграундом там картинка из 3-х частей левая (с закруглением, центральная шириной в 1 пиксель, но повторяющаяся на длину пункта меню и правая с закруглением справа). активный раздел реализуется разными способами: с помощью css, php или javascript, а подсвечивание пункта, на который наведен курсор, с помощью css, реже javascript
1
Свин=)
54 / 26 / 2
Регистрация: 12.05.2011
Сообщений: 398
05.01.2014, 13:13  [ТС] 5
Цитата Сообщение от fol Посмотреть сообщение
да там ничего супер сложного нет
по картинке конечно же не сказать, а так скорее всего кнопки реализованы стандартным списком, бэкграундом там картинка из 3-х частей левая (с закруглением, центральная шириной в 1 пиксель, но повторяющаяся на длину пункта меню и правая с закруглением справа). активный раздел реализуется разными способами: с помощью css, php или javascript, а подсвечивание пункта, на который наведен курсор, с помощью css, реже javascript
тоесть кнопку в КСС нельзя сделать?нужно рисовать и пилить картинку?в том то и дело что картинка это всего лишь картинка)нужно это все перенести на сайт.а вот в чем проблемс)
0
Lipau3n
1 / 1 / 0
Регистрация: 21.09.2012
Сообщений: 28
05.01.2014, 14:21 6
Если тебе при наведении нужно, то:
CSS
1
.button:hover {border-radius: 10px; padding: 5px; background: #cc0000; color: #fff; font-size: 11pt; font-family: Tahoma;}
Если просто такая кнопка то:
CSS
1
.button {border-radius: 10px; padding: 5px; background: #cc0000; color: #fff; font-size: 11pt; font-family: Tahoma;}
Добавлено через 2 минуты
А ну и ещё добавь
CSS
1
box-shadow: inset 0 1px 2px #000;
1
05.01.2014, 14:21
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
05.01.2014, 14:21

Css стили перебиваются css стилями от addthis.com сервиса шаринга через соц.сети
Есть ссылка: <a class="addthis_button_vk"><div id="sb_vk_div"></div></a>...

Реализация индикатора загрузки на CSS
Всем привет! Хочу попробовать сделать индикатор загрузки с помощью css, что б было как на картинке...

Реализация лампочки средствами CSS
Здравствуйте. Нужно создать несколько лампочек. Есть код. <html> <head> <style> .lamp-on { ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru