Доброго времени суток ещё раз.
Заинтересовал такой вопрос: как расположить нав. ссылки вертикально справа/слева от тела форума. Я видела настройки нав. меню в своём стиле, но побоялась что ни будь менять.
Как изменить расположение навигационных ссылок?
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться1Вс, 20 Сен 2020 19:32:56
- Заслуженный
- Зарегистрирован: Пт, 3 Авг 2018
- Сообщений: 97
- Уважение: +27
- Позитив: +44
- Последний визит:
Вс, 29 Окт 2023 20:26:24
Поделиться2Вс, 20 Сен 2020 20:14:41
- Заслуженный
- Зарегистрирован: Ср, 4 Дек 2019
- Сообщений: 936
- Уважение: +449
- Позитив: +820
- Пол: Мужской
- Последний визит:
Чт, 14 Сен 2023 06:56:15
мятный чай
Я так понимаю вы хотите это Скрипты от пользователей 3
А вообще-то под такие запросы дают ссылку на свой форум и прикрепляют либо ссылку (хочу так), либо скриншот (хочу так), так как под каждый стиль свои настройки.
Поделиться3Вс, 20 Сен 2020 20:19:41
- Заслуженный
- Зарегистрирован: Пт, 3 Авг 2018
- Сообщений: 97
- Уважение: +27
- Позитив: +44
- Последний визит:
Вс, 29 Окт 2023 20:26:24
МАЧОнаДАЧЕ
Простите, вот ссылки:
мой
пример с др. форума
Поделиться4Вс, 20 Сен 2020 20:35:44
- Заслуженный
- Зарегистрирован: Ср, 4 Дек 2019
- Сообщений: 936
- Уважение: +449
- Позитив: +820
- Пол: Мужской
- Последний визит:
Чт, 14 Сен 2023 06:56:15
мятный чай
Поставьте для теста то что я указал вам в ссылке
В html верх:
Код:
<script type="text/javascript" src="https://forumstatic.ru/files/0011/e9/e1/32423.js"></script>
<script type="text/javascript">
//перечисляем ВСЕ категории: "название":"ссылка на изображение"
//в порядке их расположения
var catmenu = {
"Работа сервиса и форума":"http://www.iconsearch.ru/uploads/icons/alien/32x32/home.png",
"Технический раздел":"http://www.iconsearch.ru/uploads/icons/oxygen/32x32/preferences-system.png",
"Форумы Quadro.Boards":"http://www.iconsearch.ru/uploads/icons/nuvola2/32x32/edu_languages.png",
"Прочее":"http://www.iconsearch.ru/uploads/icons/webapp/32x32/comment.png",
"Архив":"http://www.iconsearch.ru/uploads/icons/nuove/32x32/package.png" //после последней запятая ненужна
};
function scrMenuMake(catlist,catarr) {
var menuhtml = '';
$('#html-header').append('<div id="page" class="pageScroller"><ul></ul></div>');
$(catarr).each(function(){menuhtml+= '<li><a href="#"><img src="'+catmenu[$(this).find('span').html()]+'"></a></li>';})
$('#page ul').append(menuhtml);
}
jQuery(document).ready(function(){
var cats = $('.category');
if(cats.length>0) {
scrMenuMake(catmenu, cats);
jQuery('#pun-index').pageScroller({
navigation: '#page',
sectionClass: 'category'
});}
});
</script>В первое окно стиля:
Код:
#pagenav {
rigth: -110px;
margin: -180px 0px 0px;
overflow: visible;
padding: 5px;
position: fixed ! important;
top: 50%;
width: 150px;
z-index: 1000;
}
#pagenav ul {
background: none repeat scroll 0% 0% #f0f0f0;
border-radius: 15px 15px 15px 15px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);;
display: block;
list-style: none outside none;
margin: 0px;
padding: 6px 0px;
}
#pagenav li {
display: block;
}
#pagenav li a {
display: block;
padding: 8px 10px;
text-align: right;
}
#pagenav li.active a {
background-color: #a0a0a0;
box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
}1. Надо посмотреть. Не съедет ли у вас шапка
2. Заменять на свои ссылки (картинки с нав.ссылками)
3. Если всё встанет ровно. Скрыть строку нав.ссылок
Поделиться5Вс, 20 Сен 2020 21:02:07
- Заслуженный
- Зарегистрирован: Пт, 3 Авг 2018
- Сообщений: 97
- Уважение: +27
- Позитив: +44
- Последний визит:
Вс, 29 Окт 2023 20:26:24
МАЧОнаДАЧЕ
а куда конкретно вставлять в окне стиля?
Поделиться6Вс, 20 Сен 2020 21:19:41
- старая версия нечистой силы
- Зарегистрирован: Пт, 20 Фев 2009
- Сообщений: 2568
- Уважение: +1753
- Позитив: +761
- Пол: Женский
- Последний визит:
Чт, 25 Апр 2024 09:59:10
МАЧОнаДАЧЕ написал(а):
//перечисляем ВСЕ категории: "название":"ссылка на изображение"
причем здесь скрипт замены категорий на картинки?
пользователю надо поменять отображение меню, а не категории.
МАЧОнаДАЧЕ написал(а):
#pagenav {
это тоже НЕ является селектором меню навигации.
Поделиться7Вс, 20 Сен 2020 21:27:37
- старая версия нечистой силы
- Зарегистрирован: Пт, 20 Фев 2009
- Сообщений: 2568
- Уважение: +1753
- Позитив: +761
- Пол: Женский
- Последний визит:
Чт, 25 Апр 2024 09:59:10
мятный чай написал(а):
Доброго времени суток ещё раз.
Заинтересовал такой вопрос: как расположить нав. ссылки вертикально справа/слева от тела форума. Я видела настройки нав. меню в своём стиле, но побоялась что ни будь менять.
1. найди в стиле красный слектор и поменяй свойство
#pun-navlinks li {
display: block;
margin: 1.25%;
}
2. потом найди в стиле:
Код:
#pun-navlinks {
border-style: none solid none solid;
border-width: 0px 0px 0px 0px;
margin-top: -30px;
}удали полностью, замени на код:
Код:
#pun-navlinks {position: relative;}3. найди в стиле и удали:
Код:
#pun-navlinks .container {
padding-top: 12px;
height: 20px;
font-weight: normal;
text-align: center;
}вместо него ставим:
#pun-navlinks .container {
position: absolute;
top: -170px;
right: -90px;
}
красное двигает вверх
синее двигает вправо
если нужно влево ставь left: - 200px;
Поделиться8Вс, 20 Сен 2020 21:44:24
- Заслуженный
- Зарегистрирован: Пт, 3 Авг 2018
- Сообщений: 97
- Уважение: +27
- Позитив: +44
- Последний визит:
Вс, 29 Окт 2023 20:26:24
Герда
Благодарю за помощь.
Страница: 1