Вертикальная панель навигации

Поделиться1Ср, 6 Янв 2010 13:46:12

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

Решила выделить в отдельную тему, считаю - вопрос интересный и серьезный. В Поиске ничего подобного не нашла.
Итак.
Пытаюсь сделать такую навигацию. Вот код:

Код:

  /* D3 Forum navigation
        -------------------------------------------------------------*/
        /* D.3 */

            #pun-ulinks li, #pun-ulinks li a {

          display: inline;

          border-left-style: none;

          border-left-width: 0px;

          white-space: nowrap;

          }

        /* D3.1 */
        #pun-navlinks {
          border: none;
          margin: 0;
          margin-bottom: 130px;

        }

        #pun-navlinks .container {
          border: none;
          margin: 0;
          }

        /* D3.2 */
        #pun-navlinks .container {
          padding-top: 0px;
          height: 32px;
          font-weight: bold;
          text-align: right;
          margin-right: 20px;
          background-color: transparent;
         
        }

        /* D.3 */
        #pun-ulinks li, #pun-ulinks li a {
      display: inline;
      border-left-style: solid;
      border-left-width: 1px;
      white-space: nowrap;
      }

        /* D3.4 */
       #pun-ulinks .container {
      padding: -0.9em 1em;
      text-align: center;
      border:none;
      }

Меняю значения по-всякому. Но панель вообще никак не отображается, ее просто нет. Что не так?
Сейчас пока убрала код с форума, поскольку иначе б не смогла потом войти, но вот адрес, где химичу: http://testovik.mybb.ru/

0

Поделиться2Ср, 6 Янв 2010 19:00:55

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

0

Поделиться3Ср, 6 Янв 2010 19:13:52

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5082
Уважение: +1506
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 26 Окт 2025 10:39:38

Ольха, а не проще это сделать в HTML?
Главное меню форума вертикальными блоками.

+1

Поделиться4Ср, 6 Янв 2010 19:45:27

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

Оптимально настроены для стилей линейки Classic

А если не Классик?

0

Поделиться5Ср, 6 Янв 2010 20:13:08

Автор: ДОМИНИОН
Cтарожил
Зарегистрирован: Сб, 4 Ноя 2006
Сообщений: 6889
Уважение: +1022
Позитив: +688
Последний визит:
Вт, 23 Авг 2022 00:48:48

Ольха
Установите и узнаете, подойдет оно вам или нет.

+1

Поделиться6Ср, 6 Янв 2010 20:15:24

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5082
Уважение: +1506
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 26 Окт 2025 10:39:38

Ольха написал(а):

А если не Классик?

Это они выложены оптимально настроены под Классик, но ведь там полная свобода действий по перемещениям. Ставить можно куда угодно, только меняйте значения

margin : -65px 6px 0 0;

под свой форум и всё.

0

Поделиться7Ср, 6 Янв 2010 20:31:56

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

Good
А как сделать прозрачный фон блока?

0

Поделиться8Ср, 6 Янв 2010 22:05:49

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5082
Уважение: +1506
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 26 Окт 2025 10:39:38

Ольха написал(а):

А как сделать прозрачный фон блока?

background: transparent url(фоновая картинка);

Выделенное удалите

Отредактировано Good (Ср, 6 Янв 2010 22:06:13)

+1

Поделиться9Ср, 6 Янв 2010 22:55:12

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

Good
Не работают кнопки Администрирование и Выход. Т.е. я в админку попасть не могу и выйти с форума. Вместо кликабельных ссылок - просто текст.

Отредактировано Ольха (Ср, 6 Янв 2010 22:59:54)

0

Поделиться10Ср, 6 Янв 2010 23:02:06

Автор: АЛЬБ
Cтарожил
Зарегистрирован: Ср, 31 Окт 2007
Сообщений: 3178
Уважение: +445
Позитив: +206
Пол: Мужской
Последний визит:
Вс, 4 Дек 2011 20:01:22

Ольха написал(а):

Не работают кнопки Администрирование и Выход. Т.е. я в админку попасть не могу и выйти с форума. Вместо кликабельных ссылок - просто текст.

вернись через кнопу браузера обратно в админку!! и удали поставленное..

0

Поделиться11Ср, 6 Янв 2010 23:05:19

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

АЛЬБ написал(а):

и удали поставленное..

Я хочу не удалить, а исправить.
Адрес забыла: http://testovik.mybb.ru/

Отредактировано Ольха (Ср, 6 Янв 2010 23:05:49)

0

Поделиться12Ср, 6 Янв 2010 23:06:52

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5082
Уважение: +1506
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 26 Окт 2025 10:39:38

Ольха написал(а):

Не работают кнопки Администрирование и Выход. Т.е. я в админку попасть не могу и выйти с форума. Вместо кликабельных ссылок - просто текст.

Я только что поставил на тестовый это

Код:

<style>
#pun-navlinks, #pun-navlinks .container { 
margin : -65px 6px 0 0;
float : right; 
}
#pun-navlinks .container {
background: transparent; 
border: 2px double #988448;
 padding : 0.3em 0.3em 0.3em 0.5em; 
}
#pun-navlinks.section {border-style: none; } 
#pun-navlinks li { 
display : block;
}
#pun-navlinks a {color : #FFFF00;}
#pun-navlinks a:hover {color : #7CFC00;}
#pun-ulinks .container { 
height : 12px; 
}
</style>

Всё работает
КЛАЦ

0

Поделиться13Ср, 6 Янв 2010 23:11:10

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

Good
О! У меня тоже заработало. Когда я убрала второй блок с пользовательскими ссылками "Активные темы, Новые сообщения и т.п."
Попробуйте поставить оба блока у себя...
Вот мои коды:

Код:

<style>
#pun-navlinks, #pun-navlinks .container {
margin : -65px 180px 0 0;
float : right;
}
#pun-navlinks .container {
background: transparent;
border: 2px double #988448;
padding : 0.3em 0.3em 0.3em 0.5em;
}
#pun-navlinks.section {border-style: none; }
#pun-navlinks li {
display : block;
}
#pun-navlinks a {color : #990000;}
#pun-navlinks a:hover {color : #993333;}</style>

Код:

<style>
#pun-ulinks, #pun-ulinks .container {
margin : -50px 0 0 300px;
float : left;
}
#pun-ulinks .container {
background: transparent;
border: 2px double #988448;
}
#pun-ulinks.section {border-style: none; }
#pun-ulinks li, #pun-ulinks li a {
padding : 0 0.3em 0 0;
display : block;
border-style: none;
}
#pun-ulinks a {color : #990000;}
#pun-ulinks a:hover {color : #993333;}
</style>

0

Поделиться14Ср, 6 Янв 2010 23:11:48

Автор: АЛЬБ
Cтарожил
Зарегистрирован: Ср, 31 Окт 2007
Сообщений: 3178
Уважение: +445
Позитив: +206
Пол: Мужской
Последний визит:
Вс, 4 Дек 2011 20:01:22

Ольха написал(а):

Я хочу не удалить, а исправить.

щас доиграешься!! в рестор пойдёшь..

0

Поделиться15Ср, 6 Янв 2010 23:13:06

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

АЛЬБ написал(а):

в рестор пойдёшь..

Я уже оттуда.

0

Поделиться16Ср, 6 Янв 2010 23:27:49

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5082
Уважение: +1506
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 26 Окт 2025 10:39:38

Ольха написал(а):

Попробуйте поставить оба блока у себя...

Поставил ваши оба, работает

0

Поделиться17Ср, 6 Янв 2010 23:31:47

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5082
Уважение: +1506
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 26 Окт 2025 10:39:38

Ольха, я зарегился, ставьте второй блок.

0

Поделиться18Чт, 7 Янв 2010 00:10:05

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

Good
Поставила)

0

Поделиться19Чт, 7 Янв 2010 00:18:49

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5082
Уважение: +1506
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 26 Окт 2025 10:39:38

Ольха, проверил у вас на форе, кнопки админка мне не доступна но выход работает и вход тоже
Проверил в мазиле, тоже работает только кнопка выход просит курсор чуууть выше поднять, не как на всех ссылках, но работает

0

Поделиться20Чт, 7 Янв 2010 00:24:43

Автор: Ольха
Заслуженный
Зарегистрирован: Вт, 25 Ноя 2008
Сообщений: 332
Уважение: +30
Позитив: +68
Последний визит:
Пн, 28 Ноя 2022 10:55:25

Good
Я в Мозилле, да.
Даже если выше поднимаю курсор, все равно не жмется ссылка. И не подчеркивается при наведении, как все остальные.
А в ИЕ - все работает.
Даже не знаю, почему именно так и именно две кнопки...
Видимо, придется просто отказаться от второго блока.

0

Шапка, панель навигации,цвет стиля	Вопросы по оформлению форума	Чт, 8 Ноя 2018
Меню навигации в левой панели	Корзина	Вс, 7 Авг 2011
Типовые Вопросы (ЧаВо)	Справочная	Пн, 28 Апр 2014
Статистика	Корзина	Вт, 31 Авг 2010
несколько вопросов по оформлению.	Корзина	Вс, 30 Май 2010

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

Меню навигации

Пользовательские ссылки

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

Вертикальная панель навигации

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

Поделиться1Ср, 6 Янв 2010 13:46:12

Поделиться2Ср, 6 Янв 2010 19:00:55

Поделиться3Ср, 6 Янв 2010 19:13:52

Поделиться4Ср, 6 Янв 2010 19:45:27

Поделиться5Ср, 6 Янв 2010 20:13:08

Поделиться6Ср, 6 Янв 2010 20:15:24

Поделиться7Ср, 6 Янв 2010 20:31:56

Поделиться8Ср, 6 Янв 2010 22:05:49

Поделиться9Ср, 6 Янв 2010 22:55:12

Поделиться10Ср, 6 Янв 2010 23:02:06

Поделиться11Ср, 6 Янв 2010 23:05:19

Поделиться12Ср, 6 Янв 2010 23:06:52

Поделиться13Ср, 6 Янв 2010 23:11:10

Поделиться14Ср, 6 Янв 2010 23:11:48

Поделиться15Ср, 6 Янв 2010 23:13:06

Поделиться16Ср, 6 Янв 2010 23:27:49

Поделиться17Ср, 6 Янв 2010 23:31:47

Поделиться18Чт, 7 Янв 2010 00:10:05

Поделиться19Чт, 7 Янв 2010 00:18:49

Поделиться20Чт, 7 Янв 2010 00:24:43

Похожие темы