Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Шапка, панель навигации,цвет стиля

Шапка, панель навигации,цвет стиля

Страница: 1 2  

Сообщений 1 страница 20 из 24

Перевести1

  • Автор: RedPartisan
  • Заслуженный
  • Зарегистрирован: Чт, 27 Сен 2018
  • Сообщений: 9
  • Уважение: +2
  • Позитив: 0
  • Последний визит:
    Пн, 19 Ноя 2018 09:24:13

Доброго времени суток! Прошу помощи. Пробовал по разному, пользуясь поиском. Шапка вроде встала как надо. Панель навигации перемещается без бордюра. Мне ее надо прямо под шапку установить вместе с бордюром, или по нижнему краю шапки... И хотелось бы изменить цвет, все бордовое на красное. В HTML -верх установлен данный корявый код...

Код:
<!-- Шапка Форума!-->

<img id="Mylocgo" src="https://forumstatic.ru/files/0019/ce/5f/54621.png" width=100% style="margin:0 0 -120px 0">
<script type="text/javascript">
$('#Mylocgo').insertBefore('#pun');
</script>
<style>
#pun-title, #pun-title .container {
height : 00px!important;
}

#pun-navlinks.section .container {margin-top: 100px !important; }
#pun-title {display: none;}
</style>

http://myussr.mybb.ru/

+1

Перевести2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51722
  • Уважение: +15537
  • Позитив: +12341
  • Последний визит:
    Сегодня 10:47:05

RedPartisan
Замените Весь HTML верх:

Код:
<!-- Шапка Форума!-->
<img  id="Mylocgo" src="https://forumstatic.ru/files/0019/ce/5f/54621.png" width=100% style="">
<script type="text/javascript">
$('#Mylocgo').insertBefore('#pun');
</script>
<style>
#pun{ margin-top:-43px;}
#pun-navlinks {top:auto;margin-top:0;}
#pun-title {display: none;}
</style>

Отредактировано Deff (Сб, 29 Сен 2018 16:11:49)

0

Перевести3

  • Автор: RedPartisan
  • Заслуженный
  • Зарегистрирован: Чт, 27 Сен 2018
  • Сообщений: 9
  • Уважение: +2
  • Позитив: 0
  • Последний визит:
    Пн, 19 Ноя 2018 09:24:13

Deff, благодарю! Все получилось. Единственное я заметил, что активные темы вроде вниз уехали. Если сможете, подскажите еще пожалуйста по изменению цвета..

Отредактировано RedPartisan (Сб, 29 Сен 2018 23:44:54)

0

Перевести4

  • Автор: RedPartisan
  • Заслуженный
  • Зарегистрирован: Чт, 27 Сен 2018
  • Сообщений: 9
  • Уважение: +2
  • Позитив: 0
  • Последний визит:
    Пн, 19 Ноя 2018 09:24:13

Товарищи, подскажите кто-нибудь пожалуйста... Завершить надо

0

Перевести5

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51722
  • Уважение: +15537
  • Позитив: +12341
  • Последний визит:
    Сегодня 10:47:05

RedPartisan

RedPartisan написал(а):

И хотелось бы изменить цвет, все бордовое на красное. В HTML -верх установлен данный корявый код...

Сделайте скриншот, поправьте в ФШ как надо, если таких элементов много, будет чревато и для помогающего (ибо занудство)
2-е не факт что результат будет лучше текущего, ибо делал опытный дизайнер исходя из гармонии палитр

3-е По мере развития форума появятся и собственные форумные специалисты в дизайне, их тут на майб море

0

Перевести6

  • Автор: RedPartisan
  • Заслуженный
  • Зарегистрирован: Чт, 27 Сен 2018
  • Сообщений: 9
  • Уважение: +2
  • Позитив: 0
  • Последний визит:
    Пн, 19 Ноя 2018 09:24:13

Deff, благодарю за ответ! Хорошо, цвет в принципе подходит...А как активные темы можно повыше подтянуть? Вроде вниз сползло...

0

Перевести7

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51722
  • Уважение: +15537
  • Позитив: +12341
  • Последний визит:
    Сегодня 10:47:05

RedPartisan
Замените HTML верх:

<!-- Шапка Форума!-->
<img  id="Mylocgo" src="https://forumstatic.ru/files/0019/ce/5f/54621.png" width=100% style="">
<script type="text/javascript">
$('#Mylocgo').insertBefore('#pun');
</script>
<style>
#pun{ margin-top:-123px;}
#pun-navlinks {top:auto;margin-top: 80px;}
#pun-title {display: none;}
</style>

0

Перевести8

  • Автор: RedPartisan
  • Заслуженный
  • Зарегистрирован: Чт, 27 Сен 2018
  • Сообщений: 9
  • Уважение: +2
  • Позитив: 0
  • Последний визит:
    Пн, 19 Ноя 2018 09:24:13

Deff, благодарю! Вы мне очень помогли.

+1

Перевести9

  • Автор: uliana-new
  • Заслуженный
  • uliana-new
  • Зарегистрирован: Вс, 5 Июн 2016
  • Сообщений: 148
  • Уважение: +20
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2019 14:05:07

Здравствуйте!
Задам и я здесь свой вопрос. Пытаемся Панель навигации перенести совсем наверх. Чтобы стояла сверху шапки. В компе получилось. Вроде бы)))
https://i.imgur.com/9WFN9IVm.jpg
А вот с мобильного вот так смотрится
https://i.imgur.com/4eTN1rPm.jpg
Помогите, пожалуйста, подскажите, в чём мы ошибаемся? Что сделать, чтобы в мобильном Панель навигации не наезжала на шапку и как убрать иконки мобильного стиля, чтобы ссылки словами были написаны? Где почитать инфу на Форуме тех. поддержки?
Форум http://tessti.rolebb.su/

0

Перевести10

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51722
  • Уважение: +15537
  • Позитив: +12341
  • Последний визит:
    Сегодня 10:47:05

uliana-new
Попробуйте отключить мобильный стиль в Администрирование-Настройки

0

Перевести11

  • Автор: uliana-new
  • Заслуженный
  • uliana-new
  • Зарегистрирован: Вс, 5 Июн 2016
  • Сообщений: 148
  • Уважение: +20
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2019 14:05:07
Deff написал(а):

uliana-new
Попробуйте отключить мобильный стиль в Администрирование-Настройки

А почему так????

0

Перевести12

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7560
  • Уважение: +6103
  • Позитив: +6665
  • Пол: Мужской
  • Последний визит:
    Вчера 21:28:42
uliana-new написал(а):

А почему так????

Потому что мобильный стиль работает только под ряд стандартных стилей, под свои стили он может работать, но процентов на 80 он работать будет криво.. Судя по всему он у вас еще нормально работает.. Поправить кнопку Меню, поправить промежуточные расстояния, сдвинуть кнопки Вверх-Вниз, поправить установленный поиск.. Ну, это по скриншоту, что увидел..

Отредактировано kolobdur74 (Пт, 26 Окт 2018 22:45:48)

0

Перевести13

  • Автор: uliana-new
  • Заслуженный
  • uliana-new
  • Зарегистрирован: Вс, 5 Июн 2016
  • Сообщений: 148
  • Уважение: +20
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2019 14:05:07
kolobdur74 написал(а):
uliana-new написал(а):

А почему так????

Потому что мобильный стиль работает только под ряд стандартных стилей, под свои стили он может работать, но процентов на 80 он работать будет криво.. Судя по всему он у вас еще нормально работает.. Поправить кнопку Меню, поправить промежуточные расстояния, сдвинуть кнопки Вверх-Вниз, поправить установленный поиск.. Ну, это по скриншоту, что увидел..

kolobdur74
Ну хоть на этом спасибо)))

0

Перевести14

  • Автор: uliana-new
  • Заслуженный
  • uliana-new
  • Зарегистрирован: Вс, 5 Июн 2016
  • Сообщений: 148
  • Уважение: +20
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2019 14:05:07

А ещё вопрос про мобильный стиль
А почему в мобильном телефоне в вертикальном положении не отображаются ссылки меню, которые мы добавляем. А только то, что предустановлено?

0

Перевести15

  • Автор: uliana-new
  • Заслуженный
  • uliana-new
  • Зарегистрирован: Вс, 5 Июн 2016
  • Сообщений: 148
  • Уважение: +20
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2019 14:05:07

Здравствуйте!
Обнаружила в Справочной старую тему FAQ по созданию выпадающего списка в главном меню без применения JS.

К сожалению, тема в архиве. Придётся задавать вопрос здесь.

Подскажите пожалуйста, возможно ли сделать подобное в Панели навигации, подключив следующий скрипт?

Скрипт
Код:
// JavaScript Document
  
$(document).ready(function () {

    function hideallDropdowns() {
        $(".dropped .drop-menu-main-sub").hide();
        $(".dropped").removeClass('dropped');
        $(".dropped .drop-menu-main-sub .title").unbind("click");
    }

    function showDropdown(el) {
        var el_li = $(el).parent().addClass('dropped');
        el_li
            .find('.title')
            .click(function () {
                hideallDropdowns();
            })
            .html($(el).html());

        el_li.find('.drop-menu-main-sub').show();
    }

    $(".drop-down").click(function(){
        showDropdown(this);
    });

    $(document).mouseup(function () {
        hideallDropdowns();
    });
});

То есть, чтобы выпадашка выпадала не путём подведения к пункту меню мышки, а по клику на пункт???
Для нас (Мама солдата) это довольно актуально в связи с использованием НАШИМИ участниками мобильных телефонов.

Отредактировано uliana-new (Ср, 7 Ноя 2018 09:28:25)

0

Перевести16

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51722
  • Уважение: +15537
  • Позитив: +12341
  • Последний визит:
    Сегодня 10:47:05
uliana-new написал(а):

Обнаружила в Справочной старую тему FAQ по созданию выпадающего списка в главном меню без применения JS.

Установите указанный код по наведению, дайте ссылку, добавлю пару строк для "по клику"

0

Перевести17

  • Автор: uliana-new
  • Заслуженный
  • uliana-new
  • Зарегистрирован: Вс, 5 Июн 2016
  • Сообщений: 148
  • Уважение: +20
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2019 14:05:07
Deff написал(а):

Установите указанный код по наведению, дайте ссылку, добавлю пару строк для "по клику"

Deff
Честно, не поняла, куда установить этот код.
Установила на тестовом форуме http://mamatest.mybb.ru/. Пункт СПРАВОЧНИК.

Только событие onclick мне не нужно!!

Меню предполагается сделать с двумя уровнями вложенности. может и с одним....не знаю...как пойдёт)))

Отредактировано uliana-new (Ср, 7 Ноя 2018 12:42:45)

0

Перевести18

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51722
  • Уважение: +15537
  • Позитив: +12341
  • Последний визит:
    Сегодня 10:47:05
uliana-new написал(а):

Только событие onclick мне не нужно!!

Не понял, вы же хотели чтобы меню раскрывалось по клику ?( сделайте скриншот развернутого меню и ткните стрелками возможные места клика (я так понимаю клик по пункту справочник ?
Или ещё где ...? Если многоуровневое, то нун тест с несколькими уровнями(сейчас у Вас с одним), поколь нун кликать и по предуровню

Отредактировано Deff (Ср, 7 Ноя 2018 14:42:51)

0

Перевести19

  • Автор: uliana-new
  • Заслуженный
  • uliana-new
  • Зарегистрирован: Вс, 5 Июн 2016
  • Сообщений: 148
  • Уважение: +20
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Вт, 22 Янв 2019 14:05:07
Deff написал(а):
uliana-new написал(а):

Только событие onclick мне не нужно!!

Не понял, вы же хотели чтобы меню раскрывалось по клику ?( сделайте скриншот развернутого меню и ткните стрелками возможные места клика (я так понимаю клик по пункту справочник ?
Или ещё где ...? Если многоуровневое, то нун тест с несколькими уровнями(сейчас у Вас с одним), поколь нун кликать и по предуровню

https://i.imgur.com/63KP9sk.jpg
Хочется, чтобы пункт Справочник открывался по клику. внутри него какие-то пункты открывались тож по клику. НО(!) при открытии следующего пункта в выпадашке, предыдущий закрывался бы.
Вот такая задумка..

Вот я ещё такой скрипт нарыла (вот здесь https://inverser.pro/47-simple-spoiler. Спойлер № 4)

Скрипт 2
Код:
let sp_content2=$('.sp_content2'),sp_title2=$('.sp_title2');
sp_content2.hide();
sp_title2.on('click',function(){
 let inx=$('.sp_title2').index(this);
 if($(sp_content2[inx]).css('display')==='none'){
 $(sp_content2).slideUp(100);
 $(sp_content2[inx]).slideDown(100);
 }else{
 $(sp_content2).slideUp(100);
 }
})

Тут с подключением jquery. Я как-то давно спрашивала, подключён ли jquery. Алекс сказал, что подключён. Ну может, не весь)))) Но это ж не проблема...

P.S.
Я просто не знаю, как второй уровень вложенности сделать. В теме-то про это не написано))).

Отредактировано uliana-new (Ср, 7 Ноя 2018 15:14:52)

0

Перевести20

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51722
  • Уважение: +15537
  • Позитив: +12341
  • Последний визит:
    Сегодня 10:47:05
uliana-new написал(а):

Я просто не знаю, как второй уровень вложенности сделать. В теме-то про это не написано))).

Ок подумаю завтра послезавтра...
Ксать лучше нарисуйте в ФШ полноразвернутое меню - я по нарисованному и оформлю (попытаюсь с тем же стилем)

0

Страница: 1 2  

Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Шапка, панель навигации,цвет стиля