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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

Последние темы
» Пропадает текст сообщений при "недействительном" e-mail аккаунта
автор Элеонора Ример Сентябрь 18th 2019, 19:21

» Реклама Google на моем форуме
автор Сказочник Зазеркалья Сентябрь 16th 2019, 18:17

» Форум аквариумистов, прошу помощи... естественно за вознаграждение.
автор IceQueen Сентябрь 12th 2019, 23:38

» Не пускает на свой форум, помогите пожалуйста!
автор sunshine Сентябрь 12th 2019, 14:05

» В платном расширенном пакете кнопка отключение рекламы неактивна
автор ruby Сентябрь 12th 2019, 06:21

» Не приходят уведомления на почту
автор VENEFICA. Сентябрь 11th 2019, 20:54

» Искаженное отображение форума - пропали картинки tinypic
автор ttfanat Сентябрь 11th 2019, 15:26

» Получение прав гл. админа
автор Havva Сентябрь 11th 2019, 08:01

» Опера и Самуснг браузер делает ссылки неактивными
автор Беглец Сентябрь 4th 2019, 21:40

» Подскажите где вкл и выкл просмотра изображений форума для незареганых?
автор Dantes Сентябрь 3rd 2019, 15:12

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
Администратор
Администратор

Женщина

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

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

https://help.forum2x2.ru

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

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


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