Форум техической поддержи

Объявление

FAQ по администрированию форума | FAQ по дизайну и CSS | Абсолютный помощник по Дизайну |Система отношений | Новые возможности-скрипты
Здраствуйте, если вы на этот форум зашли первый раз, рекомендуем вам ознакомиться с выше перечисленными темами. Если у вас есть какие-либо вопросы, тогда просим вас писать в соответствующие разделы. Так же можно воспользоватся поиском.

Вы здесь » Форум техической поддержи » Справочная » Наиболее востребованные коды CSS.

Наиболее востребованные коды CSS.

Страница: 1

Сообщений 1 страница 5 из 5

1

  • Автор: rps
  • IceBB
  • rps
  • Откуда: Россия Нижний Новгород
  • Зарегистрирован: 2008-01-28
  • Приглашений: 0
  • Сообщений: 141
  • Уважение: +3
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 34 [1991-01-15]
  • Провел на форуме:
    15 часов 33 минуты
  • Последний визит:
    2008-07-28 21:29:03

Все коды CSS вставляются в поле HTML-верх, какими страшными они небыли!!
Все коды CSS начинаются тэгом <style>и заканчиваются тэгом </style>. Это ОЧЕНЬ ВАЖНО

Вот самые востребованные коды CSS:

Сделать название темы и ее описание посредине

Код:
<style>
#pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon,
#pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon {text-align: center}
</style>

Иконки тем и есть новые сообщения

Код:
<style>Div.icon {
background-image: url(http://img210.imageshack.us/img210/1153/onterrall6.gif);
background-repeat: no-repeat; }
Tr.inew Div.icon {
background-image: url(http://img210.imageshack.us/img210/4800/offterracy4.gif);
background-repeat: no-repeat; }</style>

Фон форума

Код:
<style>
HTML, BODY {background-image: url(http://re.foto.radikal.ru/0709/47/22eea14069b5.jpg)}
</style>

Логотип

Код:
<style>
#pun-title .title-logo {background-image: url(ССЫЛКА на картинку)}</style>

0

2

  • Автор: rps
  • IceBB
  • rps
  • Откуда: Россия Нижний Новгород
  • Зарегистрирован: 2008-01-28
  • Приглашений: 0
  • Сообщений: 141
  • Уважение: +3
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 34 [1991-01-15]
  • Провел на форуме:
    15 часов 33 минуты
  • Последний визит:
    2008-07-28 21:29:03

Ссылки при наведении становяться заданого цвета

Код:
<style>
.punbb a:hover {color: ЦВЕТ} 
</style>

Цвет линии , отделяющий подпись

Код:
<style>
#pun #pun-viewtopic #pun-main .topic .container .post-body .post-box .post-content .post-sig dt {background-color: red}
</style>

Делает по центру абсолютно всё на главной

Код:
<style>
HTML, BODY , #pun, #pun #pun-index #pun-main .category .container table thead tr .tcl, #pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon, 
#pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon {text-align: center}
</style>

Размер текста и шрифт

Код:
<style>
HTML, BODY {font-family:ШРИФТ ;font-size: Размер }
</style>

Варианты размеров: xx-small, x-small, small, medium, large, x-large, xx-large

Убрать ссылку "поиск"

Код:
<style>
#pun #pun-index #pun-navlinks .container #navsearch a span, #pun .punbb #pun-navlinks .container #navsearch a span,
#pun #pun-index #pun-navlinks .container #navsearch, #pun .punbb #pun-navlinks .container #navsearch,
{ display: none }
</style>

0

3

  • Автор: rps
  • IceBB
  • rps
  • Откуда: Россия Нижний Новгород
  • Зарегистрирован: 2008-01-28
  • Приглашений: 0
  • Сообщений: 141
  • Уважение: +3
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 34 [1991-01-15]
  • Провел на форуме:
    15 часов 33 минуты
  • Последний визит:
    2008-07-28 21:29:03

Убрать строку "зарегестрированых пользователей"

Код:
<style type="text/css">
#pun #pun-index #pun-stats .statscon .container .item3 span, #pun #pun-index #pun-stats .statscon .container .item3 strong {display: none}
</style>

Цвет ссылок

Код:
<style>
.punbb a:link {color: pink}
.punbb a:visited {color: red;}
.punbb a:hover {color: black;} 

</style>

1 - цвет в норме
2 - посещенная ссылка
3 - при наведении

Это кроме меню навигации и ссылок снизу, они задаються соответственно

Код:
#pun-navlinks .container {color: white}
#pun-ulinks .container {color: white}

Фон статистики и цвет самой надписи "статистика"

Код:
<style>
#pun #pun-index #pun-stats h2{background-image: url(ССЫЛЬ) ; color: red}
</style>

Цвет фона статус строки цвет поля с названием форума

Код:
<style>
.pa-title {background-color: black}

#pun #pun-index #pun-crumbs1 .crumbs{background-color: aqua; color: red}
</style>

PS:
color- цвет текста
background-color- цвет фона
Первая строка в коде: цвет ссылок пользователя
2: фон поля, где салово "обьявление" и цвет самого слова
3: цвет фона статус-строки
4: цвет поля с названием форума и цвет самого названия форума

Отредактировано rps (2008-01-30 22:07:10)

0

4

  • Автор: rps
  • IceBB
  • rps
  • Откуда: Россия Нижний Новгород
  • Зарегистрирован: 2008-01-28
  • Приглашений: 0
  • Сообщений: 141
  • Уважение: +3
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 34 [1991-01-15]
  • Провел на форуме:
    15 часов 33 минуты
  • Последний визит:
    2008-07-28 21:29:03

Ширина таблиц на главной

Код:
<style>
#pun {width:ЗНАЧЕНИЕ}
</style>

Цвет тему просматривают, рамка вокруг места для написания поста, смена цвета надписи "напишите ваше сообщение и нажмите отправить"

Код:
<style>
#pun #pun-viewtopic #pun-main .modmenu .container , #pun #pun-viewtopic #pun-main .modmenu .container b {color: red}

#pun #pun-viewtopic #pun-main .formal #post fieldset legend span {background-color: black ; color: white}

#pun #pun-viewtopic #pun-main .formal #post fieldset {border-color: red}
</style>

Первый блок - тему просматривают(цвет)
второй - "напишите ваваше сообщение и нажмите отправить" (цвет фона и цвет самого текста)
третий - "рамка"

Цвет ссылки на профиль(НИК, при нажатии на него -профиль)

Код:
<style>
#pun #pun-userlist #pun-main .usertable .container table tbody .altstyle .tcl .usersname, 
#pun #pun-userlist #pun-main .usertable .container table tbody tr .tcl .usersname a:link {color: red;}

#pun #pun-userlist #pun-main .usertable .container table tbody .altstyle .tcl .usersname,
#pun #pun-userlist #pun-main .usertable .container table tbody tr .tcl .usersname a:hover {color: black;}

#pun #pun-userlist #pun-main .usertable .container table tbody .altstyle .tcl .usersname, 
#pun #pun-userlist #pun-main .usertable .container table tbody tr .tcl .usersname a:visited {color: white} 

</style>

Первый блок - цвет просто ссылки
Второй блок - цвет ссылки под курсором
Третий блок - посещенная ссылка!!!

Сделать все данные пользователя по центру

Код:
<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-reg{ text-align: center;}
.pa-posts{ text-align: center;}
.pa-reputation{ text-align: center;}
.pa-sex{ text-align: center;}
.pa-icq{ text-align: center;}
.pa-ip{ text-align: center;}
.pa-online{ text-align: center;}
.pa-age{ text-align: center;}
.pa-mailagent{ text-align: center;}
.pa-reg { text-align: center;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
.pa-time-visit{ text-align: center;}
.pa-last-visit{ text-align: center;}
.pa-fld1{ text-align: center;}
.pa-fld2{ text-align: center;}
.pa-fld3{ text-align: center;}
</style>

0

5

  • Автор: rps
  • IceBB
  • rps
  • Откуда: Россия Нижний Новгород
  • Зарегистрирован: 2008-01-28
  • Приглашений: 0
  • Сообщений: 141
  • Уважение: +3
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 34 [1991-01-15]
  • Провел на форуме:
    15 часов 33 минуты
  • Последний визит:
    2008-07-28 21:29:03

Убрать обьявление на странице ПОСТОВ

Код:
<style>
#pun #pun-viewtopic #pun-announcement{display: none}
</style>

Сделать весь форум курсивом

Код:
<style>
#pun #pun-index, #pun #pun-viewtopic, #pun .punbb{font-style: italic}
</style>

Изменить/поставить значки возле ссылок "форум" , "Участники" , "Правила" и тд

Код:
<style>
#pun #pun-index #pun-navlinks .container #navindex,
#pun #pun-index #pun-navlinks .container #navuserlist,
#pun #pun-index #pun-navlinks .container #navsearch,
#pun #pun-index #pun-navlinks .container #navprofile,
#pun #pun-index #pun-navlinks .container #navpm,
#pun #pun-index #pun-navlinks .container #navadmin,
#pun #pun-index #pun-navlinks .container #navlogout,
#pun #pun-index #pun-navlinks .container #navregister,
#pun #pun-index #pun-navlinks .container #navlogin,

#pun .punbb #pun-navlinks .container #navindex,
#pun .punbb #pun-navlinks .container #navuserlist,
#pun .punbb #pun-navlinks .container #navsearch,
#pun .punbb #pun-navlinks .container #navprofile,
#pun .punbb #pun-navlinks .container #navpm,
#pun .punbb #pun-navlinks .container #navadmin,
#pun .punbb #pun-navlinks .container #navlogout,
#pun .punbb #pun-navlinks .container #navregister,
#pun .punbb #pun-navlinks .container #navlogin

{background-image: url(Рисунок)}
</style>

Изменить фон таблиц

Код:
<style>
#pun #pun-index #pun-main .category .container table .hasicon .alt1 .tcl,
#pun #pun-index #pun-main .category .container table .hasicon .alt2 .tcl,
#pun #pun-index #pun-main .category .container table .hasicon .alt1 .tc2,
#pun #pun-index #pun-main .category .container table .hasicon .alt2 .tc2,
#pun #pun-index #pun-main .category .container table .hasicon .alt1 .tc3,
#pun #pun-index #pun-main .category .container table .hasicon .alt2 .tc3,
#pun #pun-index #pun-main .category .container table .hasicon .alt1 .tcr,
#pun #pun-index #pun-main .category .container table .hasicon .alt2 .tcr  {background-image: url(Рисунок)} 
</style>

Цвет полосы прокрутки. Только для IE

Код:
<style>
html, body{scrollbar-base-color: red}
</style>

Убрать слово "Обьявление"

Код:
<style>
#pun #pun-index #pun-announcement h2 span {display: none}
</style>

Сменить значок в строке адреса браузера

Код:
<link rel="shortcut icon" href="ССыль" type="image/x-icon">

0

Страница: 1

Вы здесь » Форум техической поддержи » Справочная » Наиболее востребованные коды CSS.

Рейтинг форумов | Создать форум бесплатно