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


    В Общий вид страниц форума после 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 = 'http://ваш.сайт.ru/index/3-0-0';     
    }     
    }     
    </script>     
    <?endif?>


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 21:11
    Demon_Corp
    21:15 » | Сообщение # 32
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Переключатель страниц как на DLE для ВСЕХ модулей

    бёрём эти строчки и добавляем в CSS, в любое место, у меня стоит в самом верху, после строчки /* General Style */:
    Код
    .catPages2 a:visited,     
    .catPages2 a:hover,     
    .catPages2 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;}     
    .catPages2 a:hover {background:#6B82A4;color:#607080;font-weight:bold;}     
    .catPages2 b {text-decoration:none;background:#607080;padding:3px 10px;color:#CCCCCC;font-size:11px;}     
    .catPages1 {color:#607080;border:0px;margin-bottom:10px;margin-top:10px;}     
    .catPages1 a:link,     
    .catPages1 a:visited,     
    .catPages1 a:hover,     
    .catPages1 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;}     
    .catPages1 a:hover {background:#6B82A4;color:#607080;font-weight:bold;}     
    .catPages1 b {text-decoration:none;background:#607080;padding:3px 10px;color:#CCCCCC;font-size:11px;}

    Теперь делаем такие переключатели для нужного вам модуля, например для файлов.
    Заходим в Управление шаблонами, каталог файлов, и в 3ёх шаблонах делаем одно и тоже (в шаблоне Главная страница каталога фалов, страница со списком материалов раздела, и Страница со списком материалов категории)
    Ищем в шаблоне $BODY$ смотрим чуть выше него, у меня там вот такая строчка :
    Код
    <td align="right"><?if($PAGE_SELECTOR$)?>Страницы: $PAGE_SELECTOR$<?endif?></td>

    У вас она может чуть отличатся, но суть в том что нужно тег $PAGE_SELECTOR$ выделить в div, а именно:
    Должно получится вот так:
    Код
    <td align="right"><?if($PAGE_SELECTOR$)?>Страницы: <div class="catPages1" id="pagesBlock1" align="right">$PAGE_SELECTOR$</div><?endif?></td>

    Всё, верхние переключатели готовы, теперь делаем нижние, таким же способом, но смотрим уже ниже $BODY$
    Вот что нашлось у меня:
    Код
    <?if($PAGE_SELECTOR1$)?>$PAGE_SELECTOR1$<?endif?>

    Выделяем в DIV, получится вот так:
    Код
    <?if($PAGE_SELECTOR1$)?><div class="catPages2" align="center" id="pagesBlock2">$PAGE_SELECTOR1$</div><?endif?>


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 21:15
    Дизайнеры
    13:42 » | Сообщение # 33
    Дизайнеры
    /avatar/31/894382.jpg
    Регистрация: 26.09.2014
    Сообщений: 1
    Замечания:
    Репутация
    Код
    <div style="display: none;">    
        <script>    
    $('tr[id^="tt"]:last').after($('img[title="Тема закрыта"]').parent().parent());    
        </script>    
    </div>


    _________________________________________

    Сообщение отредактировал - Дизайнеры 13:42
    Demon_Corp
    19:48 » | Сообщение # 34
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Цитата Olesya ()
    <a class="btn btn-mini" href="/3d/">

    <b>
    <span style="color: blue;">

    3

    </span>
    <span style="color: red;">

    D

    </span>
    </b>

    </a>


    Цитата Olesya ()
    .btn-mini {
    padding: 0px 2px;
    font-size: 9px;
    }
    .btn {
    display: inline-block;
    margin-bottom: 0px;
    padding: 4px 14px;
    background-color: #F5F5F5;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 15px;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-image: -moz-linear-gradient(center top , #FFF, #E6E6E6);
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: #E6E6E6 #E6E6E6 #A2A2A2;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
    }


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 19:48
    Demon_Corp
    21:28 » | Сообщение # 35
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Выпадающее CSS3 меню
    http://demon-corp.ucoz.com/img_forum/dropdown_css3_menu.png

    Разметка HTML
    [code]<ul class="menu">

    <li><a href="#">Главная</a></li>
    <li><a href="#">Форум</a></li>
    <li><a href="#">Кабинет</a>

    <ul>
    <li><a href="#" class="documents">Документы</a></li>
    <li><a href="#" class="messages">Сообщения</a></li>
    <li><a href="#" class="signout">Выход</a></li>
    </ul>

    </li>
    <li><a href="#">Загрузки</a></li>
    <li><a href="#">Видео</a></li>
    <li><a href="#">Справка</a></li>

    </ul>

    CSS

    Начнем с удаления отступов (внутренних и внешних), границ и контуров со всех элементов нашего меню.

    Затем добавим фиксированную высоту и ширину, скруглим углы и добавим CSS3 градиент. Для того, чтобы ссылки расположить горизонтально применяем float:left, плюс установим относительное позиционирование для дальнейшего выравнивания под-меню:

    .menu,
    .menu ul,
    .menu li,
    .menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    }

    .menu {
    height: 40px;
    width: 505px;

    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }

    .menu li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 40px;
    }

    Для оформления ссылок меню добавим некоторые основные свойства CSS, такие как цвет, отступы, шрифты и др.

    Затем добавим тень для текста и transition для плавного изменения цвета ссылки при наведении курсора. Для создания сепаратора (отделителя) ссылки добавим границу слевой и справой стороны, а затем удалим левую границу для первой ссылки, и правую границу для последней ссылки.

    При наведении курсора на ссылку будем только менять цвет:

    .menu li a {
    display: block;
    padding: 0 14px;
    margin: 6px 0;
    line-height: 28px;
    text-decoration: none;

    border-left: 1px solid #393942;
    border-right: 1px solid #4f5058;

    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;

    color: #f3f3f3;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);

    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    }

    .menu li:first-child a { border-left: none; }
    .menu li:last-child a{ border-right: none; }

    .menu li:hover > a { color: #8fde62; }

    Теперь займемся под-меню.

    В начале установим абсолютное позиционирование с отступами сверху 40px и 0px слева для пнуктов меню и добавим закругления для углов. Установим непрозрачность в 0, а при наведении в 1. Для эффекта слайда (вверх/вниз), мы должны установить высоту списка 0px в скрытом состоянии, и 36px в состоянии наведения курсора.

    .menu ul {
    position: absolute;
    top: 40px;
    left: 0;

    opacity: 0;
    background: #1f2024;

    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
    }

    .menu li:hover > ul { opacity: 1; }

    .menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;

    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
    }

    .menu li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
    }

    Установим ширину под-меню в 100px и добавим нижнюю границу в качестве сепаратора. Для последней ссылки нижнюю границу уберем.

    .menu ul li a {
    width: 100px;
    padding: 4px 0 4px 40px;
    margin: 0;

    border: none;
    border-bottom: 1px solid #353539;
    }

    .menu ul li:last-child a { border: none; }

    И в завершении нам нужно добавить иконки к каждой ссылке под-меню. Для этого для каждой ссылки создадим свой класс и назначим в качесве background свое изображение:

    .menu a.documents { background: url(../img/docs.png) no-repeat 6px center; }
    .menu a.messages { background: url(../img/bubble.png) no-repeat 6px center; }
    .menu a.signout { background: url(../img/arrow.png) no-repeat 6px center; }

    Перевод статьи: designmodo.com


    _________________________________________

    Вложение : css3dropdownmen.7z (76.6 Kb)


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


    Онлайн генератор CSS спрайтов - SpritePad. Отличная вещь! В закладки добавить просто необходимо.

    Просто перетаскиваете в браузер свои иконки в указанную область и справа автоматически генерируется CSS код. Когда вы разместите все изображения, то просто нажмите вверху кнопку Download и скачаете сформированное PNG изображение и CSS файл. Ни какие фотошопы не нужны (ну если только для рисования самих иконок). И никакие калькуляторы для вычисления положения иконок.

    Размер холста конечно же можно настроить "налету".

    Офф. страница: Генератор CSS спрайтов

    Генератор CSS стрелок для тултипов



    ервис на котором можно сгенерировать стрелочку для использования в тултипах - всплывающих подсказках. Хотя всё зависит от вашей фантазии.

    Ни чего особенного конечно тут вы не увидите. Настроек не много, но CSS можно допилить и ручками.

    Можно изменять положение стрелки, её размер, цвет, толщину обводки и цвет.

    Офф. страница: Генератор CSS стрелок для тултипов

    CSS генератор градиентов от ColorZilla

    Полезный ресурс для генерирования CSS градиентов подобных тем, какие используются в Photoshop. Ссылка на ресурс: SS генератор градиентов от ColorZilla



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


    _________________________________________



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

    Готово, удачи


    _________________________________________

    Вложение : 8355744.png (133.5 Kb)


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

    Готово, удачи


    _________________________________________



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

    Готово, удачи


    _________________________________________



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


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


    _________________________________________



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


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


    _________________________________________



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



    Кнопка проста и красива,думаю вам пригодится

    Установка:

    В страницу материала и коментариев к нему вставляем в нужное вам место данный код:

    Код: выделить всё
    <?if($USER_LOGGED_IN$)?>
    <script type="text/javascript">
    function repchange(val,id){
    repval=val;
    ajaxtime=setInterval('checkajax'+id+'()',500);}
    </script>
    <script type="text/javascript">
    function checkajax26668(){
    forms=document.getElementsByTagName('form');
    for(f=0;f<forms.length;f++){
    if(forms[f].id=='frm981'){
    if(repval=='plus'){document.getElementById('a2').checked='true';
    forms[f].reason.value='Благодарю за $ENTRY_TITLE$'
    document.getElementById('sbt981').onclick=null;
    clearInterval(ajaxtime);}}}}
    </script>
    <div class="all_load" style="float: right;"><a title="Увеличить репутацию автора материала" href="javascript://" onclick="openLayerB('Rd',0,'$HOME_PAGE_LINK$index/23-$UID$','Изменение репутации',390,280,1); return false;"><input type="submit" value="+ Спасибо" class="mchat" id="mchatBtn" style="cursor:pointer; cursor:hand;"></a></div>
    <?else?>
    <div class="all_load" style="float: right;"><a href="$LOGIN_LINK$" title="Чтобы увеличить репутацию автора материала, Авторизуйтесь"><input type="submit" value="+Спасибо" class="mchat" id="mchatBtn" style="cursor:pointer; cursor:hand;"></a></div>
    <?endif?>
    <style type="text/css">
    #mchatbtn, #ldf18, #ldf19, .reglon, .pollbut {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://novi4ok.ru/images/novi4ok/podrobno.png");
    background-origin: padding-box;
    background-position: 0px 0px;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-color: white;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 0px;
    color: #505252;
    cursor: pointer;
    font-size: 8pt;
    height: 25px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    width: 85px;
    }
    </style>

    вот и всё


    _________________________________________



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

    Готово, удачи


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 02:18
    Demon_Corp
    21:13 » | Сообщение # 44
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    font-family: "Helvetica","Arial","FreeSans","Verdana","Tahoma","Lucida Sans","Lucida Sans Unicode","Luxi Sans",sans-serif;


    _________________________________________



    Всем добра!:) ®
    Сообщение отредактировал - Demon_Corp 21:13
    Demon_Corp
    18:49 » | Сообщение # 45
    Demon_Corp
    /avatar/94/4315-577252.png
    Регистрация: 28.08.2013
    Сообщений: 63
    Замечания:
    Репутация
    Код
    <div id="pg-loading" onclick="this.style.display='none'" style="position:fixed;
    top:7px; left:7px; display:none; font-family:tahoma; font-size:8pt; background:rgba(0,0,0,0.8); color:#fff; padding:4px 8px 4px 8px; z-index:999; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;"><img src="http://isu-ucoz.3dn.ru/a_scripts/i/22.png" alt="" align="absmiddle" /> <b>Загрузка...</b></div>
    </div>
    <script async type="text/javascript">
    document.getElementById('pg-loading').style.display='';
    </script>
    <script>$('#pg-loading').fadeIn(1000);$('#pg-loading').fadeIn(1);</script>
    <script type="text/javascript" src="/js/snow.js"></script>
    <script type="text/javascript">
    jQuery.cookie=function(a,b,c){if(arguments.length>1&&String(b)!=="[object Object]"){c=jQuery.extend({},c);if(b===null||b===undefined){c.expires=-1}if(typeof c.expires==='number'){var d=c.expires,t=c.expires=new Date();t.setDate(t.getDate()+d)}b=String(b);return(document.cookie=[encodeURIComponent(a),'=',c.raw?b:encodeURIComponent(b),c.expires?'; expires='+c.expires.toUTCString():'',c.path?'; path='+c.path:'',c.domain?'; domain='+c.domain:'',c.secure?'; secure':''].join(''))}c=b||{};var e,decode=c.raw?function(s){return s}:decodeURIComponent;return(e=new RegExp('(?:^|; )'+encodeURIComponent(a)+'=([^;]*)').exec(document.cookie))?decode(e[1]):null};
    </script>


    _________________________________________



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


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