CNoise

забудь!и не парься,ищи другой хост!IPB не работает на хостингере

нет, я этого не подразумевал... Просто приятно, когда на форуме все по полочкам разложено

Название: Filace 3.4.x
Добавил: Mattko
Добавлен: 07 Янв 2014
Категория: Стили, Темы, Шаблоны для IP.Board
Версия IP.Board: 3.4.X

Описание:
Стиль сделан я в ярких тонах, он подойдет для любой тематике.Стиль отличается своей простотой.
На данный момент стиль поддерживается самим автором, и будет выходить обновление.

Информация о авторе:
Автором данного стиля является 'TheDexter480'.

Как изменить лого?
Заходим -> АЦ -> Внешний вид -> Filace -> Находим DefaultHeader, и заменяем надписи "Filace", и тд.

Поддержка:
NO

Сайт автора:

Обновление стиля
[06.01.2014]
- Релиз стиля

[17.01.2014]
- Сделано лого кликабельным, ссылку можно поменять в [DefaultHeader]
- Изменены некоторый дизайн кнопок, а также добавлены хлебные крошки.
- Изменен редактор
[19.03.2014]
- Изменены кнопки, на красивые.
- Добавлено, описание к лого.
- Хлебные крошки.

Доброе утро
 
Вообще, за вывод информации о пользователе в темах форума отвечает шаблон UserInfoPane, но не в данном случае.
 
Вывод репутации можно изменить в файле самого хука на строке 127. Что нужно сделать, уже сказал Envy.
<span class='number'>{parse format_number="$author['pp_reputation_points']"}</span> Измененный вариант: Show Reputation in User Info(RUS).zip
 
Старую версию хука можно не удалять.
Как по мне, работать со всем тем, что добавляют хуки, проще именно так, чем позже отлавливать все изменения по системе.

Доброе утро
 
Вообще, за вывод информации о пользователе в темах форума отвечает шаблон UserInfoPane, но не в данном случае.
 
Вывод репутации можно изменить в файле самого хука на строке 127. Что нужно сделать, уже сказал Envy.
<span class='number'>{parse format_number="$author['pp_reputation_points']"}</span> Измененный вариант: Show Reputation in User Info(RUS).zip
 
Старую версию хука можно не удалять.
Как по мне, работать со всем тем, что добавляют хуки, проще именно так, чем позже отлавливать все изменения по системе.

Название: Global Forum Message 1.2.0
Добавил: Respected
Добавлен: 19 Сен 2013
Категория: Хуки, Модификации для IP.Board
Название по-русски : Глобальное сообщение на форуме Версия IP.Board: 3.4.x, 3.3.x


Global Forum Message 1.2.0 - хук предназначен для создания глобального сообщения на форуме!

Название: (CSI/IPS/MODULE) jQuery
Добавил: WebFox
Добавлен: 06 Янв 2014
Категория: Хуки, Модификации для IP.Board
Название по-русски : (CSI/IPS/MODULE) jQuery Версия IP.Board: 3.4.x


Модуль позволяет подключить к форуму библиотеку jQuery.

Основные возможности:
включение / отключение модификации через панель управления;
указание версии jQuery через панель управления;
включение / отключение jQuery Migrate Plugin;
указание версии jQuery Migrate Plugin через панель управления.

Лицензия: creativecommons.org/licenses/by-nc-nd/4.0/

!!! Данная модификация должна находится ВЫШЕ любых других в списке установленных !!!

Некоторые из здесь присутствующих модификаций для IP.Board требуют поддержки jQuery для своей работы. И во всех инструкциях я пишу, что, например:


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

Файлов: 589; папок: 26
   
snapshot_img.zip

Не совсем. Тут уже недопонимание.
По хорошему время кэширования на стороне КЛИЕНТА сервер должен отдавать заголовком самому браузеру. Что и на сколько определяется самим движком, например, как на моём проекте и сервере:
 
X-Drupal-Cache: MISS Expires: Sun, 19 Nov 1978 05:00:00 GMT Last-Modified: Sun, 05 Jan 2014 12:51:44 +0000 Cache-Control: no-cache, must-revalidate, post-check=0, pre-check=0 ПРЯМОЕ кэширование на стороне сервера обычному ФОРУМУ причинит скорее всего больше вреда, чем полезности.
Тем более ИПБ динамически объединяет и скрипты и КСС и также динамически может их менять. А ты хочешь их прокэшировать.
 
Такое кэширование, как хочешь сделать ты, больше всего предназначено для статических сайтов. Но не как не динамических.
И это только малая часть проблем, предстоящие на твоём пути.

Оптимизация это хорошо, но когда в меру.

Появилась идея вотемарка для мафии, чтоб не терять попросту время - сделал вотемарк.
 

В ipb_styles.css вашего стиля найдите:
.ipsBox, .ipsPad { padding: 9px; } Измените на:
.ipsBox, .ipsPad { padding: 0 9px; } Здесь мы убрали отступ от элемента сверху и снизу, слева и справа он остался.
Если отступ снизу покажется вам слишком маленьким, замените этот вариант кода на следующий:
.ipsBox, .ipsPad { padding: 0 9px 9px 9px; } В этом случае мы поочередно устанавливаем отступ от верхней, затем правой, нижней и левой границы. Изменяя третье значение, вы сами можете отрегулировать отступ снизу.

После этого я бы также убрал закругленные углы у заголовка снизу, для этого найдите:
.maintitle { background: url({style_images_url}/j_mainleft.png); height: 28px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 10px; margin-right: 10px; } И замените его на:
.maintitle { background: url({style_images_url}/j_mainleft.png); height: 28px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; margin-left: 10px; margin-right: 10px; } Таким образом, мы будем округлять только верхние - левый и правый - углы.

В ipb_styles.css вашего стиля найдите:
.ipsBox, .ipsPad { padding: 9px; } Измените на:
.ipsBox, .ipsPad { padding: 0 9px; } Здесь мы убрали отступ от элемента сверху и снизу, слева и справа он остался.
Если отступ снизу покажется вам слишком маленьким, замените этот вариант кода на следующий:
.ipsBox, .ipsPad { padding: 0 9px 9px 9px; } В этом случае мы поочередно устанавливаем отступ от верхней, затем правой, нижней и левой границы. Изменяя третье значение, вы сами можете отрегулировать отступ снизу.

После этого я бы также убрал закругленные углы у заголовка снизу, для этого найдите:
.maintitle { background: url({style_images_url}/j_mainleft.png); height: 28px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 10px; margin-right: 10px; } И замените его на:
.maintitle { background: url({style_images_url}/j_mainleft.png); height: 28px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; margin-left: 10px; margin-right: 10px; } Таким образом, мы будем округлять только верхние - левый и правый - углы.

Привет всем, давно я к вам не заглядывал.
Как вижу, разработка новой версии IP.Board продвигается полным ходом. Вчера прочитал все сообщения в официальном блоге разработчиков за последние 3-4 месяца. Скажу честно, очень жду этого обновления. Пусть это и наивно, но надеюсь, что команда IPS сделает нам такой подарок на Новый Год.
 
Одни из самых ожидаемых мной изменений касаются локализации. Перевод материала, посвященного этой теме, я подготовил чуть ниже.
 
IPS 4.0: Интернационализация и локализация
 
Одной из тех вещей, на которых команде IPS хотелось сосредоточиться с самого начала разработки Social Suite 4.0, было улучшение поддержки проектов, основным языком которых не является английский, либо же использующих сразу несколько языковых пакетов. На столе обсуждений эти улучшения были названы "++ i18n/l10n" (сокр. от ++ internalization/localization). Чуть ниже постараемся рассмотреть некоторые из изменений, которые нас, обычных пользователей, еще ждут впереди.
 
Переводимо все.
 
На данный момент при создании раздела, форума, группы пользователей или поля в профиле, вы должны дать ему название, и сделать это можно только на одном языке. Если же у вас на форуме поддерживается сразу несколько языков, вам, возможно бы, хотелось дать название на каждом из них.
 
В Social Suite 4.0 вы можете это сделать. Если у вас установлен только один языковой пакет, эти поля будут продолжать отображаться, как и раньше, в виде обычных текстовых полей, но если у вас установлено два или более языковых пакета, вы увидите несколько полей, каждое соответствующее отдельному языку. Выглядеть это будет следующим образом:
 

 
Визуальный языковой редактор.
 
Одним из особо популярных инструментов в IPB является Визуальный редактор стилей - инструмент, позволяющий вам при просмотре форума изменить цвет практически любого элемента дизайна буквально в два клика. Но что, если использовать подобное решение для того, чтобы редактировать локализацию? Представьте, что вы могли бы, кликнув по любому слову или фразе на вашем форуме, моментально изменить его. В Social Suite 4.0 это стало возможным.
 
Управление языками стало проще.
 
Помимо того, что в IPS 4.0 появился совершенно новый способ редактирования локализации, традиционный способ стал намного лучше:
Результаты поиска появляются в реальном времени по мере ввода фразы, которую вы хотите изменить. Сохранение изменений теперь происходит моментально без необходимости в нажатии кнопки "Сохранить". Фильтры позволяют показывать вам только те слова или фразы, которые еще не были переведены или их перевод устарел (имеется ввиду, что значение каких-либо переведенных фраз в оригинале было изменено). Импорт и экспорт языковых пакетов стал намного быстрее и надежнее. А также была исправлена ошибка, из-за которой нельзя было импортировать или экспортировать слишком большие пакеты. Техническая сторона вопроса хорошо освещена в этом сообщении официального блога команды IPS.
 
Также при экспорте языкового пакета информация о версии каждого приложения, локализацию которых содержит пакет, теперь сохраняется. Это позволяет обеспечить довольно высокую точность работы фильтров.
 
Автоматическое распознавание языка.
 
Предположим, что у вас на форуме установлено несколько языков - например, русский и английский. До сих пор вам нужно было бы выбрать один из них в качестве основного, и пользователи, владеющие другим, должны были бы выбрать другой язык для себя самостоятельно. В силу незнания основного языка это не всегда могло быть для них просто.
 
IPS 4.0 может сделать этот выбор за пользователя на основе той информации, которую отправляет его браузер, в том числе информации о предпочитаемом языке. Конечно, пользователь всегда сможет сам сменить язык на другой.
 
Множественные числа.
 
Чтобы сказать какое-то слово на английском языке в множественном числе, в большинстве случаев, вам достаточно добавить букву "s" к концу слова. Это довольно просто.
 
Однако, такой вариант используется далеко не в каждом языке.
Например, чтобы сказать слово "record" во множественном числе на английском языке достаточно воспользоваться правилом из предыдущего абзаца. Получится "records", и это слово будет использоваться всегда - неважно, какое число стоит перед словом - 2,3,5,10, 20 или 50. В русском языке этого сделать не получится. Мы скажем "1 запись", "2 записи", но "5 записей". И ранее стандартными средствами контролировать это было невозможно.
 
С IPS 4.0 логика записи слов, использующихся в единственном и множественном числе, изменилась. Теперь подобная запись выглядит так:
{# [1:record][?:records]} Где # указывает на то, где будет находится число, а текст, написанный в каждой из пар квадратных скобочек - возможное значение строки локализации, соответствующее определенному числу. Это число указывается перед двоеточием.
 
Таким образом, для русского языка будет характерна следующая запись:
{# [1: запись][2: записи][3: записи][4: записи][?: записей]} Но что делать, если число перед словом больше двадцати? Тогда можно использовать следующий вариант:
{# [%1: запись][%2: записи][%3: записи][%4: записи][%11: записей][%12: записей][%13: записей][%14: записей][?: записей]} (Прим. переводчика: Данные примеры составлены на основе информации, полученной из комментариев разработчиков. Конечный вариант записи может измениться.)
 
Списки.
 
Наряду с возможностью подробно настраивать то, как слова будут отображаться во множественном числе, появилась возможность редактировать некоторые списки. Например, список пользователей, которым понравилось сообщение. В английском языке этот список будет выглядеть как "a, b and c", в русском языке он будет выглядеть подобным образом. Тем не менее, в японском языке нет союза "и" и запятая выглядит иначе, подобная запись на японском языке выглядит как "一、二、三。", Тайский, арабский и многие другие языки имеют подобные отличия.
 
Раньше изменить то, как отображается список было довольно сложно. В Social Suite 4.0 вы можете сделать это, изменив всего одну строку локализации.
 
UTF-8.
 
Не вдаваясь в технические детали, UTF-8 - это наиболее распространенный способ отображения текста в сети, он также используется, как кодировка по умолчанию во всех продуктах IPS, начиная с IP.Board 3.0.
 
И Social Suite 4.0 будет поддерживать только UTF-8. Если на вашем проекте используется другая кодировка, Мастер Обновления переконвертирует все ваши данные в UTF-8.
 
Источник: __community.invisionpower.com/blog/1174/entry-9556-ips-40-internationalization-and-localization/

Или еще не все пришли в себя после праздников
 
Quatrossential, есть два способа решить ваш вопрос - элегантный, но достаточно сложный и довольно простой.
 
Суть элегантного способа заключается в том, чтобы чуть-чуть уменьшить общую ширину форума, добавив тем самым по краям немного свободного места, и зафиксировать полоску прокрутки строго по левому краю. Таким образом, полоска прокрутки всегда будет находится за пределами контента вне зависимости от масштаба страницы. Сделать это вполне реально. Если захотите реализовать у себя на форуме именно этот вариант, просто напишите, постараюсь расписать, как это сделать.
 
Второй вариант достаточно простой - просто скрывать скрипт при определении мобильного User Agent'a.
Для этого измените код подключения скрипта на что-то похожее:
<if test="isSmallTouch:|:!$this->registry->output->isSmallTouchDevice()"> <script type='text/javascript' src="{style_images_url}/js/vk_slide.js"></script> </if>   </head> <body id='ipboard_body'> Минусов у этого способа два - первый: даже на РС на экранах очень низкого разрешения или в случае масштабирования страницы, проблема со скриптом останется - он будет находиться поверх контента, второй: многие браузеры на Android в качестве User Agent'a по умолчанию используют UA полноценных браузеров, например, Chrome или Opera, у пользователей таких мобильных браузеров проблема тоже не решится.
В остальных случаях все должно работать отлично.
 
Ну и небольшой совет на будущее - когда в следующий раз будете задавать вопрос, касательно внешнего js, пожалуйста приложите его к посту, очень поможет.

TheRock, так вам никто не сможет помочь. Пожалуйста выложите шаблон или хотя бы код globalTemplate до изменений и после, чтобы мы смогли понять в чем проблема.

Envy, как по мне, установить и настроить CMS для создания одной или пусть даже нескольких страничек будет намного сложнее, чем написать эти странички самостоятельно, да и ресурсов системы вы на это потратите больше.
 
Можете попробовать CMSMadeSimple (cmsmadesimple.org), ссылку на которую дал RealUser. Система достаточно легкая, простая в использовании и устанавливается на свой собственный хостинг, но для начала все же взгляните на WordPress (wordpress.org), это немного больше, чем вам нужно, но WP намного известнее, а значит стабильнее, чем CMSMS, кроме того, найти нужные вам плагины или получить помощь по WordPress в силу ее популярности будет намного проще.

__www.cmsmadesimple.ru попробуйте

Так же можно Wolf CMS 
__www.wolfcms.org

Привет, все зависит от того, что вы хотите видеть в своей визитке. Подсказать что-то конкретное было бы проще, если бы вы дали хотя бы пару примеров того, каким бы вы хотели видеть свой сайт. При этом не забывайте, что использование активных ссылок на проекте запрещено.
 
Есть, например, web-сервисы, позволяющие за считанные минуты создать визитку, один из них - about.me - позволяет создать личную страничку, разместить ссылки на ваши проекты и на страницы в социальных сетях, загрузить фоновый рисунок и прикрепить страничку к вашему домену. Если от визитки вам много не нужно, такой вариант должен отлично подойти, если же вам нужно нечто большее, чем одна страничка, в сторону подобных сервисов можно даже не смотреть.
 
Стоит попробовать популярные бесплатные CMS - Drupal (drupal.org) или WordPress (wordpress.org) с определенным набором плагинов. Посмотреть в сторону того же Ucoz.
Если языковой барьер вам не страшен, можно посмотреть в сторону нелокализованных проектов, таких, как, например, Square Space (squarespace.com), Webydo (dashboard.webydo.com) или Wix (wix.com), последний, к слову, совсем недавно начал поддерживать русский язык.

Или еще не все пришли в себя после праздников
 
Quatrossential, есть два способа решить ваш вопрос - элегантный, но достаточно сложный и довольно простой.
 
Суть элегантного способа заключается в том, чтобы чуть-чуть уменьшить общую ширину форума, добавив тем самым по краям немного свободного места, и зафиксировать полоску прокрутки строго по левому краю. Таким образом, полоска прокрутки всегда будет находится за пределами контента вне зависимости от масштаба страницы. Сделать это вполне реально. Если захотите реализовать у себя на форуме именно этот вариант, просто напишите, постараюсь расписать, как это сделать.
 
Второй вариант достаточно простой - просто скрывать скрипт при определении мобильного User Agent'a.
Для этого измените код подключения скрипта на что-то похожее:
<if test="isSmallTouch:|:!$this->registry->output->isSmallTouchDevice()"> <script type='text/javascript' src="{style_images_url}/js/vk_slide.js"></script> </if>   </head> <body id='ipboard_body'> Минусов у этого способа два - первый: даже на РС на экранах очень низкого разрешения или в случае масштабирования страницы, проблема со скриптом останется - он будет находиться поверх контента, второй: многие браузеры на Android в качестве User Agent'a по умолчанию используют UA полноценных браузеров, например, Chrome или Opera, у пользователей таких мобильных браузеров проблема тоже не решится.
В остальных случаях все должно работать отлично.
 
Ну и небольшой совет на будущее - когда в следующий раз будете задавать вопрос, касательно внешнего js, пожалуйста приложите его к посту, очень поможет.

Или еще не все пришли в себя после праздников
 
Quatrossential, есть два способа решить ваш вопрос - элегантный, но достаточно сложный и довольно простой.
 
Суть элегантного способа заключается в том, чтобы чуть-чуть уменьшить общую ширину форума, добавив тем самым по краям немного свободного места, и зафиксировать полоску прокрутки строго по левому краю. Таким образом, полоска прокрутки всегда будет находится за пределами контента вне зависимости от масштаба страницы. Сделать это вполне реально. Если захотите реализовать у себя на форуме именно этот вариант, просто напишите, постараюсь расписать, как это сделать.
 
Второй вариант достаточно простой - просто скрывать скрипт при определении мобильного User Agent'a.
Для этого измените код подключения скрипта на что-то похожее:
<if test="isSmallTouch:|:!$this->registry->output->isSmallTouchDevice()"> <script type='text/javascript' src="{style_images_url}/js/vk_slide.js"></script> </if>   </head> <body id='ipboard_body'> Минусов у этого способа два - первый: даже на РС на экранах очень низкого разрешения или в случае масштабирования страницы, проблема со скриптом останется - он будет находиться поверх контента, второй: многие браузеры на Android в качестве User Agent'a по умолчанию используют UA полноценных браузеров, например, Chrome или Opera, у пользователей таких мобильных браузеров проблема тоже не решится.
В остальных случаях все должно работать отлично.
 
Ну и небольшой совет на будущее - когда в следующий раз будете задавать вопрос, касательно внешнего js, пожалуйста приложите его к посту, очень поможет.

Приветствую всех!
Тут бы я хотел рассказать о основных простых истинах, которые нужно соблюдать на нашем форуме!
Лучше конечно прочитать полные , но многих они отпугивают своими огромными размерами, я же вам предлагаю рассказать самое важное.
 
Вот простые вещи, соблюдая которые, на вас не будет не кто ругаться и вы не окажетесь заблокированными:
 
1) Создавать темы нужно в соответствующих форумах! 
 
Если вы не можете найти хук или компонент, то вам в "Форум запросов IP.Board".

 
Если у вас вопрос по скачанному файлу, то заходим на страницу загрузки, тыкаем кнопку "Тема поддержки файла" и задаём вопрос в этой теме.

 
Не нужно создавать темы в технической поддержке, типа "Помогите с IP.Downloads", или "Проблема в стиле". Нужно идти на страницу с нужным файлом и спрашивать в теме поддержки, чтобы не засерать форум и не усложнять поиск ответов другим.
 
Все остальные вопросы связанные с IPB идут сюда в форум "Техническая поддержка IP.Board".

 
2) Одна тема = Один вопрос! 
Не создавайте темы с кучей вопросов, лучше создайте для каждого вопроса свою тему и объясните проблему ещё лучше. Объясняется это опять же тем, что вы усложняете поиск ответов другим пользователям.
 
3) Название темы должно отображать суть проблемы! И написано без ошибок. 
Короче, создавая тему с названием "Памогите please! [OWeni Need]", вы уменьшаете вероятность ответа на 90%, когда тема с названием "Проблема с визуальным редактором" собрала бы гораздо больше ответов.
 
4) Содержание сообщения должно быть понятным!  :angry:
Думаю вам приятнее будет читать сообщение написанное без ошибок, со знаками препинания, с большой буквы, со скриншотами и понятное для понимания, чем что-то в таком роде: "кАрочи 9 вчира зашёл на форум и у миня кстате ещё 5 админав.и ващеща в никуда с гавной страницы не переходит без ошибки и ещё чат съехал в бакавой блок и типерь никта писать не могётвнего. иЩё у минеа в одминку не пускает. Help".
 
5) Картинки должны быть загружены к нам! 
Ни в коем случае не кидайте ссылки на картинки на разные Гавнохостинги! Они её с радостью удалят при первой возможности! Картинки заливаются на этот форум путём прикрепления файла к сообщению, то есть когда создаёте тему с вопросом, скрины заливаете пользуясь этой кнопкой:

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

 
6) В сообщении должны отсутствовать любые ссылки на посторонние ресурсы! 
Разрешается публикация ссылок только внутри нашего сайта!
 
7) Создавать одинаковые темы запрещено! 
Не нужно клепать тему ещё раз если вам не ответили, лучше Up'ните старую тему, но конечно делайте это в пределах разумного, то есть раз 2-3 дня, максимум раз в день, но не каждые два часа точно! Дождитесь своей очереди!
 
8) Не отклоняйтесь от темы и будьте вежливы! 
Не флудите, то есть пишите сообщения носящие смысловую нагрузку, и пишите по теме, то есть не оффтопьте. Не забывайте что вы общаетесь с адекватными людьми! Оскорбления пользователей неприемлемы.
 
 
 
Надеюсь многие прочтут хоть заголовки. Не нарушайте и будет вам счастье! 

Lime4Fresh, в основном меню Админ Центра есть пункт "Другие приложения", кликните по нему, у вас должен будет открыться список всех установленных компонентов, найдите в этом списке Shoutbox. Справа от его названия будет несколько иконок, выберите ту, которая отвечает за редактирование приложения, она выглядит, как карандашик. Кликните по этой кнопке и на открывшейся странице измените "Публичное имя приложения" с Shoutbox на любое другое, которое только пожелаете.

Если вы хотите центрировать текст по вертикали в заголовках всех блоков боковой панели, попробуйте использовать:
.ipsSideBlock h3 { background: url({style_images_url}/j_panel.png); height: 28px; /*Высота заголовка.*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: -10px -10px 10px; } .ipsSideBlock h3 { font-family: Tahoma; font-weight: bold; font-size: 11px; color: #e9e7e7; text-align: center; padding-top: 12px; /*Отступ сверху.*/ } Здесь я добавил отступ в 12 пикселей сверху и на эти же 12 пикселей уменьшил высоту заголовка.

Если вы хотите центрировать текст по вертикали в заголовках всех блоков боковой панели, попробуйте использовать:
.ipsSideBlock h3 { background: url({style_images_url}/j_panel.png); height: 28px; /*Высота заголовка.*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: -10px -10px 10px; } .ipsSideBlock h3 { font-family: Tahoma; font-weight: bold; font-size: 11px; color: #e9e7e7; text-align: center; padding-top: 12px; /*Отступ сверху.*/ } Здесь я добавил отступ в 12 пикселей сверху и на эти же 12 пикселей уменьшил высоту заголовка.