• Новые сообщения · Участники · Правила форума · Поиск · RSS
    • Страница 1 из 1
    • 1
    Модератор форума: STALKER  
    Форум » О веб-дизайне » Css » Разбор css Ucoz'a по частям
    Разбор css Ucoz'a по частям
    STALKERДата: Суббота, 17.12.2011, 19:59 | Сообщение # 1
    Генералиссимус
    Группа: Администраторы
    Сообщений: 139
    Статус: :-(
    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 - вид второго сообщения в миничате

    Источник


     
    Форум » О веб-дизайне » Css » Разбор css Ucoz'a по частям
    • Страница 1 из 1
    • 1
    Поиск: