Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS: решение вопросов (только таблица стилей)
CSS: решение вопросов
Модератор форума
Сообщение # 1 | 18:03:25
Тема для пользователей, которые не в первый раз слышат о CSS


Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник


Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата
FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 46 | 18:13:20
Quote (Vodoley96)
А как изменить размер текста описания тем на форуме?

В css стилях ищите класс и прописывайте размер шрифта.

.::I'll be back::.
Выбор за тобой!
AKIM
Сообщений: 12
Репутация: 12
Уровень замечаний:

Сообщение # 47 | 10:25:29
подскажите как сделать чтоб при наведении на ссылку её фон менялся на другой!?
Komoff
Сообщений: 595
Репутация: 276

Сообщение # 48 | 10:27:22
AKIM, hover, там в примере есть.
AKIM
Сообщений: 12
Репутация: 12
Уровень замечаний:

Сообщение # 49 | 10:44:34
Komoff, а не могли бы помочь разобраться?
Имеется шаблон информера
Code
<table width="100%"><tr><td style="background: url('') rgba(205, 205, 205, 0.2); border="0" cellpadding="0" cellspacing="0" height="80px" width="310px">

<div class:"eTitlebg">
<a href="$ENTRY_URL$" title="$TITLE$"><table width="100%"><tr><td style="background: url('') rgba(205, 205, 205, 0.2); border="0" cellpadding="0" cellspacing="0" height="70px" width="300px"><?if($IMG_URL1$)?><img align="left" style="margin-right:5px;margin-top:0px;border: 1px solid #DADADA;padding: 1px;width: 75px;height: 60px;" src="$IMG_URL1$" title="$TITLE$"><?else?><img style="margin-right:5px;margin-top:0px;border: 1px solid #DADADA;padding: 1px;width: 75px;height: 60px;" src="/noavatar/G-portal.jpg" wigth="75" height="60" align="left"><?endif?>
$TITLE$
<div style="font-size: 8pt; color: #3d3d3d;">$SECTION_NAME$</div>
<br>
<img src="/image/icon_date.gif" border="0" /> $DATE$  

<a href="$COMMENTS_URL$"><img src="http://gamingo.my1.ru/image/icon_commentary.gif" border="0" alt="" /> ($COMMENTS_NUM$)</a></div>
</td></tr></table></a></div>
</td></tr></table>

к классу eTitlebg приписал в ксс это
Code
.eTitlebg {text-align:left;padding:0px 0px 0px 0px;color:#fff;font-weight:bold;font-size:10px;}

.eTitlebga:link {
     color: #0000d0;
     padding: 2px;  
    }
.eTitlebg a:hover {
     background: #786b59;
     color: #ffe;  
    }


мне нужно чтобы при наведении на ячейку в которой находится ссылка менялся фон(картинка) ячейки
Komoff
Сообщений: 595
Репутация: 276

Сообщение # 50 | 11:05:07
AKIM, вот тот учебник, ссылку на который я тебе дал, нужно почитать, а перед этим даже вот этот пошаговый. Можно попробовать сделать что-нибудь в твоей неправильной разметке, но не знаю будет ли работать
Quote (AKIM)
<table width="100%">
<tr><td class="changebg" border="0" cellpadding="0" cellspacing="0" height="80px" width="310px">

<div class="eTitlebg">
<table width="100%">
<tr><td style="background: rgba(205, 205, 205, 0.2);" border="0" cellpadding="0" cellspacing="0" height="70px" width="300px">
<?if($IMG_URL1$)?><img align="left" style="margin-right:5px;margin-top:0px;border: 1px solid #DADADA;padding: 1px;width: 75px;height: 60px;" src="$IMG_URL1$" title="$TITLE$"><?else?><img style="margin-right:5px;margin-top:0px;border: 1px solid #DADADA;padding: 1px;width: 75px;height: 60px;" src="/noavatar/G-portal.jpg" wigth="75" height="60" align="left"><?endif?>
<a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a>
<div style="font-size: 8pt; color: #3d3d3d;">$SECTION_NAME$</div>
<br>
<img src="/image/icon_date.gif" border="0" /> $DATE$
<a href="$COMMENTS_URL$"><img src="http://gamingo.my1.ru/image/icon_commentary.gif" border="0" alt="" /> ($COMMENTS_NUM$)</a>
</td></tr></table>
</div>
</td></tr></table>

Code
.changebg {background:rgba(205, 205, 205, 0.2);}
td.changebg:hover {background: #786b59;}
Сообщение отредактировал Komoff - Пятница, 16 Сен 2011, 11:05:35
THIEF
Сообщений: 3
Репутация: 0

Сообщение # 51 | 12:16:59
У меня небольшая проблема. Нужно настроить кнопку Далее так чтобы вот юзер сидит на одной категории, а нажав на эту кнопку его отправит в следующую. Пришёл в следующую, его направит уже дальше. Как это сделать??? Помогите чем можете плииииз!
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 52 | 12:35:11
THIEF, Прописывать вручную ...

Arosh
Сообщений: 9
Репутация: 1

Сообщение # 53 | 13:59:25
Изначально при создании сайта использовал дизайн 989. Затем заменил его на 121. Сегодня попытался поменять шапку на сайте (начал искать ссылку на шапку сайта). В результате искривился какркас и частично вернулся каркас 989.
Как мне вернуть полностью каркас 121 и в какое место вставлять ссылку для создания новой шапки?
Не хотелось бы обновлять шаблон полностью, так как пропадут все настройки.
Пробовал в таблице стилей прописать вместо 989 121. Но ничего хорошего не вышло.

P.S. Нашел решение проблемы - скопировал стиль CSS с другого сайта с шаблоном 121.
А вот место для новой шапки так и не нашел. Подскажите пожалуйста где находится данное место в шаблоне 121.
Сообщение отредактировал Arosh - Суббота, 17 Сен 2011, 14:14:47
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 54 | 16:15:27
Arosh,Переустановка стандартных дизайнов производится в общих настройках . Выбрать дизайн , Обновить текущий дизайн во всех используемых модулях ( поставить галочку ) и в шаблоне CSS восстановить стандартный шаблон , нажать кнопку ..

bombard1er
Сообщений: 6
Репутация: 3

Сообщение # 55 | 11:41:38
Подскажите как в CSS поменять фон блока с отображением кол-во комментариев и рейтинг в архиве новостей.
Bodia
Сообщений: 11
Репутация: 16

Сообщение # 56 | 17:47:23
Code
body { background: #232629 url('/images/bg.jpg') no-repeat top center; text-align: center; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #696969; }


('/images/bg.jpg') Я хочу, чтобы при обновлении страницы фон менялся(на bg2.jpg, bg3.jpg... )

Возможно ли такое в css? Если да, то как?

Заранее спасибо.
Komoff
Сообщений: 595
Репутация: 276

Сообщение # 57 | 17:51:47
Bodia, с помощью CSS нельзя. Скриптом, информером или ротатором баннеров можно выводить случайные данные.
Bodia
Сообщений: 11
Репутация: 16

Сообщение # 58 | 18:12:20
А как тогда саму картинку(background) вывести в html?
FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 59 | 18:54:32
Quote (Bodia)
<body background="/images/image_name.png"> вот так?

Не нашел самого вопроса, но код лучше написать так smile
Code
<body style="background-image:url(/images/image_name.png);">

.::I'll be back::.
Выбор за тобой!
Сообщение отредактировал Владислав1999 - Четверг, 22 Сен 2011, 18:54:39
Bodia
Сообщений: 11
Репутация: 16

Сообщение # 60 | 19:06:26
Владислав1999, спасибо
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS: решение вопросов (только таблица стилей)
Поиск: