Суббота, 19.09.2020, 3:19 PM
Приветствую Вас Гость | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Архив - только для чтения
Модератор форума: Леголайз, Кински  
Форум » Основной форум » Изменения дизайна стандартных шаблонов » Дизайн 18 форум (Изменение в дизайне форума)
Дизайн 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. Берёшь страницу, открываешь Вид - Просмотр ХТМЛ кода, находишь на страничке надпись, параметры, которые хочется поменять, и смотришь какой класс к ней выставлен. Всё - дальше идёшь в таблицу стилей и там меняешь.

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

 
Форум » Основной форум » Изменения дизайна стандартных шаблонов » Дизайн 18 форум (Изменение в дизайне форума)
  • Страница 1 из 1
  • 1
Поиск: