Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

Некоторые простые решения CSS для ваших форумов Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Медленное соединение после перехода на https
автор Премьера Вчера в 22:40

» Аварийные инструменты
автор Luz Ноябрь 15th 2019, 18:48

» Новый владелец сайта, которого не назначали
автор Luz Ноябрь 15th 2019, 18:39

» Массовое ЛС стало недоступным для отправки группе "Пользователи"
автор Dana Domirani Ноябрь 15th 2019, 16:52

» Topic'it: конец приключения...
автор Luz Ноябрь 14th 2019, 13:20

» Что такое PWA-приложение форума?
автор IceQueen Ноябрь 11th 2019, 20:21

» проблемы входа из Google Chrome
автор Fate Ноябрь 10th 2019, 10:02

» Дисковое пространство
автор Dana Domirani Ноябрь 8th 2019, 18:05

» Смайлики в быстром ответе
автор irina27 Ноябрь 5th 2019, 21:29

» Некорректно работает форум.
автор irina27 Ноябрь 4th 2019, 15:19

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Некоторые простые решения CSS для ваших форумов

Перейти вниз

Некоторые простые решения CSS для ваших форумов Empty Некоторые простые решения CSS для ваших форумов

Сообщение автор Luz в Январь 5th 2010, 11:22

1. Что такое CSS ?

CSS (от английского Cascading Style Sheets — каскадные таблицы стилей) - это набор параметров форматирования, который применяется к элементам веб-страницы для управления их видом и положением и позволяет развести логическую структура сайта (которой управляют коды HTML) и дизайн сайта (создаваемый с помощью кодов CSS).

Какую роль в сайтостроении играет CSS, и что конкретно представляет собой идея разделения Html-структуры сайта и его дизайна, красиво и наглядно иллюстрирует знаменитый сайт "Zen Garden" . На этом сайте вы можете посмотреть, как с помощью исключительно CSS одна и та же html-страница оформляется совершенно различными способами (чтобы увидеть полный список доступных на этом сайте дизайнов одной и той же страницы, нажмите ЗДЕСЬ

На сервисе Forum2x2.ru вы можете свободно редактировать CSS вашего форума.
Реальные творческие решения доступны только для тех, кто хорошо в этом разбирается. Однако вы всегда можете воспользоваться небольшими приемами, которые помогут вам внести нюансы в оформление форума с помощью небольших и простых кодов.


2. Как установливать коды CSS на моем форуме?

Чтобы управлять CSS вашего форума, вам надо перейти в

ПА - Оформление - Управление цветами и картинками - Цвета - вкладка "Каскадная таблица стилей CSS"


Некоторые простые решения CSS для ваших форумов Css_pa10

Если ваш форум использует стандартную (базовую) CSS, открывшееся поле будет пустым.
Но вы можете также обнаружить в этом поле массу кодов - даже если вы еще никогда не пользовались этой функцией. Объяснение этому простое : если вы установили на свой форум стиль с сайта Hitskin, имеющий так называемую "персональную" CSS (то есть если автор вашего стиля использовал при создании стиля свои коды CSS), все добавленные коды будут записаны в этом поле.

Некоторые простые решения CSS для ваших форумов Warnin10 Обратите внимание: вы всегда можете просмотреть базовую CSS вашего форума (то есть CSS, которую форум имеет по умолчанию) , нажав на ссылку "Просмотр базовой таблицы стилей вашего форума" !

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

Некоторые простые решения CSS для ваших форумов Warnin10 Осторожно - чтобы сохранить внесенные вами коды, вы должны нажать на "ОК" внизу таблицы.
Установка "Отключить базовую таблицу стилей CSS" должна стоять на "Нет". (Эту опцию могут использовать только настоящие эксперты, в тех случаях, когда они переписывают на свой лад CSS форума от начала и до конца! )
Некоторые простые решения CSS для ваших форумов Css_pa11

3. Несколько простых приемов CSS, позволяющих изменить оформление форума

Сегодня мы предлагаем вашему вниманию несколько приемов СSS, которые вы, возможно, уже видели на нашем форуме в других темах (кроме последнего Некоторые простые решения CSS для ваших форумов 75998 ).

КАК УВЕЛИЧИТЬ ИЛИ УМЕНЬШИТЬ РАССТОЯНИЕ МЕЖДУ КНОПКАМИ В ПАНЕЛИ НАВИГАЦИИ

Выберите код в зависимости от вашей версии форума.
Вместо 5px в примере (выделено красным) подставьте нужное значение в пикселях

Для phpBB2:
a.mainmenu img{padding-left: 5px;}

Для phpBB3:
ul.navlinks img{padding-left: 5px;}

Для invision:
a.mainmenu {
margin-left: 5px !important;
}

Для punbb:
#pun-navlinks img{padding-left: 5px; }


КАК УМЕНЬШИТЬ НАДПИСИ "ТЕМЫ СООБЩЕНИЯ И Т.Д. ВВЕРХУ ГЛАВНОЙ СТРАНИЦЫ ФОРУМА, ЕСЛИ ОНИ НЕ УМЕЩАЮТСЯ ПО ШИРИНЕ И НАКЛАДЫВАЮТСЯ ДРУГ НА ДРУГА

ul.topiclist li.header dl dd {
font-size:8px !important;
}


КАК УМЕНЬШИТЬ РАЗМЕР КАРТИНОК В ПОДПИСЯХ ПОЛЬЗОВАТЕЛЕЙ


.signature_div img {
max-height: 150px !important;
max-width: 500px !important;
}


КАК ЗАМЕНИТЬ ШКАЛУ РЕЗУЛЬТАТОВ РЕПУТАЦИИ (ГОЛОСОВАНИЕ ЗА ОТДЕЛЬНОЕ СООБЩЕНИЕ)

Речь идет о красно-зеленой шкале с результатами голосования за сообщения (справа в сообщении) - при включенной системе репутации:

Некоторые простые решения CSS для ваших форумов Barre_10

Если вы хотите заменить эти картинки (зеленую и красную) на свои картинки, вы можете сделать это с помощью CSS.

Для этого вы должны разместить на странице для кодов CSS следущий коды :

.vote .vote-bar {
border:none;
width: 40px;
height: 50px;
margin: 0 auto;
font-size: 0;
margin-left: -30px;
}

Код для размещения картинки для положительных голосов:
.vote .vote-bar-plus {
background-image: url('Адрес картинки для положительных отзывов');
background-repeat:no-repeat;
background-color: transparent; }

Код для размещения картинки для отрицательных голосов:

.vote .vote-bar-minus {
background-image: url('Адрес картинки для отрицательных отзывов');
background-repeat:no-repeat;
background-color: transparent; }


Внимание ! Ваши картинки должны быть достаточно маленького размера, иначе они не поместятся целиком!

Скажем, возьмем для примера две таких картинки:
Некоторые простые решения CSS для ваших форумов Icon-r10 и Некоторые простые решения CSS для ваших форумов Icon-r12


Тогда наш код будет выглядеть так :


.vote .vote-bar {
border:none;
width: 40px;
height: 50px;
margin: 0 auto;
font-size: 0;
margin-left: -30px;
}

.vote .vote-bar-plus {
background-image: url('https://i.servimg.com/u/f11/11/71/42/99/icon-r10.png');
background-repeat:no-repeat;
background-color: transparent; }

.vote .vote-bar-minus {
background-image: url('https://i.servimg.com/u/f11/11/71/42/99/icon-r12.png');
background-repeat:no-repeat;
background-color: transparent; }

А на форуме это будет выглядеть так :

Некоторые простые решения CSS для ваших форумов Barre_11


Мы выражаем благодарность пользователям Остап Бендер (наш форум поддержки) и Jalokim (английский форум поддержки) за предложенные здесь идеи использования CSS.

Другие идеи использования CSS :
Некоторые простые решения CSS для ваших форумов Fleche11 Свое название чата
Некоторые простые решения CSS для ваших форумов Fleche11 Настройка цветов чата


Последний раз редактировалось: Luz (Январь 11th 2010, 13:37), всего редактировалось 1 раз(а)


Некоторые простые решения CSS для ваших форумов Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Luz
Luz
Администратор
Администратор

Женщина

Сообщения : 16522
Возраст : 45
Регистрация : 2005-03-01
Благодарности : 2602

Без предупреждений

https://help.forum2x2.ru

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения