ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

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

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



Всплывающие описания форумов

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

1

Скрытие описаний форумов с показом при наведении
Скрипт показывает описания разделов форума только при наведении курсора.

http://forumfiles.ru/uploads/0007/e3/f7/2617/390289.png

Автор: Deff
Платформа: Mybb

В начало HTML низ

Код:
<!-- Скрытие Описаний форумов с показом при наведении  -->
<style>
.Toggl {
  padding:18px;
  width:250px;
  margin-left:40px;
  margin-top:0;
  z-index:12;
  display:none;
  position:absolute;
  background-color:#fff;

    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
}

.category td.tcl:hover .tclcon .Toggl{
  display:block;
}
</style>
<script type="text/javascript">
$(".category td.tcl .tclcon").each(function (){
 var L1=$(this).find('h3:first').html();$(this).find('h3').replaceWith("");
 //var L2=$(this).find('.modlist').html();$(this).find('.modlist').replaceWith("");

 if($(this).html().length>7){var L=$(this).html("<span class=Toggl>"+$(this).html()+"</span>")};
 $(this).prepend('<h3>'+L1+'</h3><br />');
 //if(L2!==null){$(this).find(".Toggl").after('<span class="modlist">'+L2+'</span>')};
});
</script>

Основные регулироваки это ширина всплывающего блока и смещение вправо

.Toggl {
  padding:18px;
  width:250px;
  margin-left:40px;
  margin-top:0;

И в самом скрипте можно удалять две косые черты //

<script type="text/javascript">
$(".category td.tcl .tclcon").each(function (){
var L1=$(this).find('h3:first').html();$(this).find('h3').replaceWith("");
//var L2=$(this).find('.modlist').html();$(this).find('.modlist').replaceWith("");

if($(this).html().length>7){var L=$(this).html("<span class=Toggl>"+$(this).html()+"</span>")};
$(this).prepend('<h3>'+L1+'</h3><br />');
//if(L2!==null){$(this).find(".Toggl").after('<span class="modlist">'+L2+'</span>')};
});
</script>

(*Тогда модераторы остаются вместе с названием форума( а не на всплывающей картинке

Да, еще: - Можно поменять цвет фона всплывающего описания
смотрим в сss скрипта:   background-color:#fff; и меняем цвет ( или вообще заменить на фоновую картинку background-image:url(Тут ссылка на картинку);

Отредактировано Герда (16.05.2013 08:45:01)

+3

2

Все, круто, но...
у форума, где нет описания, высвечивается пустой контейнер при наведении. http://i.smiles2k.net/aiwan_smiles/sad.gif

0

3

Герда написал(а):

у форума, где нет описания, высвечивается пустой контейнер при наведении.

я так понял что это уже исправили?потому что у мения ничего не высвечивается если нет описания)

0

4

у меня высвечивает пустой контейнер т.т
http://uploads.ru/t/2/z/x/2zxMB.png

0

5

Всё работает Спасибо

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."