|
Дизайн 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
Статус: |
я бы тоже хотел это зделать но не хочу просить чтоб делал ты и сам не могу понять 
остается только вещаться.
|
| |
| |
| 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. Берёшь страницу, открываешь Вид - Просмотр ХТМЛ кода, находишь на страничке надпись, параметры, которые хочется поменять, и смотришь какой класс к ней выставлен. Всё - дальше идёшь в таблицу стилей и там меняешь. Если нужные параметры не выставлены, то просто добавляешь.
|
| |
| |
