Counter-Strike Source Servers, Counter Strike 1.6 Servers, Game Servers, Maps, Mods, Ventrilo Servers, and Teamspeak Servers Hosting

Я не свами

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Поиск по NCSP

Список пользователей

Специально для вас на нашем сайте представлены готовые сервера CS.

Ventrilo является следующим эволюционным шагом в группе программного обеспечения для общения.

Teamspeak (тимспик) — семейство программ, предназначенных для общения.

Наши сервера Counter-Strike 1.6. Описания,ip адреса,поддержка.

Консоль Counter-Strike

Как известно, консоль ет такая менюшка которая выскакивает при нажатии на клавишу ~ (возле Esc)

Настройка сервера

Всё подробно и понятно описано! Прошу заметить, документ до конца не готов. Могуть быть ошибки\недочёты

Защита сервера

Всем известно, что играть в CS с читерами невозможно. Данный раздел призван решить проблему защиты от читеров

Hide-N-Seek Mod

Тут ненадо стрелять, минировать площади или спасать беспомощных заложников, тут надо ловить

War3FT Mod

При входе в игру вы должны выбрать одну из 4 рас или одного из 4 героев

История KZ

KZ Арена была создана в 2003 году, когда Kreedz начал выкладывать свои карты.

Для чего это нужно, спросите вы? а нужно это, в первую очередь, для того, чтобы немного прояснить для начинающих сайтостроителей что и как можно и нужно изменять в стилях, чтобы привести дизайн форума к желаемому виду (цветовое оформление, графическое итд)

За основу я взял стандартный 121-й шаблон системы, отличающийся своим минимализмом как в графике, так и в цветовом оформлении, что упрощает нам задачу. От простого - к сложному, и никак иначе, дабы избежать каши в голове)

Итак, наш шаблон на начальной стадии выглядит следующим образом:

Открываем таблицу стилей нашего сайта и находим в ней код, отвечающий за стили оформления форума:

Code

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#A9B8C2}
.gTableTop {padding:2px;background:#E4E8F3;color:#445588;text-transform:uppercase;font-size:9px;font-family:Tahoma,Verdana;height:21px;text-align:center;font-weight:bold;background-image: url('/.s/t/121/20.gif');}
.gTableSubTop {padding:2px;background:#F4F4F4;color:#000000;height:20px;font-size:10px;}
.gTableBody {padding:2px;background:#F4F4F4;}
.gTableBody1 {padding:2px;background:#FFFFFF;}
.gTableBottom {padding:2px;background:#F4F4F4;}
.gTableLeft {padding:2px;background:#F4F4F4;font-weight:bold;color:#737373}
.gTableRight {padding:2px;background:#F4F4F4}
.gTableError {padding:2px;background:#F4F4F4;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#F4F4F4}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#445588;}
a.catLink:visited {text-decoration:none; color:#445588;}
a.catLink:hover {text-decoration:underline; color:#445588;}
a.catLink:active {text-decoration:underline; color:#445588;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:normal;}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:11px;}
.forumDescr,.forumModer {color:#888888;font-size:9px;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#4D6D91;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#4D6D91;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#6F8EB3;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#4D6D91;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {font-size:11px;font-family:Tahoma,Arial;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#000000;}
a.forumBarA:visited {text-decoration:none; color:#000000;}
a.forumBarA:hover {text-decoration:underline; color:#4D6D91;}
a.forumBarA:active {text-decoration:underline; color:#4D6D91;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {color:#445588;}
.fastNavCat {background:#F2F2F2;}
.fastNavCatA {background:#F2F2F2;}
.fastNavForumA {}
/* -------------------------- */

/* forum Page switches */
.pagesInfo {background:#FFFFFF;font-size:7pt;}
.switches {background:#A9B8C2;}
.switch {background:#FFFFFF;width:15px;font-size:7pt;}
.switchActive {background:#F4F4F4;font-weight:bold;color:#4D6D91;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#F4F4F4}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#888888;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#F4F4F4;height:25px;font-weight:bold;font-size:7pt;color:#4D6D91;padding-left:40px;}
.threadsDetails {padding:2px;background:#F4F4F4;height:25px;color:#444444;}
.forumOnlineBar {padding:2px;background:#F4F4F4;height:25px;color:#444444;}

a.threadLink:link,a.threadPinnedLink:link {text-decoration:none; color:#4D6D91;}
a.threadLink:visited,a.threadPinnedLink:visited {text-decoration:none; color:#4D6D91;}
a.threadLink:hover,a.threadPinnedLink:hover {text-decoration:underline; color:#000000;}
a.threadLink:active,a.threadPinnedLink:active {text-decoration:underline; color:#000000;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* forum Posts View */
.postTable {background:#EFEFEF;}
.postPoll {background:#F4F4F4;}
.postFirst {background:#FFFFFF;}
.postRest1 {background:#FFFFFF;}
.postRest2 {background:#FFFFFF;}
.postSeparator {height:2px;background:#D2D2D2;}

.postTdTop {background:#F4F4F4;height:20px;border-bottom:1px solid #A9B8C2;}
.postBottom {background:#F4F4F4;height:20px;border-top:1px solid #A9B8C2;}

.postUser {font-weight:bold;font-family:Tahoma,Arial;}
.postTdInfo {text-align:center;padding:5px;background:#FFFFFF;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#A9B8C2;}
.posttdMessage {padding:5px;background:#FFFFFF;}

.pollQuestion {text-align:center;font-weight:bold;}
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#FFFFFF;font-size:9px;}
.quoteMessage {background:#FFFFFF;font-size:9px;}

.signatureView {font-size:7pt;}
.edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}
/* ------------------ */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/121/14.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/121/14.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* forum Post Form */
.codeButtons {font-size:7pt;background:#FFFFFF;border:1px solid #A9B8C2;}
.codeCloseAll {font-size:7pt;color:#737373;font-weight:bold;background:#FFFFFF;border:1px solid #A9B8C2;}
.postNameFl,.postDescrFl {width:400px}
.postPollFl,.postQuestionFl {width:400px}
.postResultFl {width:50px}
.postAnswerFl {width:300px}
.postTextFl {width:550px;height:150px}
.postUserFl {width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* ----------------- */

/* ====== forum End ====== */

И начинаем разбираться по-порядку. Первый описательный заголовок называется General forum Table View , это значит, что в данном боксе прописаны стили оформления таблицы форума (самой основной таблицы, ячеек в ней, фоны и цвета, используемые в таблице, а также размер шрифта, его характеристики и местоположение)

Code

.gTable {background:#A9B8C2}

Код данной строки означает, что по умолчанию цвет фона основной таблицы форума задан #A9B8C2, потому и цвета границ таблицы у нас того же цвета #A9B8C2.
Попробуем изменить цвет на #ff0000 и посмотрим что получится:

Все границы таблицы стали красного цвета (#ff0000), который мы и задавали. Убедились, теперь вернём стандартный цвет на место)

Следующая строка

Code

.gTableTop {padding:2px;background:#E4E8F3;color:#445588;text-transform:uppercase;font-size:9px;font-family:Tahoma,Verdana;height:21px;text-align:center;font-weight:bold;background-image: url('/.s/t/121/20.gif');}

Написано намного больше, правда? Но это не беда, сейчас мы потихоньку во всём разберемся!

Во-первых, эта строка отвечает за оформление ячейки, в которой находится название разделов форума (Тестовый раздел, Общий раздел и т. д .)

Code

padding:2px;

- означает, что текст в ячейке (название раздела) имеет отступы по 2 пиксела со всех сторон.p>

Code

background:#e4e8f3;

- параметр задаёт цвет фона данной ячейки, но если мы внимательно посмотрим, то увидим, что для этой же ячейки фоном задана еще и картинка :

Code

background-image: url('/.s/t/121/20.gif');

Как это понимать? А понимать это следует так: если в браузере пользователя в настройках стоит "Не показывать изображения" (некоторые так делают, в целях экономии трафика и с целью повышения скорости загрузки страниц), то вместо фоновой картинки в ячейке с названием раздела, пользователь увидит просто фон цвета #e4e8f3.

Смотрите:

"Картинки включены"

"Картинки отключены"

Разбираем эту строку дальше:

Code

color:#445588;

- по идее, здесь задан цвет текста, которым набраны наши заголовки разделов форума, но если мы поменяем его на другой цвет, у нас изменить цвет только заголовка "Дополнительная информация" , заголовки же разделов "Тестовый раздел" и "Общий раздел" останутся прежнего цвета. Почему?

А всё потому, что для них прописаны отдельные свойства, иначе их цвет бы тоже изменился. Но об этом дальше.

Code

text-transform:uppercase;

значение uppercase для свойства text-transform делает все буквы заголовка нашего раздела прописными (то есть большими), если вы хотите сделать все буквы заголовка маленькими, измените uppercase на lowercase.
Значение "capitalize" устанавит первую букву заголовка раздела прописной

Code

font-size:9px;

- с помощью этого правила задаётся размер (кегль) шрифта в данной ячейке с заголовком, в данный момент он составляет 9 пикселов.

Code

font-family:Tahoma,Verdana;

- здесь перечислены в порядке предпочтения используемые семейства шрифтов. Важно - если вы хотите использовать имя шрифта состоит более чем из одного слова, то его нужно взять целиком в кавычки. Например: “Comic Sans MS”

Code

height:21px;

- всё просто, высота ячейки с заголовком

Code

text-align:center;

- расположение текста в центре, если убрать этот код, то названия заголовков разделов форума будут с левой стороны, а если прописать вместо center значение right - то с правой.

Code

font-weight:bold;

- значением bold задается жирность шрифта, если вы не хотите, чтобы цвет был жирным, замените bold на значение normal

Ну и уже знакомое

Code

background-image: url('/.s/t/121/20.gif');

фоновое изображение для заливки ячейки.

Вот и всё, как видим, ничего сложного.

Следующая строка:

Code

.gTableSubTop {padding:2px;background:#F4F4F4;color:#000000;height:20px;font-size:10px;}

параметры этой строки отвечают за стилевое оформление ячеек, находящихся сразу под ячейками с заголовками разделов (на скриншотах эти ячейки отмечены красным цветом):

Code

padding:2px;

- отступ текста от границ ячейки на 2 пиксела

Code

background:#F4F4F4;

- цвет фона для ячейки

Code

color:#000000;

- цвет текста в ячейке

Code

height:20px;

- высота ячейки

Code

font-size:10px;

- размер используемого в ячейке шрифта

Следующая строка для рассмотрения, это

Code

.gTableBody {padding:2px;background:#F4F4F4;}

она отвечает за оформление цвета фона таблицы, в которой прописаны Правила форума, иными словами, на каком фоне будет написан текст правил, расположенный по ссылке "Правила форума"

Code

padding:2px;

- как видим, заданы отступы от текста по 2 пиксела во все стороны

Code

background:#F4F4F4;

- цвет фона установлен #F4F4F4

Code

.gTableBody1 {padding:2px;background:#FFFFFF;}

в этой строке мы можем изменить параметры оформления ячеек с дополнительной информацией

ячеек со списком участников форума:

и ячеек формы поиска:

Code

padding:2px;background:#FFFFFF;

- как видно из кода, здесь заданы отступы у текста во все стороны по 2 пиксела, цвет фона ячеек #FFFFFF (на скриншотах вместо белого фона - красный, чтобы выделить ячейки, за оформление которых отвечает рассматриваемый код)

Чтож, рассматриваем следующую строку:

Code

.gTableBottom {padding:2px;background:#F4F4F4;}

строка отвечает за оформление нижних ячеек, на странице со списком участников форума и странице поиска по форуму:

Code

padding:2px;

- у текста в ячейках имеются отступы по 2 пиксела со всех сторон

Code

background:#f60404;

- здесь устанавливается цвет фона этих ячеек

Cтрока

Code

.gTableLeft {padding:2px;background:#F4F4F4;font-weight:bold;color:#737373;}

отвечает за оформление ячейки в форме ответа с левой стороны (в которой находятся смайлы)

Code

padding:2px;

- текст в ячейке имеет отступы со всех сторон по 2 пиксела

Code

background:#F4F4F4;

- цвет фона в этой ячейке

Code

font-weight:bold;

- жирность шрифта (для обычного шрифта установите параметр normal вместо bold)

Code

color:#737373

- цвет шрифта

Следующая строка,

Code

.gTableRight {padding:2px;background:#F4F4F4;}

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

и еще отвечает за цвет фона в ячейках с иконками "Посетители" и "Статистика форума" в блоке дополнительной информации

Ну и собственно, у нас осталась последняя строка в нашем блоке, это:

Code

.gTableError {padding:2px;background:#F4F4F4;color:#FF0000;}

отвечает она за оформление ячейки, содержащей сообщение об ошибках в форме ответа либо иной форме

здесь

Code

padding:2px;

- задает отступы у текста со всех сторон по 2 пиксела

Code

background:#F4F4F4;

- задает цвет фона в этой ячейке

Code

color:#FF0000;

- задаёт цвет выводимых сообщений

На этом наша первая статья из цикла "Разбираем CSS форума по косточкам" завершена. Надеюсь, у вас появились ответы на какие-либо ваши вопросы.
Продолжение следует!

Источник: PS-Studio.Info
Автор: Алексей

Консоль Counter-Strike

Настройка сервера

Защита сервера

Hide-N-Seek Mod

War3FT Mod

История KZ

О серверах.

Скачать карты.

uCoz Community.

Разное.

Логин
Пароль