Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Часто используемые коды CSS


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

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

1

Все коды 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>

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

Код:
<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>

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

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

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

Код:
<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>

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

Код:
<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>

Цвет полосы прокрутки. Только для ИЕ
Код:

Код:
<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">

+5

2

а как сделать шрифт в профеле участников поменьше?

0

3

Один вопрос. Это всё в этой же последовательности?

0

4

Светик написал(а):

Один вопрос. Это всё в этой же последовательности?

В любой, как вам угодно. Это просто самые востребованные скрипты.

0

5

Я себе бошку когда-нибудь сломаю...
Вот еще вопрос: это в Файл .css или в Файл _cs.css

0

6

Читайте первый пост там все написано.

Отредактировано NoName (2008-04-09 09:00:34)

0

7

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

значение в пикселях?

0

8

и еще вопрос...

я скрипт для лого вставляю

<style>
#pun-title .title-logo {background-image: url (http://i29.tinypic.com/11lt0tx.jpg)}
</style>

а он не работает

0

9

Fabian Diamond написал(а):

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

значение в пикселях?

:yep: В пикселях

Fabian Diamond написал(а):

<style>
#pun-title .title-logo {background-image: url (http://i29.tinypic.com/11lt0tx.jpg)}
</style>

а он не работает

После url убери пробел и все вставится))) У меня вставилось по крайне й мере)

0

10

StupidBlond написал(а):

Fabian Diamond

Fabian Diamond написал(а):

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

значение в пикселях? В пикселях

Можно и так и так, но лучше в процентах, проще подобрать.

0

11

StupidBlond написал(а):

<style>
#pun-title .title-logo {background-image: url (http://i29.tinypic.com/11lt0tx.jpg)}
</style>
а он не работаетПосле url убери пробел и все вставится))) У меня вставилось по крайне й мере)

у меня оно и так не работает...

0

12

А какой код на цвет шапки таблиц, цвет разделительных линий в таблицах? Вот чтоб поменять не цвет а например место цвета, картинку там типа цветочки, звездочки. Я посмотрела, но что-то не совсем доезжаю. Надеюсь, вы поймете, о чем я говорю.

0

13

Dimitra написал(а):

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

С вашими иконками у меня всё получается, а с моими нет, в чём дело?

0

14

ЗайкО
Может размер иконок большой, или формат.

0

15

А есть СSS код, чтобы изменить названия стандартных пунктов меню?

0

16

Пламя
Да есть, смотри в скриптах.

0

17

Хочу порекомендовать ещё один полезный код. Это кнопка "Запомнить". Местом для установки кнопки я выбрал "Обьявления". Быть может кому-то понравится другое место на форуме.
http://i026.radikal.ru/0807/f7/1c23e99a42a1.gif

В представленном коде замените квадратные скобки на угловые и измените надписи и адрес на свои.

[FORM][BUTTON TYPE="SUBMIT" onClick="window.external.addFavorite('http://адрес вашего форума или сайта/', Текст который будет отображаться на линке!'); return false;"] Надпись на кнопке (Запомнить этот форум!)[/BUTTON][/FORM]

0

18

Простите. У меня возникло несколько вопросов относительно кодов.
Всё это замечательно, и всё помогает. Я очень благодарна.
1. Но не могли вы дать коды чтобы поставить фон [картинку] в категорию именно? Там где её название? Т.е. у меня на форуме это то, где написано "Академия"..." Город"... и так далее.
2. Код чтобы поставить картинку как фоон туда, где меню само. Форум/Администрирование.... и так далее. ^_^"
И ещё... ^___^""""
3. Код чтобы поставить фон для объявления. А то у меня там чёрный цвет просто. А я хочу поставить на фо картинку.
Я знаю, что я много хочу.
Помогите пожалуйста с кодами. ^___^
4. И да... Можно ли вместо белых по чёрном слов "Vampire Knight" в самом верху форума там где реклама ещё, была просто картинка со словами? Тоесть опять же это тот же фон получается... о__О

Домо аригато заранее

Отредактировано Nanao (2008-07-22 03:31:07)

0

19

Dimitra написал(а):
Код:
<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>

А скажите, куда это встовлять?

0

20

О все не надо, я разобралась! Спасибо большое! Сейчас форум стал гораздо красивие!

0

21

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

Просто используя этот код получаеться не совсем красиво...

Отредактировано AlTank (2008-08-13 23:33:29)

0

22

AlTank
Попробуй так.

<style>
HTML, BODY {background-image: url(ссылка на картинку); background-repeat:no-repeat; height:100% ; width:100%}
</style>

0

23

Спасибо большое https://forumupload.ru/uploads/0002/25/06/8547-4.gif но так картинка просто остаеться в одном экземпляре..  Под разрешение она не подгоняеться... Пробовал поэксперементировать с % но это не на картинку а на разделы форума настройка :(

Отредактировано AlTank (2008-08-14 11:53:53)

0

24

AlTank
тогда просто надо картинку побольше.

0

25

А так чтобы фон сам подгонялся под любое разрешение экрана, нельзя ??? Ведь у меня например 17 дюймов 1024/768... Если я подгою под себя то тот кто зайдет на форум с 19 дюймовки и более высоким разрешением увидит совсем другую картину... И она его врядли впечатлит  :(  Пожалуйста, если кто знает как это сделать, посоветуйте https://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

26

спасибо большое!!!! :cool:

0

27

AlTank
Надо просто все точно в пикселях ставить.

0

28

Ну как можно подобрать точное значение в пикселях ??? Ведь у всех пользователей разные разрешения... Вот когда например обои для рабочего стола скачиваеш, в свойствах экрана при настройке рабочего стола есть з варианта 1-По центру(тобиш по пикселам изображения) 2-Замостить (набрать из изображений мозаику) и 3-Растянуть... (придать картинке длинну и ширину экрана в пикселах) Вот я хочу чтобы фон приобретал сою длинну и ширину отталкиваясь от разрешения экрана, Ведь это хорошо, Потому что если я забью в скрипт длинну и ширину (естественно с своего монитора) то другой кто зайдет на форум с другогго компа увидит фон как просто коряво висящую картинку в левом верхнем углу... снизу и справа будет просто серая полоса... Это плохо...

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

Этот скрипт берет картинку и выполняет функцию замостить...

Этот скрипт просто вешает картинку в левом верхен углу...

А что нужно дописать в скрипт фона чтобы картинка на весь экран растягивалась?? Причем не важно какой экран 4:3 или 16:9...
Вот как сделать так чтобы форум позиционировался на весь экран по ширине, я уже сумел сделать... Верю в то что и картинку фона тоже можно растягивать...
Жду помощи второй день... Неужели я задал вопрос который никто не в состоянии решить ???
Бьюсь уже с этой проблемой второй день не смотря на вспомогательную литературу не понимаю как работает движок и все тут https://forumupload.ru/uploads/0002/25/06/8547-5.gif , подскажите пожалуста, Ну правда очень нада... Ведь не я один потом этот скрипт буду пользовать, Это на общее благо https://forumupload.ru/uploads/0002/25/06/8547-4.gif  У вас ведь больше опыта работы с сервисом...

Отредактировано AlTank (2008-08-15 06:50:27)

0

29

Скажите, а возможно сделать так:
когда напишешь в теме сообщение, иконка темы помечается уголком или точкой. Когда прочитаешь тему - иконка становится полупрозрачной.
А если не прочитаешь новые сообщения и выйдешь из форума, то в следующий раз эти сообщения опять горели как непрочитанные?

0

30

всем привет!
у меня есть форум, есть фоновое изображение с URL на него, но не могу заменить стандартный фон!
подскажите пожалуйста, каким кодом мне пользоваться?

-1


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Часто используемые коды CSS


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