Изменить Дизайн Верхнего Меню, Дизайн Кнопок.
#1
Отправлено 30 Сентябрь 2015 - 08:30
#3
Отправлено 01 Октябрь 2015 - 01:09
Danil (30 Сентябрь 2015 - 10:02) писал:
nav.head ul.head li { background-color: #2C3E92; border-radius: 16px; }изменяйте стили на свои
И цвет букв - названия страницы.
#4
Отправлено 01 Октябрь 2015 - 01:27
.global { background: #000; padding: 10px; }
В нем измените значение стиля background
Для изменения цвета шрифта меню в style.css найдите:
.head li a { color: #FFF; box-sizing: border-box; }в нем измените значение стиля color
#5
Отправлено 11 Ноябрь 2015 - 16:08
Vaccina (01 Октябрь 2015 - 01:27) писал:
.global { background: #000; padding: 10px; }
В нем измените значение стиля background
Для изменения цвета шрифта меню в style.css найдите:
.head li a { color: #FFF; box-sizing: border-box; }в нем измените значение стиля color
Здравствуйте, а можно на вашей платформе вот так сделать: ка на картинке. что бы на кнопку новости показывались последние новости...
Vaccina (01 Октябрь 2015 - 01:27) писал:
.global { background: #000; padding: 10px; }
В нем измените значение стиля background
Для изменения цвета шрифта меню в style.css найдите:
.head li a { color: #FFF; box-sizing: border-box; }в нем измените значение стиля color
nikon (11 Ноябрь 2015 - 16:07) писал:
#6
Отправлено 11 Ноябрь 2015 - 20:26
nikon (11 Ноябрь 2015 - 16:08) писал:
это было бы круто... то что надо.
<ul class="head"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.NAME=Отзывы %}class="otziv"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>замените на
<ul class="head"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.NAME=Отзывы %}class="otziv"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li><a>Новости</a> <ul class="menu_news"> {% FOR news_list_mass_media %} <li><a href="{news_list_mass_media.URL}" title="Перейти к странице «{news_list_mass_media.TITLE}»" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li> {% ENDFOR %} </ul> </li> </ul>далее в конец style.css добавьте
.menu_news { position: absolute; width: 200px; display: none; background: #000; z-index:999;height: 129px !important; } .menu_news li{ background: none; } .head li:hover ul { display: block !important; } .menu_news a, .menu_news li { padding: 0 !important; background: none !important; color: #000; text-align:left !important; float: none !important; line-height: 18px !important; margin: 0 !important; }
#7
Отправлено 12 Ноябрь 2015 - 00:39
Ирина345 (11 Ноябрь 2015 - 20:26) писал:
<ul class="head"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.NAME=Отзывы %}class="otziv"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>замените на
<ul class="head"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.NAME=Отзывы %}class="otziv"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li><a>Новости</a> <ul class="menu_news"> {% FOR news_list_mass_media %} <li><a href="{news_list_mass_media.URL}" title="Перейти к странице «{news_list_mass_media.TITLE}»" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li> {% ENDFOR %} </ul> </li> </ul>далее в конец style.css добавьте
.menu_news { position: absolute; width: 200px; display: none; background: #000; z-index:999;height: 129px !important; } .menu_news li{ background: none; } .head li:hover ul { display: block !important; } .menu_news a, .menu_news li { padding: 0 !important; background: none !important; color: #000; text-align:left !important; float: none !important; line-height: 18px !important; margin: 0 !important; }
криво встало, на до что бы была обычная кнопка как и другие, - контакты, каталог, доставка и оплат. И при наведении на кнопку новости выплывали заголовки в один столбик последних новостей. ну тук 5 последних.
#8
Отправлено 12 Ноябрь 2015 - 05:13
Код css разместите после:
.head li:nth-child(5) { background-color: #13AF13; } .head li:nth-child(6) { background-color: #13AF13; } nav.head ul.head li { border-radius: 5px; }
после изменения почистите кэш браузера, чтобы новые изменения вступили в силу =)
#9
Отправлено 12 Ноябрь 2015 - 05:26
Vaccina (12 Ноябрь 2015 - 05:13) писал:
Код css разместите после:
.head li:nth-child(5) { background-color: #13AF13; } .head li:nth-child(6) { background-color: #13AF13; } nav.head ul.head li { border-radius: 5px; }
после изменения почистите кэш браузера, чтобы новые изменения вступили в силу =)
#11
Отправлено 12 Ноябрь 2015 - 05:56
<li><a>Новости</a>
замените на:
<li><a href="#">Новости</a>и вместо знака # пропишите необходимую ссылку
#12
Отправлено 12 Ноябрь 2015 - 06:00
Vaccina (12 Ноябрь 2015 - 05:56) писал:
<li><a>Новости</a>
замените на:
<li><a href="#">Новости</a>и вместо знака # пропишите необходимую ссылку
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных