.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;
}