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р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

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

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

Предложения

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

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


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Замена надписей активны/неактивны на картинки


Замена надписей активны/неактивны на картинки

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

1

Замена надписей "активен" и "последний визит" на картинки через CSS

http://forumfiles.ru/uploads/0007/e3/f7/2/517311.jpg

Код:
.post-author .pa-online {
font-size: 0;
background-image: url(http://images.vfl.ru/ii/1479146237/6cf5660d/14948551.png); /* картинка онлайн */
background-repeat: no-repeat;
width: 100px; /* ширина */
height: 85px; /* высота */
}
.post-author .pa-last-visit {
font-size: 0;
background-image: url(http://images.vfl.ru/ii/1479146257/c9880d32/14948554.png); /* картинка офлайн */
background-repeat: no-repeat;
width: 100px; /* ширина */
height: 85px; /* высота */
}

Другие варианты аналогичных кодов здесь: Выделение профиля автора онлайн в топике (CSS)


Картинки OnLine/OffLine в Профиле в топике
без сворачивания, посколь стало достаточно много отдельных скриптов сворачивания ин-фы в профиле

В HTML низ

<script  type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="width:153px;margin-top:3px;display:block;" />';

    var ImgON="http://savepic.ru/4647873.png";  // Картинка Online;
    var ImgOff="http://savepic.org/3595913.png";  // Картинка OffLine;

    $("#pun-viewtopic .post .post-author > ul").each(function ()   {
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    });
</script>

В Администрирование - Поля Профиля - поле  Активен перемещаем в самый низ
Поле должно быть показано!, как его скрыть - ниже

Для работы скрипта необходим лишь пункт .pa-online -( его можно скрыть css в HTML верх)

<style type="text/css">
.pa-online {
display:none;
}
</style>

Остальные пункты скрываем-показываем настройками в Администрирование - Поля Профиля

Отредактировано Герда (20.05.2013 00:08:07)

0

2

faiko написал(а):

width:153;

единицы измерения не нужны?

0

3

http://moonslight.rolka.su/viewtopic.php?id=262

Код:
<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='" style="cursor:pointer;cursor:hand;width:153;margin-top:3px;" />'; //153 - размер картинки по горизонтали
var ImgON="http://s1.uploads.ru/i/ujlT3.gif";  // Картинка Online;
var ImgOff="http://s1.uploads.ru/i/X5k0s.png";  // Картинка OffLine;
$("#pun-viewtopic .post .post-author ul").each(function ()   {
$(this).html('<div class=UL>'+$(this).html()+'</div>');
if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
    }else $(this).append(L0+ImgOff+L1);
$(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});
$("div.UL").hide();     //Кому не надо изначального свертывания - строку розовым убираем
$("ul .imgON_Off").click(function () {
$(this).parent("ul").find(".UL").toggle('slow');});
</script>

не отображается  :(

0

4

Эдлизабет
попробуйте убрать ту строку, что таки была выделена розовым, раз у вас и так там два спойлера стоят. У меня, если ставить ваш код, все работает

0

5

При использовании Скрипта с Двухспойлерным скрытием - Скрипт Активности online/offline Ставим Выше скрипта Спойлеров в Профиле

Отредактировано Deff (05.08.2012 00:17:59)

0

6

7

Не работает.
<!-- Всплывающий минипрофиль на Главной! --><script type="text/javascript">
var DataRefresh = "26.01.2014 19:08:00";// Дата принудительного обновления(если нужно обновить кеш)
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/18686.js"></script>
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:44px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #64bf45;
background-color:#cee5c8;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background-color:#cee5c8;
background: url(http://savepic.ru/3324615.png);
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
width:240px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:10px;
background-color:#cee5c8;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<left><b>News|Новости</b><br>
Форум новый! Создан форум ролевая по волкам. Историю нашего мира можете посмотреть в определенных темах. Пока мы новые то, соответственно, и новостей пока никаких нет<br>
<b>Advertising|Реклама</b><br>
Пока что кнопки нет. Ник: Вестник.Пароль: 12345. Извините за неудобства!<br>
<b>Links|Ссылки</b><br>
Редактируется.
  </div>
</div>
<!--End//JampPanel-->

<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s2.uploads.ru/DzZw9.png" alt="Вниз страницы" ></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s3.uploads.ru/2THoG.png" alt="Вниз страницы" ></a>
</div>
<script> var tTim=20;function ContentTopicAlert(){if($("#main-reply").val()==""){tTim=2;TimeUwedomlenie=setTimeout("ContentTopicAlert()",tTim*1000)}else { alert("Внимание!!! \n Время Вашей сессии скорее всего закончилось: \n\n Cкопируйте на всякий случай данные из поля ответа,\nСделайте перезагрузку страницы, и вставьте Ваш контент в поле ответа по правой кнопке мыши!");}};if($("#main-reply").html()!=null ){
TimeUwedomlenie=setTimeout("ContentTopicAlert()",tTim*60*1000);}</script>
<!--Сворачивалка в профиле в топике заданных пунктов инфы юзера -->
    <style>li.pa-hidePunk {border:inset 1px;padding:0 8px;width:131px;cursor:pointer; cursor:hand; margin-top: 12px;}</style>
<script type="text/javascript"> var L0='<img
class="imgON_Off" src="';
var L1='"
style="cursor:pointer;cursor:hand;width: 90;margin- top:3px;" />'; //153 - размер картинки по
горизонтали var ImgON="s8.uploads.ru/9KEMg.png";  // Картинка Online;
var ImgOff="s9.uploads.ru/lw0WA.png";  // Картинка OffLine; $("#pun-viewtopic .post .post-author ul").each
(function ()   {
$(this).html('<div class=UL>'+$(this).html()+'</
div>');
if ($(this).find(".pa-online").html()!=null)
{$(this).append(L0+ImgON+L1)     }else $(this).append(L0+ImgOff+L1);
$(this).find(".pa-author,.pa-title,.pa-
avatar").insertBefore($(this).find("div.UL"));});  //Кому не надо изначального свертывания - строку розовым
убираем
$("ul .imgON_Off").click(function () {
$(this).parent("ul").find(".UL").toggle('slow');});
</script>
    <script type="text/javascript">
    var g01='Информация'; // Надпись на разворачивалке
    var g00='Скрыть'; // Надпись на cворачивалке
    hidePunkt=new Array(
    //"pa-author",     //Ник-Нейм
    //"pa-title",      //статус
    //"pa-avatar",     //Аватар
    //"pa-from",       //Откуда
    //"pa-reg",        //Зарегистрирован
    //"pa-invites", //Приглашений
    //"pa-posts",      //Кол-во сообщений:
    //"pa-respect",    //Уважение:
    //"pa-positive",   //Позитив
    //"pa-sex",       //Пол
    //"pa-age",        //Возраст
    "pa-icq",        //Аська
    "pa-fld1",      //Персонаж
    "pa-ip",        //IP Юзера
    //"pa-time-visit", //Провел на форуме:
    //"pa-last-visit", //Последний визит:
    //"pa-online",    //Пользователь online
    "End ul")
       var g012='<li class="pa-hidePunk">';
       g01='<span>'+g01+'</span>';
       g00='<span>'+g00+'</b></span>';
       $(".post .post-author").each(function () {
       for(var i=0;i<hidePunkt.length-1;i++){
       if($(this).find("li."+hidePunkt[i]).html()!=null){
       $(this).find("li."+hidePunkt[i]).addClass('hidePunkt');};};
       $(this).find("ul").append(g012+g01+g00+'</li>');
       $(this).find("li.pa-hidePunk span:last").hide();
       $(this).find(".hidePunkt").hide();
    });
    $("li.pa-hidePunk").click(function () {
    $(this).find("span").toggle();
    $(this).parent("ul").find("li.hidePunkt").toggle('slow');});
    </script>
Может во всем этом ошибка?

0

8

ссылка: wolfmoment.rolebb.ru/

0

9

Дитё луны
http://uploads.ru/i/R/j/9/Rj9lU.gif Чот Вопрос не в тему, тут про картинки Офлайн/Онлайн , пишите втут Ищу скрипт...

0

10

Deff
А я думала это одно и то же.

0

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

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


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

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


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Замена надписей активны/неактивны на картинки