Доброго времени суток. КОД возможно, что на картинке?

автор hamsa Февраль 14th 2014, 00:10

Доброго времени суток.
Заранее прошу прощения за повтор, но увы

Возможно этот запрос?
КОД возможно, что на картинке?

Доброго времени суток. КОД возможно, что на картинке? Oo11

https://i.servimg.com/u/f58/15/96/93/59/oo11.png

http://chernowikkzzz.2x2forumy.ru/

автор ZoD1aK Февраль 14th 2014, 00:49

Возможно, в описания форума или категории ставите код:

Код:: <div class="block_h"> Блок <div class="block">текст</div> </div>

Блок - это заголовок<br />
текст - ваш скрытый текст

В CSS:

Код:: .block { display:none } .block_h { color: #f1f1f1; background: #cc9966; padding: 10px 6px; border: 1px solid #1B1B1B } .block_h:hover .block { display:block }

CSS думаю сами настроите.

автор ZoD1aK Февраль 14th 2014, 01:01

Если хотите плавность тогда нужно по другому сделать, так как transition не работает с display, вместо того чтоб скрыть мы просто делаем прозрачность(opacity) нулевую, а при hover единица и добавляем тег transition который и отвечает за плавность появления. А чтоб скрытый блок появлялся снизу, справа, слева или же с верху выставляем позиционирование. Все это делаем через CSS.

автор hamsa Февраль 14th 2014, 01:10

Как я могу использовать этот код

Как это код

Код:: <div class="block_h"> Блок <div class="block">текст</div> </div>

автор ZoD1aK Февраль 14th 2014, 01:18

В смысле? не можете вставить в описания категории?

Общие настройки - Категории и форумы - Изменить(иконка) - Описания

автор hamsa Февраль 14th 2014, 01:23

Предназначен поставить только текст?
Я положил хороший ссылку в коде?

Код:: <div class="block_h"> lablablablab <div class="http://help.forum2x2.ru/t35529-topic#246872">lablablablab</div> </div>

автор hamsa Февраль 14th 2014, 01:29

Мой друг и я хочу показать, как скрыть речь

автор ZoD1aK Февраль 14th 2014, 01:35

Во первых class это идентификатор который отвечает за привязку стиля(css), а чтоб ссылку вставить используется совсем другой тег:

Код:: <a href='ссылка'>текст</a>

Вот так правильно:

Код:: <div class="block_h"> Блок <div class="block"> < a href='http://help.forum2x2.ru/t35529-topic#246872'>текст</a> </div> </div>

Если вы хотите что-то скрыть, задайте идентификатору через css:

Код:: display:none

автор hamsa Февраль 14th 2014, 01:37

hamsa пишет:Мой друг и я хочу показать, как скрыть речь

Доброго времени суток. КОД возможно, что на картинке? S10

https://i.servimg.com/u/f58/15/96/93/59/s10.png

автор ZoD1aK Февраль 14th 2014, 01:42

Я не пойму вас, вы хотите скрыть что-то на чужом форуме?

автор hamsa Февраль 14th 2014, 01:46

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

Тема продолжал в вашем частном сообщении

автор ZoD1aK Февраль 14th 2014, 03:11

Нашол то что используется на сайте который вы написали как пример: https://help.forum2x2.ru/t22672-topic#172190

автор hamsa Февраль 14th 2014, 23:08

Я не хочу это объяснение Navbar

Уважаемый Я хочу объяснение и код, как это присутствует в образе сокрытия

Увеличить это изображение Щелкните здесь, чтобы увидеть его в исходную величину.
Доброго времени суток. КОД возможно, что на картинке? Oo11

https://i.servimg.com/u/f58/15/96/93/59/oo11.png

автор Алекса Февраль 15th 2014, 00:01

ПА/Общие настройки/Категории и форумы/ нужный подфорум - настройки modif

> Описание

Код:: <ul class="menu_p"> <li> <p> <img src="Ссылка на изображение" /> </p> <ul> <li> <span style="color: Black;">Текст </span></a> </li> </ul> </li> </ul>

span style="color: Black;" - цвет всплывающего текста

В ЦСС добавить

Код:: .menu_p, .menu_p ul { margin: 0; padding: 0; list-style: none; } .menu_p { width: auto; margin: 2px; } .menu_p:before, .menu_p:after { content: ""; display: table; } .menu_p:after { clear: both; } .menu_p { zoom:1; } .menu_p li { float: left; position: relative; margin-right: 10px; } .menu_p p { float: left; padding: 0; outline: none; } .menu_p ul { margin: 20px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 28px; left: 0; z-index: 9999; background: #FFEDE1; border: 1px solid #000; border-radius: 8px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .menu_p li:hover > ul { opacity: 1; visibility: visible; margin: 0; } .menu_p ul ul { top: 0; left: 150px; margin: 0 0 0 20px; _margin: 0; /*IE6 only*/ } .menu_p ul li { float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/ } .menu_p ul a { padding: 6px; margin: 5px; _height: 10px; /*IE6 only*/ display: block; white-space: nowrap; float: none; text-transform: none; outline: none; } .menu_p ul a:hover { background-color: #FFA76F; margin: 5px; border-radius: 5px; }