1. Привет Гость!

    Не пропусти!!!

    Мы запустили новую акцию- VIP статус в подарок !


    Узнать подробней
  2. Получи доступ со скидкой -30%


    И скачивай файлы без ограничений!


    Подробнее
  3. Нужен организатор
Гость, НУЖНЫ ГОТОВЫЕ ИДЕНТИФИЦИРОВАННЫЕ ЯНДЕКС КОШЕЛЬКИ? ПОКУПАЙ У НАС>>>

Статья Создаём красивые объявления

Тема в разделе "Статьи о XenForo", создана пользователем Cyber, 20.02.16.

  1. Admin Post
    Cyber

    Cyber Admin Команда форума Администратор

    3.857
    924
    Вариант 1:

    Идём сюда: /admin.php?notices/ - жмем кнопку "Создать новое объявление" - Указываем свой заголовок - В поле "Сообщение" вставляем такой код:
    Код:
    <div class="messageText baseHtml">
    <div class="notice_text">
    <h2 class="notice_name benmed blue">Forum Features</h2>
    <p class="notice_info benreg"> </p>
    <ul>
    <li>Follow threads, discussions & people.</li>
    <li>Upload & share images and video. (Events, iPads, Lexus', product results) </li>
    <li>Interact with your leaders & personal team. </li>
    <li>Share, contribute & connect with others with experience and knowledge. </li>
    </ul>
    </div>
    </div>
    Текст в коде меняете на свой.

    Настраиваем критерии для объявления и после этого сохраняем его. Затем наводим курсор на созданное объявление и видим такую ссылку: site.ru/admin.php?notices/notice.5/edit. Нам нужно ID объявления(выделено жирным), но у Вас соответственно будет другой. Запоминаем ID и идём в шаблоны. Открываем шаблон EXTRA.css и в него добавляем:
    Код:
    .Responsive .notice_14 {
        background: url("@imagePath/xenforo/sources/notice2.jpg") no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
       /* height: 245px !important; */
    }
    .Responsive .notice_14 .notice_text {
        padding-left: 250px;
    }
    .notice_14 .notice_name.benmed.blue {
        color: #8bc63e;
        font-family: 'Open Sans',sans-serif;
        font-size: 30px;
        font-weight: normal;
        margin-bottom: 10px;
        margin-top: 10px;
        text-transform: uppercase;
    }
    .notice_14 .notice_text ul {
        margin: 5px 0;
    }
    .notice_14 .notice_text li {
        background: url("@imagePath/xenforo/sources/notice2arrow.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #6c6d6f;
        list-style: none outside none !important;
        margin: 12px 0;
        padding-left: 25px;
    }
    Ваши изображения для объявлений, должны лежать по пути: /styles/ваш_стиль/xenforo/sources/
    Не забудьте изменить изображения из кода выше на свои!
    Сохраняем шаблон и получаем такой вид для нашего объявления:

    [​IMG]

    Вариант 2:

    Шаги идентичны первому варианту, но в поле "Сообщение" вставляем это:
    Код:
    <div class="notice_text">
    <div class="noticeHeader">
    <h2 class="notice_name benmed blue">
    <span>RULES</span>
    <br>
    Summary
    </h2>
    <h3 class="notice_sub benmed">Guest, Read these rules or be banned.</h3>
    </div>
    <ul>
    <li>
    <span>Don't</span>
    Spam.
    </li>
    <li>
    <span>Don't</span>
    Solicit for your personal business.
    </li>
    <li>
    <span>Don't</span>
    do anything deceptive.
    </li>
    <li>
    <span>DO</span>
    Participate and provide value.
    </li>
    <li>
    <span>DO</span>
    Help create a united community.
    </li>
    <li>
    <span>DO</span>
    Adhere to NERIUM's core values in your interaction with others.
    </li>
    </ul>
    <a class="notice_button tealButton" href="http://site.ru/help/rules">View Complete Forum Rules</a>
    </div>
    Настраиваем критерии для объявления по своему желанию и сохраняем его. Затем СМОТРИМ ID объявления, и идём в шаблоны. Открываем шаблон EXTRA.css и добавляем:

    Код:
    .Responsive .notice_15 {
        background: url("@imagePath//xenforo/sources/notice3.jpg") no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
    }
    .Responsive .notice_15 .notice_name.benmed.blue {
        color: #808080;
        font-size: 17px;
        font-weight: normal;
        margin-bottom: 3px;
        margin-top: 0;
    }
    .Responsive .notice_15 .noticeHeader span {
        color: #72aeb6;
        font-size: 30px;
        text-transform: uppercase;
    }
    .Responsive .notice_15 .notice_name.benmed.blue {
        float: left;
    }
    .Responsive .notice_15 .notice_text {
        padding-left: 280px;
    }
    .notice_15 .noticeHeader {
        border-bottom: 1px solid #ccc;
        margin-bottom: 5px;
        overflow: hidden;
    }
    .notice_15 .noticeHeader .notice_sub {
        color: #b0b0b0;
        float: right;
        font-weight: normal;
    }
    .notice_15 .notice_text li {
        box-sizing: border-box;
        float: left;
        width: 100%;
    }
    .notice_15 ul {
        margin: 0;
    }
    #Notices .notice_15 .noticeContent {
        padding-right: 5px !important;
    }
    .notice_15 .notice_text li {
        background: url("@imagePath/xenforo/sources/notice3arrow.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
        box-sizing: border-box;
        color: #edab6b;
        float: left;
        list-style: none outside none !important;
        margin: 2px 0;
        padding-left: 25px;
    }
    /* ===================================================================== */
    .tealButton {
        background: linear-gradient(to bottom, rgba(114, 174, 182, 1) 0%, rgba(91, 156, 165, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        padding: 7px 15px;
        position: absolute;
        right: 39px;
        top: 145px;
    }
    .tealButton:hover {
        background: none repeat scroll 0 0 #5399a2 !important;
    }
    .tealButton:hover a {
        text-decoration: none;
    }
    .Responsive .notice_15 .tealButton {
        color: #ecf4f5;
        font-family: 'Lato',sans-serif;
        font-size: 15px;
    }
    .Responsive .gritter-top {
        display: none;
    }
    .Responsive a.tealNoticebutton {
        background: linear-gradient(to bottom, rgba(114, 174, 182, 1) 0%, rgba(91, 156, 165, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #c8dfe2;
        display: block;
        margin-left: 10px;
        padding: 7px 0;
        text-align: center;
        text-decoration: none;
        width: 160px;
    }
    .tealNoticebutton:hover {
        background: none repeat scroll 0 0 #5399a2 !important;
    }
    .tealNoticebutton:hover a {
        text-decoration: none;
    }
    .tealLeft {
        margin-bottom: -7px;
        margin-top: 6px;
    }
    .tealRight {
    }
    /* ======================================================================= */
    Сохраняем шаблон и получаем такой вид для нашего объявления:

    [​IMG]
    Вариант 3:

    В поле "Сообщение" вставляем это:

    Код:
    <div class="notice_text">
    <h2 class="notice_name benmed blue">
    <span class="leftside">The</span>
    <span class="grey">WHY</span>
    <span class="orange">MOVEMENT</span>
    <span class="largetext">VISION</span>
    </h2>
    <p class="notice_info benreg">We have a passion to provide a world-class platform for people to connect with others that have experience and knowledge in NERIUM and this industry to build team success & a unified community.</p>
    </div>
    В шаблон EXTRA.css добавляем:
    Код:
    .Responsive .notice_16 {
        background: url("@imagePath/xenforo/sources/notice1.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0)!important;
        color: #838383;
    }
    .Responsive .notice_name .grey {
        color: #808285;
    }
    .Responsive .notice_name .orange {
        color: #eba146;
    }
    .Responsive .notice_name .leftside {
        float: left;
        font-family: 'Lato',sans-serif;
        font-weight: normal;
    }
    .notice_16 .notice_info.benreg {
        color: #929292;
        line-height: 25px;
        max-width: 530px;
        padding-left: 20px;
    }
    .Responsive .notice_name .largetext {
        font-size: 45px;
        font-weight: normal;
    }
    .notice_16 .notice_name.benmed.blue {
        font-size: 24px;
        padding-left: 30px;
    }
    Получаем такой вид для нашего объявления:

    [​IMG]
     
    Последнее редактирование: 20.02.16

    Не знаешь как скачать файлы ?   Не задавай вопросов   -   Смотри видео
  2. Инфо.Бот

    Trinixy.info Trinixy.info

    - Все новые сообщения, проходят модерацию. Читаем - Правила и условия
       (собщения типа спасибо, спс, cool, и т.п., - будут удалятся)
    - Не вижу ссылки на файл. Смотрим видео - Как скачивать файлы
       (подобные сообщения - будут удалятся)
    - Как набрать симпатии? Читать ТУТ
       (симпатии важная вещь у нас на форуме)
    - Хочешь скачивать всё без ограничений? Доступ ТУТ
       (Получи доступ и скачивай все без ограничения!!!)
     
Загрузка...

Поделиться этой страницей

Загрузка...