Livejournal
Log in
Post
Friends
My journal
blue_astra
in
ru_designhelp
Возможно ли сделать горизонтальное меню из линков? И как?
Feb 01, 2016 16:05
Базовый аккаунт
Стиль Expressive S2 (
Read more...
)
шапка журнала: меню
,
аккаунт: базовый
,
стиль: expressive
Leave a comment
Comments 3
yoksel
February 1 2016, 08:39:42 UTC
Это можно сделать используя текстовый виджет в сайдбаре либо список ссылок оттуда же.
Для имеющегося списка ссылок код будет примерно таким:
#header .nav {
display: none;
}
.typelist-widget .widget-list {
position: absolute;
top: -150px;
left: -730px;
width: 900px;
}
.widget-list .item {
display: inline-block;
width: auto !important;
margin: 0 1rem;
}
Код очень приблизительный, но суть примерно такая.
Reply
blue_astra
February 1 2016, 12:27:31 UTC
Большое спасибо yoksel ! Получилось !
(
...
)
Reply
yoksel
February 1 2016, 13:17:17 UTC
#header-content {
margin-top: 80px;
}
отрегулируйте отступ по вкусу
А после этого нужно будет подправить свойство top в блоке .typelist-widget .widget-list, в этом же блоке можно задать шрифт, например:
.typelist-widget .widget-list {
...
font-family: Verdana;
}
Reply
Leave a comment
Up
Comments 3
Для имеющегося списка ссылок код будет примерно таким:
#header .nav {
display: none;
}
.typelist-widget .widget-list {
position: absolute;
top: -150px;
left: -730px;
width: 900px;
}
.widget-list .item {
display: inline-block;
width: auto !important;
margin: 0 1rem;
}
Код очень приблизительный, но суть примерно такая.
Reply
( ... )
Reply
margin-top: 80px;
}
отрегулируйте отступ по вкусу
А после этого нужно будет подправить свойство top в блоке .typelist-widget .widget-list, в этом же блоке можно задать шрифт, например:
.typelist-widget .widget-list {
...
font-family: Verdana;
}
Reply
Leave a comment