1. Приветствую гостей и пользователей нашего форума! Первый раз вы у нас или же давно участвуете в жизни ресурса, хочу напомнить несколько моментов.

    1) Пользуемся поиском по форуму! Зачастую информация может находиться не по разделу!

    2) Раздел ИНФО-продуктов относительно новый, но имеем уже более 3000 высококлассных материалов (пользуемся сортировкой по прификсам).

    3) И самое важное, КАК КАЧАТЬ БЕЗ ОГРАНИЧЕНИЙ, вся информация находится по этой ссылке КУПИТЬ VIP

    4) Временная акция, получи +5 постов за вступление в нашу группу "Вконтакте" Более подробно ТУТ

    5) Веди активную жизнь на форуме и получай рубли на личный счёт!

    Скрыть объявление
  2. На нашем форуме Null-Prog действует серьёзное правило касательно размещения материалов!

    ДЛЯ РЕЛИЗЁРОВ: категорически запрещается выкладка материалов на файлообменники типа Deposit, letitbit и другие, требующие просмотров рекламы, обрезающие скорость и тд. Нарушителям, первые 2 раза предупреждения, далее БАН. Тему по этому поводу можно посмотреть ТУТ

    Скрыть объявление
  3. В тестовом режиме на нашем форуме открыт онлайн конструктор сайтов. Вы можете попробовать создать свой сайт у НАС, интуитивно понятный интерфейс, переведёт на 95%, быстрый экспорт проекта, от вас только перетаскивать элементы и вставить в них необходимый текст!

    Все вопросы ТУТ

    Скрыть объявление

  4. Скрыть объявление
  5. Уважаемые форумчане, открывается новый раздел форума, посвящённый ремонту и эксплуатации автомобилей. Просмотреть его можно ТУТ

    Так как раздел новый, информация будет пополнять каждый день. Если есть какие либо замечания по этому разделу, отписываемся в соответствующий раздел форума, либо в личку.

    Напоминаю, сообщения в разделе АВТО не учитываются, общение не ограничено.

    Скрыть объявление
  6. Объявляется набор Модераторов на различные раздел форума, свои заявки можно оставлять в ЭТОМ разделе, перед оставлением заявки рекомендуется ознакомиться с ПРАВИЛАМИ для модераторов.

Важно Универсальный bb-код CSS

Тема в разделе "BB коды для vBulletin", создана пользователем Sam Jack, 19 май 2015.

  1. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.756
    Симпатии:
    4.632
    Вы уже наверняка знаете, что HTML во всех разделах и категориях лучше отключить.
    Не знаете? Отключайте! В целях безопасности.
    "А как же мне тогда оформлять сообщения красиво? С прибамбасами, которые могут дать только HTML и CSS?"

    А вот об этом я вам сейчас и расскажу.
    Не претендую на оригинальность, наверняка до этого кто-то уже раньше меня додумался, но честно говорю - нигде не подсматривала, просто вдруг понадобился bb-код, который бы на разных стилях моего форума смотрелся бы по-разному.

    "Это как?"

    А вот так: есть у меня на форуме два стиля, допустим. Один черный, а другой белый, и пользователи могут между ними выбирать... Так вот если я воспользуюсь на черном стиле bb-кодом цвета и выберу белый цвет букв, то на белом стиле эти буквы станут нечитаемыми, правда?

    "А как же быть?"

    Рассказываю.

    Универсальный bb-код для админов


    Заголовок: Стилевое оформление
    Название BB кода: css
    Замена:
    Код HTML:
    <div class="{option}">{param}</div>
    Пример: [st="page"]Текст тут[/st]
    Описание: bb-код, позволяющий задать особое оформление текста сообщения, индивидуально для каждого стиля форума
    Использовать опцию: да
    Удалить BB код, если отсутствует текст: да
    Выключить BB коды внутри этого BB кода: нет
    Выключить смайлы внутри этого BB кода: нет
    Выключить перенос строк внутри этого BB кода: нет
    Выключить автоматическую расстановку ссылок внутри этого BB кода: нет

    Всё просто, не правда ли? Те, кто умеют пользоваться каскадными таблицами стилей, уже поняли и оценили, да?

    Для тех, кто не понял ничего из текста замены, объясняю: в окошко опции вставляется название любого класса, а в таблицах стилей ("Все опции стиля - дополнительные определения CSS") прописываются свойства этого класса. Индивидуально для каждого стиля, в этом и прелесть!
    Возможности? Поистине безграничны.
    Примеры? Сейчас покажу.

    Сначала покажу, как выглядело это сообщение изначально на дефолтном стиле:

    [​IMG]

    Затем я полностью взяла сообщение в теги css, в опции указала "exp" - название класса (можно как уже существующего, так и нового) и пошла в админку - задавать свойства стиля.

    Что мы можем сделать?
    Добавить к сообщению рамку (в админке, в стилях, а не в сообщении!):

    Код:
    .exp {
    border: 3px solid #435B8A;
    padding: 20px;
    }
    [​IMG]

    Сменить цвет фона сообщения:

    Код:
    .exp {
    background: #E4C684;
    }
    [​IMG]

    Заменить фоновое изображение, стиль и цвет текста (не меняя самого сообщения!):

    Код:
    .exp {
    background: #FFFFFF url(ссылка) repeat;
    }

    .exp b {
    color: #CCFFCC;
    font-weight: lighter;
    }
    [​IMG]

    Ещё мы можем указывать отступы текста от края, градиенты и тени... много чего... Учебник CSS вам в помощь. Само сообщение я не трогала, только выровняла по центру заголовок.

    Впечатляет?
    При этом на другом стиле, там где свойства класса не прописаны, сообщение выглядит точно так, как все остальные.

    Почему я написала, что это bb-код для админов?
    Да потому что только они могут изменять CSS форума.

    Удачи!
    Если будут какие-нибудь интересные стилевые находки - делитесь [​IMG]
     
    Метки:

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

iHax Community
Рейтинг@Mail.ru Яндекс.Метрика мониторинг сайтов
Форум программного обеспечения/
Загрузка...