Дизайн 18 форум

Frozen

Дата: Понедельник, 13.02.2006, 3:43 PM | Сообщение # 1

Постоянный

Группа: Проверенные

Сообщений: 235

Статус:

Quote (Alex_Pes)

вот ещё один вопрос: можно ли в 18 стиле (зелёный) сменить светло зелёный фон на белый? если да, то как?ссылка прилагается

И где можно изменить размер шрифта названия форумов (Музыка, телевидение и т.д.)?

Frozen

Дата: Понедельник, 13.02.2006, 4:27 PM | Сообщение # 2

Постоянный

Группа: Проверенные

Сообщений: 235

Статус:

Изменить размер шрифта - добавить в CSS

Code

a.forumnametd{font-size:14px;}

А про фон не понял - где именно нужно сменить?

Alex_Pes

Дата: Понедельник, 13.02.2006, 4:58 PM | Сообщение # 3

veter

Группа: Пользователи

Сообщений: 4

Статус:

Quote

А про фон не понял - где именно нужно сменить?

Я вроде бы во всём разобрался. Спасибо ещё раз.

Quote

/* Forums Styles */
.forums {background:#006400}
.category {background:#739C65;color:#FFFFFF;font-weight:bold;height:23px;padding-left:17px;font-size:8pt;background: url('http://src.ucoz.ru/img/183/top.gif') no-repeat 5px 7px;}
.forumstop {background:#DAE7DA;color:#000000;height:20px;}
.forumnametd,.forumlastposttd {background:#FFFFFF}
.forumicotd,.forumthreadtd,. forumposttd {background:#F0F5EF}
.forumtd {padding-left:7px;}
.forumlastposttd,.forumarchive {font-size:7pt;}

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

.lastpostguest,.lastpostuser,.threadauthor {font-weight:bold}
.archivedforum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* Fast Navigation Form */
.fastnavmain {background:#CEF0C6;}
.fastnavcat {background:#EBF9E6;}
.fastnavcata {background:#EBF9E6;color:#0000FF}
.fastnavforuma {color:#0000FF}
/* -------------------- */

.forum {font-weight:bold;font-size:8pt;}

Размер шрифта я поменял, изменив параметр, выделенный зелёным цветом.

Хотел ещё поменять цвет названий форумов с зелёного на какой-нибудь другой, но что то не смог понять как это сделать. Объясни, пожалуйста.

Я сегодня впервые начал разбираться с CSS и поэтому многого не понимаю.

Сообщение отредактировал Alex_Pes - Понедельник, 13.02.2006, 4:59 PM

Frozen

Дата: Понедельник, 13.02.2006, 5:45 PM | Сообщение # 4

Постоянный

Группа: Проверенные

Сообщений: 235

Статус:

Ищем в коде страницы название форума (лишнее убрал)

Code

<td class="forumnametd"><a class="forum" href="">Обсуждение сайта и форума</a> </td>

Из этого кода видим, что название форума это ссылка которая имеет класс forum
эта ссылка находится в ячейке таблицы, которая имеет класс forumnametd
С этим разобрались. Теперь нужно найти, в таблицах стилей форума и HTML шаблоне, эти классы и посмотреть в каких элементаэ они еще используются.
На гланой форума, класс forumnametd используется только в ячейках с именем форумов - запомнили.
Ну и класс forum - тоже только с ними.
Значит можно поменять отображение ссылок для класса forum. Идем в стили и проверяес: что там есть по этим классам.

В стилях (таблицы оптимизированы) прописано

Code

.forumnametd,.forumlastposttd {background:#FFFFFF}

Эти два класса имеют цвет фона - белый. Если нужно изменить в одном, то нужно их прописать по отдельности.
Находим класс

Code

.forum {font-weight:bold;font-size:8pt;}

но это не ссылка - ссылки обозначаются тегом а - ищем дальше... находим

Code

a.forum:link, a.lastpostuserlink:link, a.forumlastpostlink:link, a.threadauthorlink:link {text-decoration:none; color:#55934A;}
a.forum:visited, a.lastpostuserlink:visited, a.forumlastpostlink:visited, a.threadauthorlink:visited {text-decoration:none; color:#55934A;}
a.forum:hover, a.lastpostuserlink:hover, a.forumlastpostlink:hover, a.threadauthorlink:hover {text-decoration:underline; color:#79B56C;}
a.forum:active, a.lastpostuserlink:active, a.forumlastpostlink:active, a.threadauthorlink:active {text-decoration:underline; color:#55934A;}

Видим, что для оптимизации стили разных классов - прописаны вместе.
Если нужно сделать изменения отдельно, для определенного класса - его нужно прописать отдельно или сгрупировать с другими - подходящими.

Если есть желание дальше самому - пробуй.
Если такого желания нет - скажи нужный цвет и все остально - сделаю.

OverLorD

Дата: Понедельник, 13.02.2006, 5:50 PM | Сообщение # 5

Поднаторевший

Группа: Проверенные

Сообщений: 268

Статус:

я бы тоже хотел это зделать но не хочу просить чтоб делал ты и сам не могу понять wacko

остается только вещаться.

Frozen

Дата: Понедельник, 13.02.2006, 7:48 PM | Сообщение # 6

Постоянный

Группа: Проверенные

Сообщений: 235

Статус:

Если действительно интересно, то сделайте HTML страницу и вставьте такой код - это упрощенная версия, так сказать.

Code

<html>
<head>
<style type="text/css">
.test{ font-size: 12px; }
.test1{ font-size: 14px; }
a.test1:link {text-decoration:none; color:#3466DE}
a.test1:visited {text-decoration:none; color: #3C3DFF; background-color: #B4B4B4; }
a.test1:hover {text-decoration:underline; color: #FF1A1A; background-color: #EDEDED; font-size: 16px; }
a.test1:active {text-decoration:underline; color: #FFF52D;}
</style>
</head>
<body>
<table border="1" cellspacing="5" cellpadding="5">
<tr>
<td class="test">Простой текст<br><a class="test1" href="#">Текст ссылки</a><p class="test1"> Опять простой текст</p></td>
</tr>
</table>
</body>
</html>

И попробуйте поэксперементировать с размерами шрифта, цветами и всем, что угодно

Сообщение отредактировал Frozen - Понедельник, 13.02.2006, 7:51 PM

Alex_Pes

Дата: Пятница, 17.02.2006, 11:49 AM | Сообщение # 7

veter

Группа: Пользователи

Сообщений: 4

Статус:

Где в таблице стилей можно найти строки, отвечающие за надпись Читать дальше (цвет, размер) и за названия новости на главной (цвет, размер )?

Isida

Дата: Пятница, 17.02.2006, 12:36 PM | Сообщение # 8

Распорядитель

Группа: Администраторы

Сообщений: 1064

Статус:

Alex_Pes, есть очень хороший метод подсказанный Frozen. Берёшь страницу, открываешь Вид - Просмотр ХТМЛ кода, находишь на страничке надпись, параметры, которые хочется поменять, и смотришь какой класс к ней выставлен. Всё - дальше идёшь в таблицу стилей и там меняешь.

Если нужные параметры не выставлены, то просто добавляешь.

Страница 1 из 1 1	Архив - только для чтения
Модератор форума: Леголайз, Кински

Полигон