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

Поделиться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
Сообщений: 5079
Уважение: +1499
Позитив: +854
Пол: Мужской
Последний визит:
Вт, 12 Ноя 2024 21:39:49

Ольха, а не проще это сделать в 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
Сообщений: 5079
Уважение: +1499
Позитив: +854
Пол: Мужской
Последний визит:
Вт, 12 Ноя 2024 21:39:49

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

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

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

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
Сообщений: 5079
Уважение: +1499
Позитив: +854
Пол: Мужской
Последний визит:
Вт, 12 Ноя 2024 21:39:49

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

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

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
Сообщений: 5079
Уважение: +1499
Позитив: +854
Пол: Мужской
Последний визит:
Вт, 12 Ноя 2024 21:39:49

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

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

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

Код:

<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
Сообщений: 5079
Уважение: +1499
Позитив: +854
Пол: Мужской
Последний визит:
Вт, 12 Ноя 2024 21:39:49

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

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

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

0

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

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5079
Уважение: +1499
Позитив: +854
Пол: Мужской
Последний визит:
Вт, 12 Ноя 2024 21:39:49

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

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
Сообщений: 5079
Уважение: +1499
Позитив: +854
Пол: Мужской
Последний визит:
Вт, 12 Ноя 2024 21:39:49

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

0

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

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

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

0

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

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

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

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

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

Сообщений 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