На DC
Обсуждения на Форуме - 71 Комментариев - 57 Файлов - 64
  • Главная
  • Наш форум
  • Контакты
  • Правила
  • Правообладателям
  • Выпадающее меню
  • rss
    [ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
    Правила форума Новые сообщения/темы Список пользователей Поиск RSS
    • Страница 2 из 4
    • «
    • 1
    • 2
    • 3
    • 4
    • »
    Модератор форума: Demon_Corp  
    Инструкция по вставке изображений с сервиса "Яндекс.Фотки"
    Demon_Corp
    03:27 » | Сообщение # 16
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Замена иконок (Изменить, Удалить тему)


    Замена иконок (Изменить, Удалить тему) v2.0
    Что лучше/нового в этой версии:
    1. Кода меньше и на много чище.
    2. Полностью работоспособный.

    Ставим после $BODY$:
    Код
    <script type="text/javascript">
    $("a.modBut img").removeAttr('height').removeAttr('width');
    $("a.modBut img[src='http://s105.ucoz.net/img/fr/eb.gif']").attr('class','edit').attr('src','http://vkadr.3dn.ru/images/forum/edit.png');
    $("a.modBut img[src='http://s105.ucoz.net/img/fr/db.gif']").attr('src','http://vkadr.3dn.ru/images/forum/delete.png').css('margin-left','3px');
    </script>


    105 — Меняем на свой сервер.


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 03:27
    Demon_Corp
    13:32 » | Сообщение # 17
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Ссылки невидны гостям


    Скрипт для uCoz скрывает ссылки от незарегистрированных пользователей
    В Общий вид страниц форума после $BODY$ ставим:
    Код
    <?if($USER_LOGGED_IN$)?><?else?>     
    <script>     
    e=document.getElementsByTagName('A');     
    for(k=0; k<e.length;k++) {     
    if(e[k].className=="link"){     
    e[k].innerHTML = '[<b>Ссылки могут видеть только зарегистрированные пользователи<b>]';     
    e[k].href = '$REGISTER_LINK$';     
    }     
    }     
    </script>     
    <?endif?>

    Готово....


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 13:32
    Demon_Corp
    13:54 » | Сообщение # 18
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Изменяем статистику на форуме


    Скрипт, который немножко изменяет статистику на форуме. Этот скрипт скрывает строку:
    Зарегистрировано X участников. Приветствуем нового участника XXX.

    Вот это ставить после $BODY$ на форум:
    Код
    <script type="text/javascript">
       i=1;
       $('.gTableBody1').each(function(){
       if(++i=='3') $(this).html('Всего создано '+$('b:first',this).text()+' тем, в которые добавлено '+$('b:nth-child(2)',this).text()+' ответов.')
       });
       </script>

    Готово....


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 13:54
    Demon_Corp
    14:15 » | Сообщение # 19
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Кнопка "скачать" для каталога файлов

    Данный скрипт позволяет заменить стандартную надпись "Скачать", на более
    интересную и красивую кнопку скачать. При том что эта самая кнопка показывает
    размер загружаемого файла.Установка этого скрипта довольна проста:

    Перейдите в ПУ -> Управление дизайном -> Каталог файлов -> Страница материала и комментариев к нему и вставьте следующий код скрипта, туда где хотите видеть эту кнопку:
    Код
    <style>.entry_download span{color:#878787;font:10px Tahoma;}   
    .entry_download {margin:17px 0 17px 0;}   
    .entry_download a {border:4px solid #f2f2f2; margin: 6px 6px 6px 6px; padding:6px 20px; background:#7599bc;color:#fff !important; text-decoration:none;}   
    .entry_download a:hover {background:#7a9fc3;color:#fff;}</style>
    <?if($USER_LOGGED_IN$)?>
    <?if($FILE_DIRECT_URL$)?>
       <div align="center" class="entry_download"><a href="$FILE_DIRECT_URL$">Скачать "<b>$ENTRY_TITLE$</b>" [<b>$FILE_SIZE$</b>]</a><?if($LOADS$>0)?><div style="padding: 4px;"></div><span>Скачиваний: <b>$LOADS$</b></span><?endif?></div>
       <?else?>   
    <?if($RFILE_DIRECT_URL$)?>
    <div align="center" class="entry_download"><a href="$RFILE_DIRECT_URL$">Скачать "<b>$ENTRY_TITLE$</b>" [<b>$RFILE_SIZE$</b>]</a><?if($LOADS$>0)?><div style="padding: 4px;"></div><span>Скачиваний: <b>$LOADS$</b></span><?endif?></div>
    <?endif?>   
    <?endif?>
    <?else?>
    <?if(($FILE_DIRECT_URL$) || ($FILE_DIRECT_URL$))?>   
    <div align="center" class="entry_download"><a href="$REGISTER_LINK$" style="background:#f51e50 !important">Для скачивания необходимо <b>зарегистрироваться</b>!</a></div>
    <?endif?><?endif?>

    Примеры:

    Если пользователь не зарегистрирован:


    Если файл ни разу не скачали:

    Если скачивания есть:




    Готово....


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 14:15
    Demon_Corp
    14:18 » | Сообщение # 20
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Новые анимированные статусы (онлайн и оффлайн)

    Новые анимированные статусы (онлайн и оффлайн).
    По вопросам установки писать на форуме

    Главная > Замена стандартных надписей > Пользователи: заменить надписи "онлайн", "оффлайн" на коды:

    <img src="image1.gif">

    где image1.gif заменяешь на путь к данным картинкам из архива


    _________________________________________

    Вложение : 71_for.ucoz.org.rar (30.0 Kb)


    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 14:18
    Demon_Corp
    14:33 » | Сообщение # 21
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Оригинальный вид рейтинга материалов


    Из картинки, приложенной к данному материалу, думаю всё становится ясно: модифицируем вид рейтинга материалов.
    Перейдём к установке данной модификации:

    1. Открываем ПУ (Панель управления) -> Дизайн -> Управление Дизайном -> МОДУЛЬ, где хотите видеть иконку (Например: Каталог файлов) -> Страница материала и комментариев к нему, находим что-нибудь подобное (код самих звездочек), просто в зависимости от шаблона у всех этот код немного различается:
    Код
    <?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?>

    и после него добавляем код:
    Код
    <style type="text/css">.u-star-rating{list-style:none;margin:0px;padding:0px;width:120px;height:18px;position:relative; background: url('http://updatesite.ru/demo/img/2/rating.png') top left repeat-x;}.u-star-rating li{padding:0px;margin:0px;}.u-star-rating li a{display:block;width:22px;height: 18px;line-height:18px;text-decoration:none; text-indent:-9000px;z-index:4;position:absolute;padding: 0px;overflow:hidden;}.u-star-rating li a:hover{background: url('http://updatesite.ru/demo/img/2/rating.png') left center;z-index:3;left:0px;border:none;}.u-star-rating a.u-one-star{left:0px;}.u-star-rating a.u-one-star:hover{width:22px;}.u-star-rating a.u-two-stars{left:22px;}.u-star-rating a.u-two-stars:hover{width:44px;}.u-star-rating a.u-three-stars{left:44px;}.u-star-rating a.u-three-stars:hover{width:66px;}.u-star-rating a.u-four-stars{left:66px;}.u-star-rating a.u-four-stars:hover{width:88px;}.u-star-rating a.u-five-stars{left:88px;}.u-star-rating a.u-five-stars:hover{width:120px;}.u-star-rating li.u-current-rating{top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none; background: url('http://updatesite.ru/demo/img/2/rating.png') left bottom;position: absolute;height:18px !important;line-height:18px !important;display:block;text-indent:-9000px;z-index:2;}</style>


    вставьте ето всместо

    /.s/img/stars/3/12.png
    тоесть
    Код
    <?if($RATING$)?><?$RSTARS$('20','http://updatesite.ru/demo/img/2/rating.png','1','float')?><?endif?>


    _________________________________________

    Вложение : 5079886.png (10.3 Kb)


    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 14:33
    Demon_Corp
    14:38 » | Сообщение # 22
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Иконка NEW у новых мателиалов

    Если материал был добавлен вчера или сегодня то рядом с его названием будет иконка отображаться иконка NEW
    Перейдём к установке иконки:

    1. Открываем ПУ (Панель управления) -> Дизайн -> Управление Дизайном -> МОДУЛЬ, где хотите видеть иконку (Например: Каталог файлов) -> Вид мателиалов, находим:
    Код
    <a href="$ENTRY_URL$">$TITLE$</a>

    и заменяем его на код ниже:
    Код
    <a href="$ENTRY_URL$">$TITLE$</a> <?if($DATE$="Сегодня" or $DATE$="Вчера")?> <img src="new.png"> <?endif?>

    2. new.png либо изменяем на путь до своей иконки, либо прописываем путь к иконкам от нашего сайта:

    - /img/1/1.png
    - /img/1/2.png
    - /img/1/3.png
    - /img/1/4.png

    3. Также следует в Общих настройках включить: Дату сегодняшнего дня выводить как "Сегодня". Но по умолчанию эта опция и так включена.

    Вот и всё)


    _________________________________________

    Вложение : 6785132.png (1.2 Kb) · 6882175.png (1.2 Kb) · 3204165.png (1.2 Kb) · 3040206.png (1.2 Kb)


    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 14:38
    Demon_Corp
    14:54 » | Сообщение # 23
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Выдвижной мини-чат для uCoz

    Отличный мини-чат для uCoz в стиле окна диалога ВКонтакте. Чат обладает очень многими необходимыми функциями: красивым скроллингом, звуком при новых сообщениях, сворачиванием/разворачиванием блоков, перемещением по горизонтали, да и просто, красивым внешним видом.

    Для общения с посетителями своего портала не достаточно формы обратной связи и комментариев. Для того, что всегда моментально отвечать на вопросы пользователей и всегда быть на связи, и был создан данный мини-чат для uCoz. После установки мини-чата любой пользователь сможет принимать активное участие в развитии и жизни сайта, от обсуждений об обновлениях портала, до обычных диалогов, просто написав сообщение в чат.



    Стандартный мини-чат занимает в контейнере не мало места, а так же в нем отсутствует звуковое уведомление о новых записях, поэтому если вы решите активировать данный модуль, то данная его реализация именно для вас.

    Примечание: Если вдруг появится ошибка: "Не заполнено поле сообщения", то необходимо удалить системный оператор $CHAT_BOX$, который в основном находится в ПУ - Управление дизайном - Первый (второй) контейнер.

    Установка:
    Изначально, в панели управления, необходимо нужно активировать модуль "Мини-чат", а так же отключить капчю у всех групп пользователей.

    1. Скопируйте код ниже и вставьте его в ПУ » Вид материалов мини-чата:
    Код
    <div class="msg"><div class="block1"><div class="block2">
    <a href="/index/8-$USER_ID$" target="_blank" rel="nofollow" title="$USERNAME$"><img alt="$USERNAME$" class="avatar" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://updatesite.ru/image/tmpl/avatar-default.gif<?endif?>" width="38" height="38"></a>
    </div>
    <div class="cMessage">
    <div class="cMessage_inner">
    <div><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus(); parent.window.document.getElementById('mchatMsgF').value+='$USERNAME$, ';return false;">$USERNAME$</a>:
    <div class="commtime"><span title="$DATE$">$TIME$</span></div></div>
    <div class="cMessage_body"<?if($NUMBER$='1')?> id="c_one"<?endif?>>$MESSAGE$</div>
    </div>
    </div></div></div>


    2. Далее замените код в ПУ » Форма добавления сообщений:
    Код
    <div class="mchat_add">
    <div class="sound_on"></div><div class="sound_off"></div>
    <?if(!$USER_LOGGED_IN$)?><div class="mchat_textedit">Необходима авторизация..</div><?else?>
    <input id="mchatMsgF" maxlength="500" name="mcmessage" class="mchat_textedit" type="text" placeholder="What's up?" value="">
    <div class="mchat_delstatus"></div>
    <input type="submit" onclick="messages();setTimeout(function(){messages()},500)" value="Отправить" id="mchatBtn" />
    <input id="mchatAjax" type="button" value="Отправить" disabled />
    <?endif?>
    </div>

    3. И последним действием в нижнем глобальном блоке для правильно отображения вставляем следующий код:
    Код
    <script type="text/javascript" src="http://updatesite.ru/demo/mchat/cookie.js"></script>
    <script type="text/javascript" src="http://updatesite.ru/demo/mchat/minichat.js"></script>
    <link type="text/css" rel="StyleSheet" href="http://updatesite.ru/demo/mchat/minichat.css">

    <div class="chat_over"> <div title="Заблокировать чат" id="chatlocking"></div>
    <div id="bottom_chat" onclick="hide_chat()">Свернуть</div><div id="top_chat" onclick="show_chat()">Развернуть мини-чат</div>
    <div id="cht" onclick="show_chat()">
    <div class="ngd"><div id="wrapper"><div id="scroller" class="comm"></div></div>
    <div class="chtt">$CHAT_BOX$</div></div>
    <div id="c_one_clon">0</div><div id="c_tell"></div></div></div>

    Цитата
    http://ваш_сайт/mchat/0-1 - страница управления сообщениями в чате.


    Установка завершена!
    На этом установка окончена: в результате при загрузке страниц сайта вы увидите мини-чат в свернутом виде.

    Возможны обновления данного мини-чата для uCoz: панель со смайликами, вывод статусов пользователей (онлайн/оффлайн), да и другие плюшки, о который вы можете попросить в комментариях к материалу.

    В данном топике подробно описано, как добавить панель смайликов к выдвижному мини-чату для uCoz. При выборе смайла в форму с сообщением будет вставляться соответствующий код смайла.

    Если у вас есть время и желание поэкспериментировать, то можете заменить элемент "textarea" (который не поддерживает изображения), блоком div, и использовать у него свойство contentEditable="true", и писать в нем, а потом передавать данные в "textarea", с соответствующей заменой картинки на код смайла.

    Первым делом установим необходимые стили для кнопки смайликов, и панельки с ними:
    Код
    .mchat_delstatus {top: 12px !important;}
      #mchatMsgF {width: 205px !important;padding-right: 48px !important;}
       
      div.mchat_smilespanel div::-webkit-scrollbar-button {width:8px;height:4px;}    
      div.mchat_smilespanel div::-webkit-scrollbar-track {background:#e8e8e8;-webkit-border-radius:3px;border-radius:3px; padding:1px;}    
      div.mchat_smilespanel div::-webkit-scrollbar-thumb {-webkit-border-radius:3px;border-radius:3px;background:#bbb; width: 8px !important;}
      div.mchat_smilespanel div::-webkit-scrollbar-thumb:hover {background:#aaa;}
      div.mchat_smilespanel div::-webkit-resizer {width:8px;height:4px;}
      div.mchat_smilespanel div::-webkit-scrollbar {width:8px; margin:5px;}
      .mchat_smiles{background-color: #fff; background-position:-17px 0; background-repeat:no-repeat; opacity: 0.5; background-image:url(http://livfan.ru/img/smlbutton.png);height:22px; width:16px; position:absolute; top:7px; left:230px; cursor:pointer; z-index:4;}
      .mchat_smiles:hover{opacity: 1;}
      .mchat_smilespanel{background-position: 0 0;background-repeat: no-repeat;display:none; width: 125px;height: 70px;background-color: #fff;opacity: 0.92;position: absolute;right: 50px;z-index: 5;box-shadow: 0 0 3px rgba(0,0,0,0.5);padding: 5px 5px;border-radius:4px;opacity:0;}
      #triangle-down {width: 11px;height: 6px;position: absolute;right: 8px;bottom: -6px;position: absolute;background: url(http://livfan.ru/images/mchatarrow.png) no-repeat 0 0; }
      .mchat_smilespanel img{cursor: pointer;margin:1px;}
      .mchat_smilespanel img:hover{background: rgba(0,0,0,0.1);}

    Если будут проблемы с шириной текстового поля с вводом сообщения, то поэкспереминтируйте с этим стилем: mchatMsgF {width: 205px !important;padding-right: 48px !important;}.

    У стилей класса .mchat_smilespanel можете редактировать параменты "width: 125px" и "height: 70px", они определяют ширину и высоту открываемой панели.


    Далее в форму добавления сообщения в мини-чате в самый конец добавляем следующий скрипт:
    Код
    <script>
        function smiles(tx) {
        $('#mchatMsgF').val($('#mchatMsgF').val()+' '+tx+' ');
        $('#mchatMsgF').focus();
        smilespanel();
        }
            
        function smilespanel() {
        var cnd=$(".mchat_smiles").attr("rel");
        if (cnd=="close") {
        $(".mchat_smiles").attr("rel","open");
        $(".mchat_smiles").css("background-position","0 0");
        $(".mchat_smilespanel").css("display","block");
        $(".mchat_smilespanel").animate({"opacity": "1"}, 100);
            
        } else {
        $(".mchat_smiles").attr("rel","close");    
        $(".mchat_smiles").css("background-position","-17px 0");    
        $(".mchat_smilespanel").animate({"opacity": "0"}, 100);    
        setTimeout(' $(".mchat_smilespanel").css("display","none");', 100)
        }
        }
            
      $( document ).ready(function() {
        var height=$(".mchat_smilespanel").css("height");//,"-"++"")
        height=height.substr(0, height.length-2); height=+height+7;
        $(".mchat_smilespanel").css("top","-"+height+"px");
        $(".mchat_smiles").click(function() {
        smilespanel();
        });
      });
      </script>

    Данными функциями мы заставим открываться/закрываться панель смайликов, а так же добавлять код смайла в текстовое поле с сообщением.

    И последним пунктом будет изменение самой формы добавления сообщения: После элемента "<div class="mchat_delstatus"></div>" (крестик для отчистки поля с сообщением), который, кстати, вы вообще можете удалить, всталяем следующий код:
    Код
    <div class="mchat_smilespanel"><div id="triangle-down"></div>
      <div style="height: 100%;overflow-y:auto">    
      <img src="/sml/cool.gif" onclick="smiles(':cool:')" alt="" title="">
      </div></div>
      <div rel="close" class="mchat_smiles"></div>

    К сожалением, мне так и не удалось спарсить смайлы автоматически, поэтому мне, вам, придется их вбивать вручную. Опять же, если у вас есть желание, то xml-страничка со списком смайлов - "/index/19", через регулярные выражения, пост/гет запросами можете попробовать получить список смайлов. Из-за нехватки знаний у меня это не получилось..

    вот пример одного смайла: <img src="/sml/cool.gif" onclick="smiles(':cool:')" alt="" title="">

    "/sml/cool.gif" - путь к смайлу
    ":cool:" - код смайла

    Для удобства можете открыть "ПУ" -> "Инструменты" -> "Редактор смайлов" и прямо оттуда копировать ссылку на картинку и код:

    Конечно процесс нудный, но результат стоит того. :)
    Спасибо за внимание.


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 14:54
    Demon_Corp
    15:13 » | Сообщение # 24
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Вид комментариев как на UPDATESITE

    Новый вид комментариев для uCoz как на нашем портале. Скрипт выполнен в светлых тонах без использования лишней графики. Этот вид комментариев будет отображаться одинаково во всех браузерах.Установка вида комментариев:

    1. Заходим в ПУ » Управление дизайном » Таблица стилей CSS и вставляем в самый низ:
    Код
    .datesmall{font-size:10px;color:#adadad;}
    .ratecomUDS{padding: 5px 7px 5px 5px; float:right; font-size:7pt; font-weight: bold; clear:both;font-size:7pt;color:#666666;}
    .ratecomUDS span {color: #318bbf;}
    .bbb {font-weight:bold; color:#666666;}
    .bbb_p {font-weight:bold;color:#666666;}
    .mcontcomm{padding-left:5px;padding-right:5px;display:block; color: #666666;line-height:11px;font-size:11px; font-family:tahoma;}
    .mcontcomm a{color: #666 !important; text-decoration:none; font-weight: bold;}
    .mcontcomm a:hover {color: #44bbff !important; text-decoration:none;}
    .usernamelinkUDS{font-size:11px !important; padding:2px 2px 2px 0;}
    .avacomUDS {float: left; border: 1px #d2d2d2 solid; padding: 2px; position: absolute;}
    .avacomUDS img {width: 55px; height: 55px;}
    .avacomUDS a img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }   
    .avacomUDS a:hover img { opacity:0.6; -moz-opacity:0.4; filter:alpha(opacity=70); }
    .textcomUDS {padding-left: 65px;}

    2. ПУ -> Дизайн -> Управление Дизайном -> Комментарии -> Вид комментариев, и заменяем всё на следующий код:
    Код
    <div style="position:relative;padding-bottom:7px;" class="mcontcomm">
    <?if($LEVEL$="0")?><div style="border:1px solid #dbdbdb;padding:5px;background-color:#f1f1f1; min-height: 62px;"><?else?>
    <div style="border:1px solid #ebebeb;padding:5px;background-color:#ffffff; min-height: 62px;">   
    <?endif?>   
    <div class="avacomUDS"><a title="Профиль пользователя" href="<?if($PROFILE_URL$)?>$PROFILE_URL$<?else?>#<?endif?> "><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://updatesite.ru/img/comm_added_no_av.png<?endif?>"></a></div>
    <div class="textcomUDS">
    <div class="usernamelinkUDS"><?if($ANSWER_URL$)?><a href="$ANSWER_URL$" title="Ответить" class="usernamelinkUDS" style="padding-left: 1px;" class="bbb"><?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?></a><?else?><?if($USERNAME$)?><span class="bbb">$USERNAME$</span><?else?><span class="bbb">$NAME$</span><?endif?><?endif?>
    <span class="datesmall">написал $DATE$ в $TIME$</span>$MODER_PANEL$
    </div>
       <div style="padding-right: 50px;">
    $MESSAGE$
       </div>
    <div align="right" style="clear:both;font-size:7pt;color:#666666;">   
    <?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?>
    <?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?>
    <span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?>   
    <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s2.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://s2.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://s2.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://s2.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?>
    </div>
    </div>
    </div>
    </div>

    Установка окончена!


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 15:13
    Demon_Corp
    15:15 » | Сообщение # 25
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Ajax предупреждение при копировании материала

    Если кто-то захочет скопировать ваш материал, то после нажатия "Копировать" или комбинации клавиш "Ctrl+C", то появится alert-окно, как на скриншоте, напоминающее о источнике материала.Установка довольна проста:

    1. Перейдите в ПУ -> Управление дизайном -> Каталог файлов -> Страница материала и комментариев к нему и вставьте следующий код скрипта в самый низ:
    Код
    <script type="text/javascript">
       $(".mtr10").bind('copy', function(e){   
       _uWnd.alert('<div style="text-align:left;font-family:tahoma;font-size:11px;padding:6px">При копировании материалов с сайта указывайте ссылку на источник:
    <b>' + window.location.href + '</b></div>', 'Предупреждение', {w:400,h:90,tm:6500,close:1})
       });   
    </script>

    2. Также на этой странице находим $MESSAGE$ и заменяем его на:
    Код
    <div class="mtr10">$MESSAGE$</div>

    Вот собственно и всё..))


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 15:15
    Demon_Corp
    15:19 » | Сообщение # 26
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Красивый вид комментариев

    Красивый вид комментариев с эффектом прозрачности.
    Перейдём к установке нашей кнопки:

    1. Открываем ПУ (Панель управления) -> Дизайн -> Управление Дизайном -> Таблица стилей (CSS) и добавляем туда следующий код:
    Код
    .NewsComm {margin-top: 10px;}   
    .Level {opacity: .5;   
    -webkit-transition: all 200ms ease;   
    -moz-transition: all 200ms ease;   
    -o-transition: all 200ms ease;   
    }   
    .Level:hover {opacity: 1;}   
    td.CommAva {vertical-align: top;}   
    td.CommAva img {   
    width: 60px;   
    height: 60px;   
    border-right: 1px solid rgba(0,0,0,.2);   
    border-bottom: 1px solid rgba(0,0,0,.2);   
    -webkit-border-radius: 2px;   
    -moz-border-radius: 2px;   
    border-radius: 2px;   
    padding: 3px;   
    background-color: #e0e0e0;   
    }   
    td.CommArrow {   
    width: 9px;   
    vertical-align: top;   
    }   
    td.CommArrow img {padding: 6px 0 0 5px;}   
    td.CommMess {   
    width: 100%;   
    background-color: rgba(0,0,0,.1);   
    padding: 5px 10px;   
    vertical-align: top;   
    -webkit-text-shadow: 1px 1px 0 rgba(255,255,255,.5);   
    -moz-text-shadow: 1px 1px 0 rgba(255,255,255,.5);   
    text-shadow: 1px 1px 0 rgba(255,255,255,.5);   
    -webkit-border-radius: 2px;   
    -moz-border-radius: 2px;   
    border-radius: 2px;   
    border-right: 1px solid rgba(0,0,0,.2);   
    border-bottom: 1px solid rgba(0,0,0,.2);   
    }   
    .NotRead {background: url('http://updatesite.ru/images/CommNotReadBg.png') repeat-y right top;}   
    div.CommInf {   
    border-bottom: 1px solid rgba(0,0,0,.1);   
    padding-bottom: 5px;   
    margin-bottom: 4px;   
    font-size: 9px;   
    color: #888;   
    }   
    div.CommInf font {font-weight: bold; text-decoration: underline;}   
    .CommAnswer {text-decoration: none; color: inherit;}   
    .CommAnswer:hover {color: darkblue; cursor: pointer;}

    2. ПУ -> Дизайн -> Управление Дизайном -> Комментарии -> Вид комментариев, все удаляем (лучше скопируйте свой код, вдруг потом захотите вернуть прежний вид) и вставляем следующие:
    Код
    <div style="width:auto;*width:100%;margin-left:15px;"><b></b></div><div style="width:auto;*width:100%;margin-left:20px;"><table class="NewsComm Level" cellpadding="0" cellspacing="0" width="95%">   
    <tbody><tr align="left">   
    <td class="CommAva"><img src="$USER_AVATAR_URL$/images/noavatar.png"></td>   
    <td class="CommArrow" align="right"><img src="http://updatesite.ru/image/NewsCommArrow.png"></td>   
    <td class="CommMess">   
    <div class="CommInf" style="width:auto;height:auto;">   
    <a href="$PROFILE_URL$"><font style="">$USERNAME$$NAME$</font></a> $DATE$ в $TIME$ написал:   
    <div style="float:right;">$NUMBER$</div>   
    </div>$MESSAGE$   
    <a href="$ANSWER_URL$" class="CommAnswer">   
    <br>Ответить   
    </a>   
    </td>   
    </tr>   
    </tbody></table></div>

    где, /images/noavatar.png заменяем на картинку, которая будет отображаться у пользователей без аватарок.
    P.S. Если хотите убрать эффект прозрачности, то просто удалите Level из данного кода.


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 15:19
    Demon_Corp
    15:24 » | Сообщение # 27
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Информер новых комментарием - для uCoz

    Информер новых комментарием - для uCoz.

    1) Cоздаём информер
    Код
    [ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ]

    2) Редактируем шаблон информера на такой:
    Код
    <div class="osninf"><div class="inftitl"><b>Новость:</b> <a href="$ENTRY_URL$">$ENTRY_TITLE$</a></div><b>$NAME$</b> написал: <div class="infmes">$MESSAGE$</div></div>

    3) В CSS:
    Код
    /* Информер коментариев */   
    .osninf {padding:8px;border-bottom:1px solid #d2d2d2;}   
    .inftitl b, .osninf b {color:#828387;}   
    .inftitl a:link, .inftitl a:visited, .inftitl a:active {color: #fff;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;}   
    .inftitl a:hover {color: #3e73b9;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;border-bottom: 1px dashed #3e73b9;}   
    .infmes {border:1px dashed #b2b2b2;margin:5px 0 3px 0;padding:5px;background:#fff;font-size:7pt;   
    color:#828282;}   
    /* ------------- */

    4) Вставляем код информера в любое место,где вы хотите видеть этот блог.
    (все параметры (цвет и размер) настраиваются в CSS )


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 15:24
    Demon_Corp
    17:49 » | Сообщение # 28
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    "Выделить всё" рядом с CODE


    Скрипт добавляет возле бб-кода code надпись Выделить всё, что очень помогает при копировании.1. Идём в Управление дизайном -> Форум -> Общий вид страницы форума и после $BODY$ вставляем следующий скрипт:
    Код
    <script type="text/javascript">   
       function selectCode(a){   
       var e=a.parentNode.parentNode.getElementsByTagName('code')[0];   
       if(window.getSelection){   
       var s=window.getSelection();   
       if(s.setBaseAndExtent){   
       s.setBaseAndExtent(e,0,e,e.innerText.length-1);   
       }else{   
       var r=document.createRange();   
       r.selectNodeContents(e);   
       s.removeAllRanges();   
       s.addRange®;}   
       }else if(document.getSelection){   
       var s=document.getSelection();   
       var r=document.createRange();   
       r.selectNodeContents(e);   
       s.removeAllRanges();   
       s.addRange®;   
       }else if(document.selection){   
       var r=document.body.createTextRange();   
       r.moveToElementText(e);   
       r.select();}}   
       codediv=document.getElementsByTagName('div');   
       for(i=0;i<codediv.length;i++){   
       if(codediv[i].className=="bbCodeBlock"){   
       s=codediv[i].innerHTML;   
       s=s.replace(/>Code</g,'><font   

       size="11pt">Код: </font><a href="#" onclick="selectCode(this);return false;"><font   
       color="#3e73b9">Выделить   
       всё</font><\/a><').replace('<!--uzc-->','<!--uzc--><code>').replace('<!--\/uzc-->','<\/code><!--\/uzc-->');   
       codediv[i].innerHTML=s;}}   
       </script>

    2. Для установки в новостях или в каталогах файлов/статей идём в Управление дизайном > Каталог файлов (например) > Страница материала и комментариев к нему и после $MESSAGE$ вставляем тот же самый код.


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 17:49
    Demon_Corp
    18:33 » | Сообщение # 29
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Привет придурки


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 18:33
    Demon_Corp
    18:44 » | Сообщение # 30
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Вид кода и цитат


    ПУ-->Управление дизайном-->CSS. Вставляем туда это:

    Код
    / * Code/qoute change by alex.kurenkov * /     
    .bbCodeName {display:none; !important}     
    .codeMessage {overflow:auto; max-height:none !important;width:470px; margin:5px 0 5px 0;padding:10px;background-color:#efefef;color:#333333;border:1px dashed #999999 !important;text-align:left;font-size:250px;font-size: 15;}     
    .bbCodeName {display:none; !important}     
    .quoteMessage {overflow:auto; max-height:none !important;width:470px; margin:5px 0 5px 0;padding:10px;background-color:#efefef;color:#333333;border:1px dashed #999999 !important;text-align:left;font-size:250px;font-size: 15;}     
    /---Code/qoute change by alex.kurenkov---/


    Код
    .quoteMessage {     

    border: 1px dotted #c39b1f !important;     
    border-left: 5px solid #ffca29 !important;     
    background: #fafafa url("http://i004.radikal.ru/0905/f8/7b3b9d84872b.gif") !important;     
    background-repeat: no-repeat !important;     
    background-position: right top !important;     
    color: #888888 !important;     
    padding: 10px !important;     
    overflow: auto !important;     
    }     

    .codeMessage {     
    margin-top: 10px !important;     
    border: 1px dotted #6baac4 !important;     
    border-left: 5px solid #2ec2ff !important;     
    background: #fafafa url("http://s60.radikal.ru/i167/0905/50/0e0851cb77eb.gif") !important;     
    background-repeat: no-repeat !important;     
    background-position: right top !important;     
    color: #888888 !important;     
    padding: 10px !important;     
    overflow: auto !important;     
    }


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 18:44
    • Страница 2 из 4
    • «
    • 1
    • 2
    • 3
    • 4
    • »
    Поиск:


    Все материалы на сайте размещены исключительно в ознакомительных целях.
    Все права на материалы, представленные на сайте, принадлежат их законным владельцам.
    Яндекс.Метрика
    Сейчас онлайн
    Правила чата
    Мини-чат
    +Мини-чат
    0