Часто встречающиеся коды CSS

Страница: 1

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

Поделиться12011-10-26 17:30:07

Автор: Toshiro-kun
Да, модератор я, угу
Зарегистрирован: 2010-03-08
Приглашений: 0
Сообщений: 3766
Уважение: +1013
Позитив: +9
Пол: Мужской
Возраст: 33 [1990-08-29]
Провел на форуме:
1 месяц 5 дней
Последний визит:
2012-08-11 15:49:22

Решил дополнить и обновить уже существующую темку.
Все что тут есть, имеется на форме в разбросанном виде. По надобности, тема будет дополняться новыми кодами.
Тег <style></style> - прописывается всегда в HTML-верх.
PS: большая просьба - в теме за зря не флудить, и не набивать сообщения.

Шапка форума

Вариант №1

<style type="text/css">
#pun-title table{height: высотаpx; width: ширинаpx}
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(ссылка на картинку);}
</style>

Вариант №2

<img id="Mylogo" src="ссылка на картинку с шапкой" />
<style type="text/css">
#Mylogo {width: 100%; margin: auto;}
</style>

Размер тела форума

<style type="text/css">
#pun {width: 68%; margin: auto; }
</style>

Так же число можно прописать в пикселях т.е. вместо 68% Прописываете 800px (допустим) так будет проще подобрать
ту же таблицу к вашему форуму, в четких пропорциях.

Фон форума

<style type="text/css">
HTML , BODY {
background-image : url(ссылка на фон);

}
</style>

Дополнительные эллементы что вы можите указать

background-attachment: fixed; - фоновая картинка не подвижна. Если данный элемент не указан, тогда фоновая картинка будет прокручиваться вместе с форумом
background: #цвет фона - цвет фона форума который не взят в рамки изображения, а так же фон переадресации. (подходит для вариантов форума, где шапка слита с самим фоном, и сам фон не содержит в себе картинку. Что бы не нагружать лишними элементами - проще подобрать цвет)
background-position: left; center; right; top; center; bottom (Лево, центр, право, по верхнему краю, по нижнему) Положение вашего фона, к данному элементу, нужно будет применить дополнительные позиции
background-repeat: no-repeat; repeat; repeat-x; repeat-y - Отвечает за повтор вашего фоного изображения (так же можно указать повторени только по вертикали или горизонтали)

Навигационное/пользовательское меню

1. Расположение

text-align: center;
text-align: left;
text-align: right;

2. Поднять/Опустить

margin-top: числоpx;

Обычно используеться отрицательное число при поднятии, а при опуске - положительное.

3. Изменить размер шрифта

font-size: числоpx;

4. Изменить начетание

font-family: Название шрифта (имя)

Все данные css эллементы добавляются в код

(Для навигационного меню)

<style type="text/css">
#pun-navlinks .container {
text-align: center;
}
</style>

(Для пользовательского меню)

<style type="text/css">
#pun-ulinks .container {
text-align: center;
}
</style>

Вместо или в дополнении к выделенному.

Названия категорий

1. Расположение

text-align: center;
text-align: left;
text-align: right;

2. Отцентрировать название

padding-top: 31px!important;

3. Изменить размер шрифта

font-size: числоpx;

4. Изменить начертание

font-family: Название шрифта (имя)

Все данные css элементы добавляются в код

<style> #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2
{text-align: center;
}</style>

Вместо или в дополнение к выделенному.

Иконки новых, старых, закрытых и важных тем

<style>
.punbb table Div.icon {float: left; display: block; width: 121px; height: 101px; border-style: none; background-image: url(старые); background-repeat: no-repeat; position: relative; margin-right: 0px;}
TR.inew Div.icon {
background: url(новые) no-repeat;}
TR.isticky Div.icon {
background: url(важные) no-repeat;}
TR.iclosed Div.icon {
background: url(закрытые) no-repeat;}
</style>

Самый универсальный код, в котором можно указать все, что нужно: размер иконок (высоту и ширину) расположение иконок (лево право left, right)

Картинка в статистику

<style>#pun-stats ul.container {
background: transparent url(ссылка на картинку) no-repeat 20px 20px;
padding-left: 200px;
}</style>

Указывается число отступа с одной и другой стороны, а так же величина отступа от самой статистики

Обводка цитаты и кода в посте

<style>
.punbb .post-content .quote-box, .punbb .post-content .code-box {
border-style: solid;
border-width: 1px;
}</style>

border-style: none; hidden; dotted; dashed; solid; double; groove; ridge; inset; outset; - начертание/узор
http://s43.radikal.ru/i100/1110/6f/ba2f8fee8949.jpg
border-width: 1px; - толщина линии

Так же можно сделать рамку с закругленными краями для этого нужно добавить

border: 1px solid #цвет;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;

и тень к ней

-webkit-box-shadow:1px 4px 8px #цвет;
-khtml-box-shadow:1px 4px 8px #цвет;
-moz-box-shadow:1px 4px 8px #цвет;

цвет толщина и начертание границ - выбирается вами самостоятельно

Информация под аватаром

text-align: center; left: right- положение информации

Так же можно указать любой другой параметр указанный выше к данному элементу.

Положение слов: Форум, сообщения, темы и т.д.

<style type="text/css"> #pun th {
text-align: center;
}
</style>

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

<style>
#pun-announcement h2{
display: none;}</style>

Перемещение рекламного баннера

<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 670px; top: 0px
}
</style>

left: 670px - перемещение баннера по шапке по горизонтали (до 550 - максимальное значение)
top: 0px - перемещение баннера по шапке вертикально (не заходите слишком низко от меню - это уже считается "запрещенной зоной")
Так же вы можете расположить свой рекламный баннер над шапкой создавая небольшой отступ сверху

<style>
#pun {top: 40px}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 670px; top: 0px
}
</style>

40px - отступ сверху форума, для баннера

Замена шрифта на всем форуме

<style>
.punbb {
font-family: Century Gothic;}
</style>

Прозрачность форума

Вариант №1 Только прозрачность

<style type="text/css">
.category .container {background: transparent none !important; }
.punbb td.tcl, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr{
background: transparent none !important;
}
.punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.punbb textarea, .punbb .quote-box, .punbb .code-box, #pun-crumbs2 .container, #pun-about .container, .punbb .section .formal .container, .punbb .altstyle h3, .punbb .altstyle .container, #pun-navlinks .container, #pun-ulinks .container, #profilenav h2 span, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr, #viewprofile li strong, #pun-title h1, #pun-stats div.statscon, #viewprofile li div, #setmods dd,.punbb #pun-main .info-box .legend, .punbb .post-links, .punbb .formal fieldset, .punbb .post-body, .post-box, .punbb .altstyle .post-links, .punbb .altstyle .post-body, .altstyle .post-box, .punbb th, .punbb legend span, .punbb .post h3 span, .punbb .altstyle h3 span, #viewprofile h2 span{
background: transparent none !important;
}
</style>

Вариант №2 Прозрачность и отсутствие линий (полное)

<style type="text/css">
.category .container {background: transparent none !important; }
.punbb td.tcl, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr{
background: transparent none !important;
}
.punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.punbb textarea, .punbb .quote-box, .punbb .code-box, #pun-crumbs2 .container, #pun-about .container, .punbb .section .formal .container, .punbb .altstyle h3, .punbb .altstyle .container, #pun-navlinks .container, #pun-ulinks .container, #profilenav h2 span, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr, #viewprofile li strong, #pun-title h1, #pun-stats div.statscon, #viewprofile li div, #setmods dd,.punbb #pun-main .info-box .legend, .punbb .post-links, .punbb .formal fieldset, .punbb .post-body, .post-box, .punbb .altstyle .post-links, .punbb .altstyle .post-body, .altstyle .post-box, .punbb th, .punbb legend span, .punbb .post h3 span, .punbb .altstyle h3 span, #viewprofile h2 span{
background: transparent none !important;}
*{
border: none !important;
}
</style>

Вариант №2 Полупрозрачность

<style type="text/css">
.category .container {background-color: url(ссылка на картинку) !important; }
.punbb td.tcl, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr{
background-color: url(ссылка на картинку) !important;
}
.punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.punbb textarea, .punbb .quote-box, .punbb .code-box, #pun-crumbs2 .container, #pun-about .container, .punbb .section .formal .container, .punbb .altstyle h3, .punbb .altstyle .container, #pun-navlinks .container, #pun-ulinks .container, #profilenav h2 span, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr, #viewprofile li strong, #pun-title h1, #pun-stats div.statscon, #viewprofile li div, #setmods dd,.punbb #pun-main .info-box .legend, .punbb .post-links, .punbb .formal fieldset, .punbb .post-body, .post-box, .punbb .altstyle .post-links, .punbb .altstyle .post-body, .altstyle .post-box, .punbb th, .punbb legend span, .punbb .post h3 span, .punbb .altstyle h3 span, #viewprofile h2 span{
background-color: url(ссылка на картинку) !important;}
</style>

url(ссылка на картинку) - ставиться картинка любого размера однотонная (единый цвет) с прозрачностью от 5 до 95 % (делается в ФШ)

Разделитель подписи

<style>
.punbb .post-sig dt {
border-top-color: #020000 !important;
}
</style>

020000 - цвет линии из таблицы безопасных цветов

Убрать Название форума

<style type="text/css">
#pun-title h1 span {display: none;}
</style>

Замена названий в категориях на картинки

<style>
#pun-category1 h2 {height: 62px; background-image: url("картинка"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent; display: none;}
</style>

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

Полезные ссылки:

RGB палитра безопасных цветов
Основные теги языка HTML
Помощь в функции "Свой стиль"
Генератор стилей
Навигатор по скриптам

Поделиться22011-12-16 19:44:40

Автор: Герда
Помощник ZeroParking
Откуда: Москва
Зарегистрирован: 2007-12-24
Приглашений: 0
Сообщений: 604
Уважение: +84
Позитив: +50
Пол: Женский
Возраст: 33 [1990-05-17]
Провел на форуме:
7 дней 11 часов
Последний визит:
2013-05-20 10:26:14

Часто используемые коды CSS (faq с mybb) источник
Сделать название темы и ее описание посредине

Код:

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

Поделиться32011-12-19 17:18:31

Автор: Oleg_Kiselef
Новичок
Зарегистрирован: 2011-12-18
Приглашений: 0
Сообщений: 9
Уважение: 0
Позитив: +2
Провел на форуме:
3 часа 51 минуту
Последний визит:
2011-12-29 22:17:57

Спасибо очень помогло.

Поделиться42011-12-24 23:26:07

Автор: Белкака
Форумчанин
Откуда: Смела
Зарегистрирован: 2011-12-15
Приглашений: 0
Сообщений: 44
Уважение: 0
Позитив: +1
Пол: Женский
Провел на форуме:
17 часов 7 минут
Последний визит:
2012-09-07 20:06:27

Toshiro-kun написал(а):

background-attachment: fixed; - фоновая картинка не подвижна. Если данный элемент не указан, тогда фоновая картинка будет прокручиваться вместе с форумом

А куда это ставить?

Поделиться52011-12-26 13:35:11

Автор: Белкака
Форумчанин
Откуда: Смела
Зарегистрирован: 2011-12-15
Приглашений: 0
Сообщений: 44
Уважение: 0
Позитив: +1
Пол: Женский
Провел на форуме:
17 часов 7 минут
Последний визит:
2012-09-07 20:06:27

А как зделать что бы фон и шапка сливались?

http://diariesthevampire.mybb.ru/

Поделиться62012-04-11 15:21:13

Автор: ~Дашусик~
Форумчанин
Зарегистрирован: 2010-04-17
Приглашений: 0
Сообщений: 28
Уважение: 0
Позитив: +2
Провел на форуме:
17 часов 54 минуты
Последний визит:
2013-10-12 17:16:59

А куда вставлять код на картинку в статистике и в категориях???

Поделиться72012-04-11 19:08:09

Автор: Tusich
Cмотритель
Откуда: Питер
Зарегистрирован: 2009-04-03
Приглашений: 0
Сообщений: 1387
Уважение: +150
Позитив: +81
Пол: Женский
Возраст: 37 [1986-06-04]
Провел на форуме:
1 месяц 11 дней
Последний визит:
2017-04-28 10:50:54

~Дашусик~ написал(а):

А куда вставлять код на картинку в статистике и в категориях???

если у Вас свой стиль стоит, то попробуйте в конец второго окна стиля вот это вот поставить:

#pun-stats ul.container {
background: transparent url(ссылка на картинку) no-repeat 10px 5px;
padding-left: 100px;
}

красным адрес картинки, загружать в файлы (администрирование - файлы)
синим меняете на своё значение, это отступ слева и сверху картинки
розовым ширина вашей картинки

_______________________

а если просто скриптом хотите и вашего стиля нет, то вот такую штуку надо поставить в HTML-верх (администрирование - настройки)

<style>#pun-stats ul.container {
background: transparent url(ссылка на картинку) no-repeat 20px 20px;
padding-left: 100px;
}</style>

где красным адрес картинки вашей
синим отступ картинки слева и сверху
розовым ширина вашей картинки

Поделиться82012-04-11 19:11:02

Автор: Tusich
Cмотритель
Откуда: Питер
Зарегистрирован: 2009-04-03
Приглашений: 0
Сообщений: 1387
Уважение: +150
Позитив: +81
Пол: Женский
Возраст: 37 [1986-06-04]
Провел на форуме:
1 месяц 11 дней
Последний визит:
2017-04-28 10:50:54

Белкака написал(а):

А как зделать что бы фон и шапка сливались?

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

Поделиться92012-04-17 21:30:08

Автор: Белкака
Форумчанин
Откуда: Смела
Зарегистрирован: 2011-12-15
Приглашений: 0
Сообщений: 44
Уважение: 0
Позитив: +1
Пол: Женский
Провел на форуме:
17 часов 7 минут
Последний визит:
2012-09-07 20:06:27

Вставляю шапку размерами 850х500, а она вот такая. Что делать? Помогите!

А должна быть такой.

***

Отредактировано Белкака (2012-04-19 17:09:04)

Поделиться102012-04-24 07:58:25

Автор: MellRose Brown
Новичок
Зарегистрирован: 2012-03-27
Приглашений: 0
Сообщений: 9
Уважение: 0
Позитив: 0
Пол: Женский
Провел на форуме:
7 часов 23 минуты
Последний визит:
2012-08-24 15:15:06

Белкака
Вставьте это в HTML-верх

Код:

<style type="text/css">
#pun-title table{height: 500px; width: 850px}
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(http://uploads.ru/i/Q/h/C/QhCAS.jpg);}
</style>

Попробуйте

Поделиться112012-04-24 18:23:10

Автор: Белкака
Форумчанин
Откуда: Смела
Зарегистрирован: 2011-12-15
Приглашений: 0
Сообщений: 44
Уважение: 0
Позитив: +1
Пол: Женский
Провел на форуме:
17 часов 7 минут
Последний визит:
2012-09-07 20:06:27

MellRose Brown
Спасибочки, золото!!!

Поделиться122012-04-30 10:56:50

Автор: PlatonT
Новичок
Зарегистрирован: 2012-04-30
Приглашений: 0
Сообщений: 2
Уважение: 0
Позитив: 0
Провел на форуме:
25 минут
Последний визит:
2019-04-23 23:44:58

Здрасте, не получается сделать Прозрачность форума Вариант №2 Полупрозрачность, а именно: "url(ссылка на картинку) - ставиться картинка любого размера однотонная (единый цвет) с прозрачностью от 5 до 95 % (делается в ФШ)" что то с этим не стыкуха, помогите

Поделиться132012-04-30 11:12:32

Автор: Ви
Может и модератор
Зарегистрирован: 2008-12-29
Приглашений: 0
Сообщений: 2220
Уважение: +253
Позитив: +31
Пол: Женский
Возраст: 29 [1994-11-23]
Провел на форуме:
1 месяц 4 дня
Последний визит:
2012-08-16 18:17:18

PlatonT, а что именно не получается? Вам картинка нужна?

Поделиться142012-05-22 18:19:00

Автор: andaralla
Новичок
Зарегистрирован: 2012-05-22
Приглашений: 0
Сообщений: 10
Уважение: 0
Позитив: 0
Провел на форуме:
1 час 49 минут
Последний визит:
2012-05-24 01:41:03

Спасибки учту=)

Поделиться152016-06-22 10:06:54

Автор: валерка
Новичок
Зарегистрирован: 2016-06-19
Приглашений: 0
Сообщений: 10
Уважение: 0
Позитив: 0
Провел на форуме:
6 часов 1 минуту
Последний визит:
2016-08-30 16:47:35

Позновательно! Буду пробывать сделать

Страница: 1

Вопросы насчет форума 8 <	Архив тем	2012-01-22
Старая шапка	Оформление форумов	2011-12-02
Вопросы по поводу оформления..	Оформление форумов	2012-02-21
Новые сообщения, активные темы и т.д по центру	Оформление форумов	2012-03-04

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

Меню навигации

Пользовательские ссылки

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

Часто встречающиеся коды CSS

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

Поделиться12011-10-26 17:30:07

Поделиться22011-12-16 19:44:40

Поделиться32011-12-19 17:18:31

Поделиться42011-12-24 23:26:07

Поделиться52011-12-26 13:35:11

Поделиться62012-04-11 15:21:13

Поделиться72012-04-11 19:08:09

Поделиться82012-04-11 19:11:02

Поделиться92012-04-17 21:30:08

Поделиться102012-04-24 07:58:25

Поделиться112012-04-24 18:23:10

Поделиться122012-04-30 10:56:50

Поделиться132012-04-30 11:12:32

Поделиться142012-05-22 18:19:00

Поделиться152016-06-22 10:06:54

Похожие темы