Новые сообщения · Участники · Правила форума · Поиск
Страница 1 из 41234»
Форум о uCoz и Web » О веб-дизайне » CSS » Разбор css Ucoz'a по частям (Держите от меня)
Разбор css Ucoz'a по частям
JesseДата: Вторник, 18.11.2008, 18:03 | Сообщение # 1
Moderator
Группа: Главный модератор
Сообщений: 1625
Репутация: 58
Статус: Online
Code
    
/* General Style */    
a:link {text-decoration:underline; color:#CCCCCC;}    
a:active {text-decoration:underline; color:#CCCCCC;}    
a:visited {text-decoration:underline; color:#CCCCCC;}    
a:hover {text-decoration:none; color:#FFFFFF;}   

a:link - цвет ссылки
a:active - цвет активной ссылки
a:visited - цвет посещенной ссылки
a:hover - цвет ссылки при наведении на нее.

Code

td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#9F9F9F}    
form {padding:0px;margin:0px;}    
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}    
.copy {font-size:7pt;}   

td, body - Настройка шрифта в body и тегах <td ></td >
form - содержимое тега <form>
input,textarea,select - настроика шрифта в текстовых полях, и в опросах и т.д.
.copy - копирайт

Code

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

Это приведенный класс выше, толко он предназначен для:

это вид всех ссылок в информерах

Code

hr {color:#464646;height:1px;}  

hr - это тег линии, вставляемый как тег

тут настраивается цвет и толщина линии.

Code
  /* Menus */    
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}    
li.menus {margin: 0; padding: 0 0 0 13px; background: url('http://src.ucoz.ru/t/984/8.gif') no-repeat 0px 3px; margin-bottom: .6em;}    
/* ----- */    

  /* Main Menu */    
  .m {font-weight:normal;}    
  a.m:link {text-decoration:none; color:#CCCCCC}    
  a.m:active {text-decoration:none; color:#CCCCCC}    
  a.m:visited {text-decoration:none; color:#CCCCCC}    
  a.m:hover {text-decoration:none; color:#FFFFFF}    
  .ma {font-weight:bold;}    
  a.ma:link {text-decoration:none; color:#FFFFFF;}    
a.ma:visited {text-decoration:none; color:#FFFFFF}    
a.ma:hover {text-decoration:underline; color:#FFFFFF}    
li.m {margin: 0; padding: 0 0 0 13px; background: url('http://src.ucoz.ru/t/984/8.gif') no-repeat 0px 3px; margin-bottom: .6em;}    
  /* --------- */    
     
  /* Module Part Menu */    
  .catsTd {padding: 0 0 6px 13px; background: url('http://src.ucoz.ru/t/984/9.gif') no-repeat 0px 3px;}    
.catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}    
  .catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}    
   .catNumData {font-size:7pt;color:#696969;}    
  .catDescr {font-size:7pt; padding-left:10px;}    
  a.catName:link {text-decoration:none; color:#CCCCCC;}    
   a.catName:visited {text-decoration:none; color:#CCCCCC;}    
  a.catName:hover {text-decoration:none; color:#FFFFFF;}    
   a.catName:active {text-decoration:none; color:#CCCCCC;}    
  a.catNameActive:link {text-decoration:none; color:#FFFFFF;}    
  a.catNameActive:visited {text-decoration:none; color:#FFFFFF;}    
   a.catNameActive:hover {text-decoration:underline; color:#FFFFFF;}    
  a.catNameActive:active {text-decoration:none; color:#FFFFFF;}    
  /* ----------------- */  

Code
    /* Comments Style */    
    2 .cAnswer {color:#838383;padding-left:15px;padding-top:4px;font-style:italic;}    
        
     .cBlock1 {background:#2C2C2C;border:1px solid #555555;}    
     .cBlock2 {background:#2C2C2C;border:1px solid #555555;}    
      /* -------------- */  

cAnswer - вид ответа администратора в коментариях, в гостевои книги и в разделе FAQ
.cBlock1 - вид сообщения в миничате
.cBlock2 - вид второго сообщения в миничате

Блог Jesse
 
LenkaAOEДата: Понедельник, 04.05.2009, 21:36 | Сообщение # 2
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
Спасибо большое..за информацию. Уже сбилась с ног, пытаясь понять что такое класс a.noun

Скажите, а после обновления юкоза ничего не изменилось с этим классом?

 
SleepWalkerДата: Вторник, 05.05.2009, 01:52 | Сообщение # 3
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Online
LenkaAOE, нет, это не менялось...
 
JesseДата: Вторник, 05.05.2009, 17:48 | Сообщение # 4
Moderator
Группа: Главный модератор
Сообщений: 1625
Репутация: 58
Статус: Online
LenkaAOE, и не только с этим.. классы не поменялись вообще smile
Блог Jesse
 
EgoIstДата: Вторник, 12.05.2009, 13:20 | Сообщение # 5
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
Кто подскажет как изменить цвета сайта допустим тут Цвета Чёрный и белый а мне надо сделать красный и желтый
 
SleepWalkerДата: Вторник, 12.05.2009, 17:32 | Сообщение # 6
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Online
с помощью цсс ты сможеш частично поменять цвет сайта. но тебе еще нужно будет всю графику менять. нельзя просто написать "выводись красным"
 
Pers_SpikuДата: Вторник, 14.07.2009, 14:19 | Сообщение # 7
Генерал-майор
Группа: Главный модератор
Сообщений: 453
Репутация: 29
Статус: Offline
ещё можно разобрать по косточкам стили форума, будет так же полезно dry
 
SleepWalkerДата: Вторник, 14.07.2009, 14:37 | Сообщение # 8
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Online
Pers_Spiku, какнибуть допишу, для стилей форума надо много скринов:)
 
AiZekДата: Воскресенье, 26.07.2009, 04:34 | Сообщение # 9
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
А как изменить цвет фона скажите пожалуйста вот на етом сайте _http://la2-imperial.ucoz.ru/(не реклама)
 
SleepWalkerДата: Понедельник, 27.07.2009, 14:56 | Сообщение # 10
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Online
в шаблоне таблицы стилей (css) допиши строку: body {background:#ffffff;}
ffffff - код цвета (в данном случае белого)
 
DaCEnTДата: Среда, 12.08.2009, 19:22 | Сообщение # 11
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
Как сменить шрифт у названия сайта cry
 
SleepWalkerДата: Среда, 12.08.2009, 21:11 | Сообщение # 12
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Online
DaCEnT, что именно ты имееш ввиду под названием сайта? (и еще дай свой сайт, потому что если ты имееш ввиду надпись на шапке,то там в каждом дизайне может быть свой класс)
 
Andrei1988RusДата: Пятница, 21.08.2009, 02:45 | Сообщение # 13
Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
подскажите пожалуйста как изменить фон В СЕРЕДИНЕ сайта, где видео и новости(он там серый)???, как главный фон менять я знаю, а тут замучался незнаю что делать. _http://bestfights.3dn.ru/
 
SleepWalkerДата: Понедельник, 24.08.2009, 19:40 | Сообщение # 14
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Online
в общем тебе нужна строка:
background:url('/.s/t/731/19.gif') top repeat-x #222226;padding:10px;
#222226 - цвет фона
/.s/t/731/19.gif - адрес градиента(http://bestfights.3dn.ru/.s/t/731/19.gi), который находиться в самом верху того блока, он почти не заметен, но если будеш менять фон сверху, то и ту картинку прийдеться сменить или убрать, в зависимости от случая.
 
Andrei1988RusДата: Понедельник, 24.08.2009, 23:13 | Сообщение # 15
Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
SleepWalker Большое спасибо!

Сообщение отредактировал Andrei1988Rus - Понедельник, 24.08.2009, 23:16
 
Форум о uCoz и Web » О веб-дизайне » CSS » Разбор css Ucoz'a по частям (Держите от меня)
Страница 1 из 41234»
Поиск: