Часто используемые коды css

Поделиться115.05.2009 14:39:00

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

автор Andriy

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

Тут самые востребованные коды CSS

+1

Поделиться215.05.2009 14:39:26

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

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

<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

Поделиться315.05.2009 14:39:56

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

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

<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

0

Поделиться415.05.2009 14:40:24

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

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

<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>

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

<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 - при наведении
Это кроме меню навигации и ссылок снизу, они задаються соответственно

0

Поделиться515.05.2009 14:40:48

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

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

<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: цвет поля с названием форума и цвет самого названия форума

0

Поделиться615.05.2009 14:41:20

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

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

<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

Поделиться715.05.2009 14:41:45

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

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

<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>

0

Поделиться815.05.2009 14:42:22

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

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

<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

Поделиться929.05.2009 19:56:00

Автор: чей-то голос
Новичок
Зарегистрирован: 29.05.2009
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: 0
Провел на форуме:
3 часа 49 минут
Последний визит:
03.11.2009 19:32:24

можно узнать? какой скрипт нужет что бы поставить ссылки в табличку как сдесь?

0

Поделиться1029.05.2009 20:16:20

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

чей-то голос
Форма быстрого перехода между разделами (либо перехода куда угодно)

0

Поделиться1129.05.2009 20:48:50

Автор: чей-то голос
Новичок
Зарегистрирован: 29.05.2009
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: 0
Провел на форуме:
3 часа 49 минут
Последний визит:
03.11.2009 19:32:24

спс)

0

Поделиться1230.05.2009 18:56:07

Автор: Tan4a
Активный участник
Зарегистрирован: 30.05.2009
Приглашений: 0
Сообщений: 56
Уважение: +2
Позитив: +10
Провел на форуме:
18 часов 28 минут
Последний визит:
24.04.2010 14:50:48

Я совсем новичёк, как само поле, то что тут чёрное, другим цветом?

0

Поделиться1330.05.2009 21:01:28

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

Дафна
Цвет указываете какой нужен.

<style type="text/css">
#pun-ulinks .container {background-color: #ffffff;}
#pun-status .container {background-color: #ffffff;}
#pun-main h2 {background-color: #ffffff;}
#pun th {background-color: #ffffff;}
#pun .tcl {background-color: #ffffff;}
#pun .tc2 {background-color: #ffffff;}
#pun .tc3 {background-color: #ffffff;}
#pun .tcr {background-color: #ffffff;}
#pun-stats .container {background-color: #ffffff;}
</style>

0

Поделиться1431.05.2009 09:54:07

Автор: Tan4a
Активный участник
Зарегистрирован: 30.05.2009
Приглашений: 0
Сообщений: 56
Уважение: +2
Позитив: +10
Провел на форуме:
18 часов 28 минут
Последний визит:
24.04.2010 14:50:48

Спасибо)

0

Поделиться1531.05.2009 20:51:00

Автор: Бразилия Сантос
Активный участник
Зарегистрирован: 31.05.2009
Приглашений: 0
Сообщений: 38
Уважение: +1
Позитив: +9
Провел на форуме:
9 часов 55 минут
Последний визит:
18.12.2009 01:43:57

Как сделать чтобы в статусе была картинка

0

Поделиться1631.05.2009 21:00:39

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

Бразилия Сантос
<img src="адрес картинки" />

+1

Поделиться1731.05.2009 23:08:36

Автор: Бразилия Сантос
Активный участник
Зарегистрирован: 31.05.2009
Приглашений: 0
Сообщений: 38
Уважение: +1
Позитив: +9
Провел на форуме:
9 часов 55 минут
Последний визит:
18.12.2009 01:43:57

Paranoia Doll
пасибо. А какого размера должна быть? Заодно какого размера должен быть баннер?

И можно код на замену иконок. И размер :blush:

0

Поделиться1831.05.2009 23:42:56

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

Бразилия Сантос написал(а):

А какого размера должна быть?

На ваше усмотрение. Главное, чтобы влезала картинка в профиль.

Бразилия Сантос написал(а):

Заодно какого размера должен быть баннер?

Стандартная кнопка 88х31

Бразилия Сантос написал(а):

И можно код на замену иконок. И размер

Размер не сильно большой, в пределах 30х30 пикселей.

<style>
.punbb table Div.icon {float: left; display: block; width: 30px; height: 30px; border-style: none;
background-image: url(картинка нет новых сообщений);
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url(картинка новое сообщение) no-repeat;}
TR.isticky Div.icon {
background: url(картинка важная тема) no-repeat;}
TR.iclosed Div.icon {
background: url(Картинка закрытая тема) no-repeat;}
TR.iredirect Div.icon {
background: url(Картинка перенесённая тема) no-repeat;}
</style>

0

Поделиться1901.06.2009 15:44:18

Автор: Бразилия Сантос
Активный участник
Зарегистрирован: 31.05.2009
Приглашений: 0
Сообщений: 38
Уважение: +1
Позитив: +9
Провел на форуме:
9 часов 55 минут
Последний визит:
18.12.2009 01:43:57

Paranoia Doll
спасибо большое))
Вот, забыла еще сразу спросить - не могу найти код чтобы ники админа, модера, почетных были заданного цвета. Получается сделать так что только внизу написано(

И никак не могу сделать одну вещь - на определенном форуме, на главной странице в этой же строке была ссылка на тему из этого форума. То есть. например новости. И была она заданного цвета. Я нашла как вставить, но цвет поменять не получается

0

Поделиться2001.06.2009 15:49:51

Автор: Paranoia Doll
Расправьтесь крылья...
Откуда: Псков
Зарегистрирован: 14.05.2009
Приглашений: 0
Сообщений: 8420
Уважение: +635
Позитив: +240
Пол: Женский
Возраст: 30 [1993-07-22]
Провел на форуме:
1 месяц 30 дней
Последний визит:
24.11.2019 03:47:57

Бразилия Сантос написал(а):

код чтобы ники админа, модера, почетных были заданного цвета

В хтмл-низ. Ники (в кавычках и через запятую) и цвета меняете на свои.

<script type="text/javascript">
inColor("#8A2BE2", new Array("Paranoia Doll"))
inColor("#3333FF", new Array("Death-san", "Чертик", "Вирона", "Корлисса", "Пенелопа"))
inColor("#005400", new Array("Даshик", "Пти4ка", "Гарольд", "BeJI4@-rin", "ЦитруС", "Вивьен"))
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
}}}}
</script>