Панель

Поделиться1Вс, 5 Июл 2009 11:07:17

Автор: Тензи
Заслуженный
Зарегистрирован: Ср, 9 Июл 2008
Сообщений: 164
Уважение: +14
Позитив: +10
Пол: Женский
Последний визит:
Вт, 31 Авг 2010 15:11:42

Как сделать такую вот панель на форуме:

0

Поделиться2Вс, 5 Июл 2009 11:31:44

Автор: Duka
lab.rusff.me
Зарегистрирован: Пт, 2 Ноя 2007
Сообщений: 4645
Уважение: +2155
Позитив: +1489
Пол: Мужской
Последний визит:
Вс, 12 Ноя 2023 10:43:44

Тензи написал(а):

Как сделать такую вот панель на форуме:

КАк вариант, стащить ее оттуда, где вы сделали этот скриншот

0

Telegram @renatabdusalamov

Поделиться3Вс, 5 Июл 2009 11:59:10

Автор: Тензи
Заслуженный
Зарегистрирован: Ср, 9 Июл 2008
Сообщений: 164
Уважение: +14
Позитив: +10
Пол: Женский
Последний визит:
Вт, 31 Авг 2010 15:11:42

Duka
Пыталась стащить, но... когда вставляю код, у меня не открывается вниз с ссылками( поэтому и сюда пишу)

0

Поделиться4Вс, 5 Июл 2009 12:10:00

Автор: mkusher
Не rocket science
Зарегистрирован: Ср, 19 Мар 2008
Сообщений: 821
Уважение: +1000
Позитив: +706
Пол: Мужской
Последний визит:
Вт, 7 Янв 2020 15:14:17

Тензи
http://tests.bestff.ru/
такое?

Оформлять заказы нужно по следующему образцу
1) Вариант меню: вертикальное или горизонтальное
2) Напишите конструкцию меню
(из примера горизонтальное меню)

Главная, Проекты, Регистрация, О нас - 1-ый уровень
Shop, САР, Аукцион, Форум(при наведение на Регистрация и Проекты) О команде, О нас(при наведение на О нас) - 2-ой уровень
Агентом, Продавцом(при наведение на Регистрация - Shop) - 3-ий уровень
3) Напишите ширину , цвета и наполнение ячеек(ссылок) для каждого уровня меню
Если ширина одинаковая, скажем, для второго и третьего уровней, то пишите к примеру так
1 - 100px; ссылка - красная, при наведение - зелёная; задний фон - картинка один, при наведение - картинка 2
2,3 - 80px ссылка - фиолетовая, при наведение - малиновая; задний фон - картинка три, при наведение - картинка 4

Отредактировано mkusher (Вс, 5 Июл 2009 12:10:21)

0

Поделиться5Вс, 5 Июл 2009 12:27:50

Автор: Тензи
Заслуженный
Зарегистрирован: Ср, 9 Июл 2008
Сообщений: 164
Уважение: +14
Позитив: +10
Пол: Женский
Последний визит:
Вт, 31 Авг 2010 15:11:42

mkusher
да, как Искать на..

*сейчас будет разбирать написанное ниже)*

0

Поделиться6Вс, 5 Июл 2009 12:44:14

Автор: Тензи
Заслуженный
Зарегистрирован: Ср, 9 Июл 2008
Сообщений: 164
Уважение: +14
Позитив: +10
Пол: Женский
Последний визит:
Вт, 31 Авг 2010 15:11:42

mkusher
а куда писать заказ?

0

Поделиться7Вс, 5 Июл 2009 12:45:42

Автор: mkusher
Не rocket science
Зарегистрирован: Ср, 19 Мар 2008
Сообщений: 821
Уважение: +1000
Позитив: +706
Пол: Мужской
Последний визит:
Вт, 7 Янв 2020 15:14:17

Тензи написал(а):

а куда писать заказ?

пишите сюда

0

Поделиться8Вс, 5 Июл 2009 13:01:15

Автор: Тензи
Заслуженный
Зарегистрирован: Ср, 9 Июл 2008
Сообщений: 164
Уважение: +14
Позитив: +10
Пол: Женский
Последний визит:
Вт, 31 Авг 2010 15:11:42

Оформлять заказы нужно по следующему образцу
1) Вариант меню: горизонтальное

2) Напишите конструкцию меню
Гостевая книга Ознакомление Реклама

3) Напишите ширину, цвета и наполнение ячеек(ссылок) для каждого уровня меню
Если ширина одинаковая, скажем, для второго и третьего уровней, то пишите к примеру так
1 - 40px; ссылка - #5f212c, при наведение - #202731; задний фон - каритнку пока не решила, пустое место пусть будет, при наведение - тоже самое
2,3 - 35px ссылка - #5f212c, при наведение - #202731; остальное тоже, что и выше

0

Поделиться9Вс, 5 Июл 2009 13:38:43

Автор: mkusher
Не rocket science
Зарегистрирован: Ср, 19 Мар 2008
Сообщений: 821
Уважение: +1000
Позитив: +706
Пол: Мужской
Последний визит:
Вт, 7 Янв 2020 15:14:17

Тензи
1) Куда будете вставлять? (Меню навигации, объявление или html-низ)
2) Вы не указывали третий уровень
3) Какие границы ставить для блока выплывающих ссылок?(2 и 3 уровни)

0

Поделиться10Вс, 5 Июл 2009 13:52:46

Автор: mkusher
Не rocket science
Зарегистрирован: Ср, 19 Мар 2008
Сообщений: 821
Уважение: +1000
Позитив: +706
Пол: Мужской
Последний визит:
Вт, 7 Янв 2020 15:14:17

Код:

<style>
/* Начало меню */
#menu
{
	background-color: none;
	text-align: center;
	margin: 0px;
	display: block;
	padding-top: 0;
	padding-left: 0;
}
/* Ссылки первого уровня */ 
#menu A
{
	width: 40px;
	text-decoration:none;
	color: #5f212c;
	margin-left: 2px;
	margin-right: 2px;
}
 
#menu A:hover
{
	color: #202731; 
	text-decoration: none;
}
/* конец первого уровня */
/* Ссылки 2-3 уровней */
#menu li ul A
{
	width: 35px;
	text-decoration:none;
	color: #5f212c;
}
#menu li ul li ul A
{
	width: 35px;
	text-decoration:none;
	color: #5f212c;
}
#menu li ul A:hover
{
	color: #202731; 
	text-decoration: none;
 
}
/* Конец 2-3 уровней */ 
#menu ul
{
	list-style: none; 
	margin: 0;
	text-align: left;
}
#menu li 
{
	position: relative;
	float: left;
	background: none;
	margin: 0;
}
#menu li ul
{
	list-style: disc inside;
	position: absolute; 
	display: none;
	border: 2px groove #aaa;
	border-bottom: 5px double #aaa;
	border-top: 0px;
}
#menu li ul li ul
{
	list-style: disc inside;
	position: absolute; 
	left: 192px;
	top: -2px;
	display: none;
	border: 2px groove #aaa;
	border-bottom: 5px double #aaa;
	border-left: 0px;
}

#menu li:hover ul{display: block; padding: 0px;}
#menu li:hover ul li ul{display: none;}
#menu li ul li:hover ul{display: block;}
/* Конец меню */
</style>

html-верх

Код:

<ul id="menu">
<li><a href="#">Гостевая книга</a><ul><li><a href="http://buslaevandgrotter.mybb.ru/viewtopic.php?id=651">Вопросы</a></li></ul></li>
<li><a href="#">Ознакомление</a><ul><li><a href="http://buslaevandgrotter.mybb.ru/viewtopic.php?id=647">Правила</a></li><li><a href="http://buslaevandgrotter.mybb.ru/viewtopic.php?id=340">Мастерский состав</a></li><li><a href="http://buslaevandgrotter.mybb.ru/viewtopic.php?pid=1217#p1217">Список персонажей</a></li><li><a href="http://buslaevandgrotter.mybb.ru/viewtopic.php?pid=2286#p2286">Список способностей</a></li><li><a href="http://buslaevandgrotter.mybb.ru/viewtopic.php?id=774">Акция</a></li></ul></li>
<li><a href="#">Реклама</a><ul><li><a href="http://buslaevandgrotter.mybb.ru/viewtopic.php?id=769">Реклама</a></li><li><a href="http://buslaevandgrotter.mybb.ru/viewtopic.php?id=165">Баннерообмен</a></li><li><a href="http://buslaevandgrotter.mybb.ru/viewtopic.php?id=597">Стать партнерам</a></li></ul></li>
</ul>

куда душе угодно

0