.Jeevas
у меня включен свой стиль
Делаем дизайн самостоятельно (для новичков)
Сообщений 61 страница 90 из 92
Поделиться6105.02.2010 12:20:48
Поделиться6205.02.2010 12:37:54
Yuko-san
.читаем пост #54.
вот,например, ваш код, выделенное смотрим.
/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-color: #888888; background-image: url("http://s005.radikal.ru/i212/1002/8b/cfbb533d6f3e.jpg"); background-repeat : repeaty;}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #FFE4C4;
color: #776040;
}/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #FFE4C4;
color: #776040;
}/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #DDC2A2;
color: #FFFCFC;
font-weight: bold;
font-style: italic;
background-image: url(http://i052.radikal.ru/0909/57/240d2a050c4f.jpg);}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #BC8F8F;
color: #776040;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #FFE4C4;
color: #776040
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #FFE4C4;
color: #776040
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #EFD4B4;
color: #776040
}/* CS1.8 */
#pun-navlinks .container {
background-color: #D19275;
color: #FFFCFC;
}.offline li.pa-online strong {
font-weight: normal
}.punbb textarea, .punbb select, .punbb input {
background-color: #D2B48C;
color: #776040
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #DDC2A2 #DDC2A2 #DDC2A2 #DDC2A2
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #C2A47C
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #DDC2A2;
}/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {border-color: transparent;
}/* CS2.5 */
.punbb th {
border-color: #FFE4C4
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #DFC4A4 #FFFFE4 #FFFFE4 #DFC4A4;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #DFC4A4
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #FFFFE4
}.punbb .divider {
border-color: #DFC4A4 #FFFFE4 #FFFFE4 #FFFFE4
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}li.pa-online {
border-left-color: #D19275;
}.punbb .post-sig dt {
border-top-color: #FFE4C4 !important;
}/* CS3 Links
-------------------------------------------------------------*//* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #D2691E;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #000;
text-decoration: underline;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #776040
}/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #BBA080;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #000;
text-decoration: underline;}
/* CS3.3 */
#pun-navlinks a {
color: #FFFCFC;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #FFFCFC;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #000;
text-decoration: underline;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}/* CS4 Post status icons
-------------------------------------------------------------*/div.icon {border-color: #D2691E #B24900 #A23900 #B24900}
tr.iredirect div.icon {border-color: #FFE4C4 #FFE4C4 #FFE4C4 #FFE4C4}
div.inew {border-color: #FFF7F7 #DFD7D7 #CFC7C7 #DFD7D7}#pun-main div.catleft, #pun-main div.catright {display: none}
.ссылку на свою картинку ставите.
Отредактировано .Jeevas (05.02.2010 12:41:02)
Поделиться6305.02.2010 13:07:51
Спасибо! 
Поделиться6427.02.2010 09:48:32
2. Самостоятельно делаем цветовую схему в генераторе http://mybb.ru/generator/
а где у нас это находится?
Поделиться6527.02.2010 09:57:12
У меня все есть, исходные и конкретные задачи. Мне бы пока только шапку, фон на котором таблица , и иконки тем.
http://ezoterika.rusff.me
Поделиться6627.02.2010 14:23:57
а где у нас это находится?
У нас - это в каком смысле?
Свои иконки вместо стандартных
Как сделать фон и правильно его настроить?
Поделиться6727.02.2010 15:55:31
У нас - это в каком смысле?
у нас на форуме
, то что вы скинули
Самостоятельно делаем цветовую схему в генераторе http://mybb.ru/generator/
это у нас на форуме есть?
спасибо за советы

Поделиться6927.02.2010 19:12:14
это у нас на форуме есть?
Это универсальный генератор для всех форумов.
Das_schwarze_Eis
<style type="text/css">
html, body {background-image: url(адрес картинки для фона);}
#pun-main .formal textarea {background-image: url(адрес картинки для формы ввода текста); background-repeat: no-repeat; background-position: top right;}
</style>
Поделиться7028.02.2010 10:59:15
<style type="text/css">
html, body {background-image: url(адрес картинки для фона);}
#pun-main .formal textarea {background-image: url(адрес картинки для формы ввода текста); background-repeat: no-repeat; background-position: top right;}
</style>
ой, я не поняла для чего был этот скрипт? 
Поделиться7128.02.2010 11:03:58
Paranoia Doll
Могу я у себя текст: Форум Участники Награды Правила Поиск Профиль Сообщения Администрирование Выход
заменить на ваш шрифт 
если да то как? так же и этот :Новые сообщения Активные темы Темы без ответов Мои сообщения Подписка Все прочитано
а еще просьба, после установки шапки у меня появилось ненужное пространство под шапкой, как его убрать?
http://ezoterika.rusff.me/
спасибо
Поделиться7228.02.2010 11:08:27
Paranoia Doll
мне нужно настроить фон на котором таблица , и иконки тем.
http://ezoterika.rusff.me пожалуйста помогите.
Поделиться7328.02.2010 11:10:10
а еще просьба, после установки шапки у меня появилось ненужное пространство под шапкой, как его убрать?http://ezoterika.rusff.me/
<style type="text/css">
#pun-title table {background-image : url(ссылка на картинку);
height : 132px;
}
</style>
выделенное жирным это высота шапки, которую вы меняете на свою
Поделиться7428.02.2010 11:32:52
Вирона
от спасибочки, щас попробую 
в общем у меня стоит в хтмл верх скрипт на картинку, я там не вижу где менять пиксели
<img id="Mylogo" src="http://s49.radikal.ru/i126/1002/a7/5e887bb280b7.jpg" />
<style type="text/css">
#Mylogo {width: 100%; margin: 0 0 0 0;}
</style>
и вообще мы тока размер шапки можем менять?
я думала что можно уменьшить пространство между картинкой и таблицей. Нет?
Отредактировано Nika (28.02.2010 11:53:28)
Поделиться7528.02.2010 17:30:58
Пожалуйста кто-нибудь ответьте мне на мои сообщения 71-72 
Поделиться7628.02.2010 18:10:16
в общем у меня стоит в хтмл верх скрипт на картинку, я там не вижу где менять пиксели
поставьте шапку скриптом с 73 поста, там как раз меняется высота
если не получится, то возможно это зависит от вашего стиля 
Поделиться7728.02.2010 19:37:43
поставьте шапку скриптом с 73 поста, там как раз меняется высота
поменялась ширина, и стиля своего у нас нет. это выбрано из стилей предоставленных на форуме.

Поделиться7828.02.2010 23:07:20
поменялась ширина, и стиля своего у нас нет. это выбрано из стилей предоставленных на форуме.
да я поняла, что это стандартный стиль, поэтому думаю пространство и остается... 
Поделиться7928.02.2010 23:09:55
поэтому думаю пространство и остается..
и что теперь так и останется?
http://ezoterika.rusff.me/ и ничего не сделать?
Поделиться8003.03.2010 09:53:43
тут есть кто нибудь живой? ответьте пожалуйста,
у меня что теперь так и останется пустое пространство под шапкой?
Поделиться8104.03.2010 15:58:22
Nika
ой, может у вас шапка размера другого?
Поделиться8206.03.2010 18:06:21
Dosya
гапку мне сделали, и я просила поставить мне, чтоб все всало как надо.
Но после того как получились проблемы, человек который делал просто не стал отвечать.
а я в этом деле лаймер и не знаю как изменить размеры.
Поделиться8306.03.2010 21:33:50
Nika
в стандартных стилях всегда так получается.
Поделиться8404.06.2010 17:17:08
А тут что то намудрила с кодом... В общем проверьте позязя, и если что можете исправить?
[hide=5]/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body{
background: url(http://www.lenagold.ru/fon/geom/shar/gelt/gelshar08.jpg);
}
#pun-title TABLE {
background: url(http://s004.radikal.ru/i206/1006/88/783c811e7483.jpg) transparent no-repeat center top;
}
html { background-color: transparent; }
#pun {
background: url(http://s004.radikal.ru/i206/1006/88/783c811e7483.jpg) transparent repeat-y center;
color: #000;
border-color: transparent;
}
body {
background-color: #5A3100;
}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #492500;
color: #020000;
}
#pun-title table {
background: url(Шапка) no-repeat;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #492500;
color: #020000;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #492500;
color: #020000;
font-weight: normal;
font-style: normal;
background-image: url(http://s55.radikal.ru/i149/1006/be/780479b6eb8d.png);
text-align: center;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #492500;
color: #020000;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #492500;
color: #020000
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #5A3100;
color: #020000
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #391500;
color: #020000
}
/* CS1.8 */
#pun-navlinks .container {
background: none;
color: #492500;
text-align: center;
}
#pun-ulinks .container {
text-align: center;
}
.offline li.pa-online strong {
font-weight: normal
}
.punbb textarea, .punbb select, .punbb input {
background-color: #5A3100;
color: #000
font-weight: normal
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #492500 #492500 #492500 #492500
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #4A2100
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #492500;
}
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #6B4711;
}
/* CS2.5 */
.punbb th {
border-color: #5A3100
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #290500 #694520 #694520 #290500;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #290500
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #694520
}
.punbb .divider {
border-color: #290500 #694520 #694520 #694520
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}
li.pa-online {
border-left-color: #492500;
}
.punbb .post-sig dt {
border-top-color: #6B4711 !important;
}
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #000;
border-bottom: 0px none #000;
text-decoration: underline;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #000;
border-bottom: 0px none #000;
text-decoration: underline;
}
/* CS3.3 */
#pun-navlinks a {
color: #000;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #000;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: underline;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(старое) no-repeat;
}
tr.inew div.icon {
background: url(новое) no-repeat;
}
tr.iclosed div.icon {
background: url(важно) no-repeat;
}
tr.iredirect div.icon {
background: url(закрыто) no-repeat;
}
tr.isticky div.icon {
background: url(перенесено) no-repeat;
}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-about p.container {
background: url(Стиль от меня) no-repeat; height: 102px;
}[/hide]Отредакировано, FeroDaR причина - структуру выкладывать через тег [code][/code] !
Поделиться8504.06.2010 17:25:37
Das_schwarze_Eis, какая ширина форума?А какая фона?И вообще, зачем нам цвета?Оо
Нам стркутура нужна Оо
Поделиться8604.06.2010 19:00:54
Александра, Ширина должна быть как на этом форуме. Там стоит вот такой вот кодик в хтмл вверх
<style type="text/css">
#pun {width:50%; margin: auto;}
</style>
Ширина фона. Думаю я правильно поняла.... Ну в обшем у меня экран 1920*1080.
Цвета? 0_0 Ну что бы было буковки видно!) Если что я просто переделывала в первый раз код из обычного редактора который мне дали ссылкой на этом форуме. Хотя я просила код для вставки в стиль с этими картинками...
В общем в паинте помудрила, и вот примерно вот такой штуки я хотела добиться(но не получилось):
Если я совсем не понятно написала, а я это умеюХ)... Мошно по ширине ориентироваться на "лимонное настроение".
Или на сколько я поняла могу кинуть заготовки...0_0
Форум -
Переходы -
Отредактировано Das_schwarze_Eis (04.06.2010 19:04:49)
Поделиться8715.06.2010 19:24:36
У меня вопрос... когда я изменила дизайн сайта, который был представлен в генераторе, у меня весь сайт сузился вот http://hollywood.ixbb.ru/ как мне вернуть ширину, которая была... ширину обычного сайта??
Поделиться8815.06.2010 19:35:45
Flash
ширину меняете в первом окошке
ищем эту часть
/* A5.1 */
#pun {
margin: 30px auto auto auto;
width : 820px;
padding: 6px;
выделенное - ширина форума, меняете
Поделиться8915.06.2010 20:02:48
Вирона
Спасибо большое, помогло... только после растяжки появилась другая проблема...
Посмотрите пожалуйста http://hollywood.ixbb.ru/ как это исправить??
Поделиться9015.06.2010 20:22:34
Flash
все не обязательно было менять) я имела ввиду цифру)
вы там скобочку потеряли
тоесть так должно быть
/* A5.1 */
#pun {
margin: 30px auto auto auto;
width : 820px;
padding: 6px;
}
