Полностью с нуля дизайны на заказ не делаются!
Общие вопросы по дизайну
Сообщений 1 страница 30 из 175
Поделиться231.01.2010 19:01:37
Думаю мне сюда)) Начнe с того, что я ранее оформлением форума не занималась, но вот мне в голову стукнуло самой попробовать сделать свой дизайн (кстати, делала по темке с этого форума))
Сам дизайн я начала, но вот боюсь закончить не смогу, я запуталась, некоторые элементы у меня не отображаются, а общем бредятина какая-то получилась...(( посмотрите пожайлуста, что не так, если есть ошибки или что-то ещё исправляйте, лишь бы потом оформление отображалось. Кстати, возможно я не правильно или неграмотно подобрала цвета, так что это тоже можете изменить. Надеюсь меня поняли) теперь показываю, что у меня получилось :
<style type="text/css">
#pun-main .subscribelink {color: #d2a2ed}
#pun-main .formal .container {
color: #ecd2fd ;
}
#pun-main fieldset {
background-color : #e1c3f6; color: black;
}
#pun-main .fs-box {
background-color : #e6b1f7; color: black;
}
#pun-main .formsubmit input {
background-color : #e2baf9;
}
#pun-main .formal textarea {background-color : #eed5ff;}
</style>
<style type="text/css">
#pun-main .post h3 {border-color : #deb8f2;
background-color : #deb8f2;
}
#pun-main .post h3 span { border-color : #dec2ed;
color : #000000; background-color : #dec2ed;
}
#pun-main .post .permalink { color : #50176e;
}
#pun-main .post h3 strong { color : #480f58;
}
#pun-main .post-author ul {border-color : #7c22ac;
color : #000000; background-color : #deb8f2;
}
#pun-main .post .container {border-color : #deb8f2;
color : #000000; background-color : #deb8f2;
}
#pun-main .post-body { border-color : #fbccff;
color : #000000; background-color : #fbccff;
}
#pun-main .post-content {
background-color : #fbccff; color : #22032f;
}
#pun-main .quote-box {
color: #000000; background-color: #f5dafd;
}
#pun-main .code-box {color: #000000; background-color: #f5dafd;}
#pun-main .post-links li
#pun-main .post-links ul {background-color : #dec2ed;}
</style>
<style type="text/css">
HTML, BODY {background-color: #cc92e5; background-image: url (); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;}
#pun {background-color: #d2a2ed; width: 95%;}
#pun-title table {background-color : #000000;
height : 47px;
}
#pun-title .title-logo {background-image : url(http://s004.radikal.ru/i208/1001/dd/bbeaec91264a.gif );
background-repeat : no-repeat ; height : 47px;
}
#pun-title .title-logo span {display: none;}
#pun-navlinks .container {
padding-top : 4px; background-color : #4a014b ;
background-image : url(http://s001.radikal.ru/i196/1001/c3/cfc4589465a9.gif);
font-weight: bold;
text-align: center;
}
#pun-ulinks .container {
background-color : #ffffff !important;
}
#pun-ulinks a {
color : #702b8d
}
#pun-announcement h2 {background-color: #e9c9ff; color: black}
#pun-announcement .container {background-color: #e9c9ff; color: black}
#pun-status .container { color : black;
background-color : #e9c9ff;
}
#pun-crumbs1 .container, #pun-crumbs2 .container{
color : #570b76 ; background-color : #e9c9ff !important;
}
</style>
<style type="text/css">
#pun-main h2 {
color : #702b8d ;
background-color : transparent; background-image : url(http://s001.radikal.ru/i196/1001/c3/cfc4589465a9.gif);
}
#pun th {
color: #530e70; background-color : #ffffff; background-image : url(http://s001.radikal.ru/i193/1001/90/8a45103209cb.gif);
}
.punbb table Div.icon {float: left; display: block; width: 30px; height: 30px; border-style: none none none none;}
background-image : url(http://s47.radikal.ru/i116/1001/47/ffe1c22f96eb.gif);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://s47.radikal.ru/i116/1001/47/ffe1c22f96eb.gif);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}
#pun .tcl, #pun .tcr {width: 50%;color: #5d127e; background-color : #f2dbfe ;}
#pun .tc2 {width: 12,5%; color: #5d127e; background-color : #edd2ff;}
#pun .tc3 { width: 12,5%; color: #5d127e;
background-color : #edd2ff;
#pun .tcr {width: 25%; color: #5d127e; background-color : #f2dbfe;
}
.modlist {display: none;}
#pun-main td {
border-color : #500676;
}
</style>
<style type="text/css">
#pun-stats .container {
color : #121112;
background-color : #f3dafe;
}
li#onlinelist {
border-top-style : solid; border-top-width : 1px; border-top-color : #501769; background-color: #edc8fd;
}
li#onlinelist div {
text-align : center; color: #501769; background-color: #edc8fd;
}
#pun-about p.container {text-align : center; color: black; background-color: #edc8fd;}
#html-footer .container {background-color: #f3dafe; color: #501769;}
</style>
<style tye="text/css">
#pun-main h1 {
color : #4a1462;
background-color : #FF00FF; background-image : url(http://s001.radikal.ru/i193/1001/90/8a45103209cb.gif);
}
#pun-main .pagelink { color: #f4dffd ; }
#pun-main .postlink {
color: #f4dffd ;
}
#pun-main .modmenu p.container {
color : black; background-color: #e9c9ff;
}
#pun-main .modmenu p.container strong {color: red;}
#pun-main .modmenu .container a:link, #pun-main .modmenu .container a:visited {
color : black;
}
</style>не знаю нужно или нет, но вот адрес форума - 4stixii.8bb.ru
Отредактировано Lady Jackson (31.01.2010 19:09:35)
Поделиться331.01.2010 19:08:16
Lady Jackson
.а вы куда это ставите?
Поделиться431.01.2010 19:10:09
.Jeevas
HTML верх
Поделиться531.01.2010 19:12:06
Lady Jackson
Вообще ошибок я не нашла кроме одной
#pun-main .post-links li,
#pun-main .post-links ul {background-color : #dec2ed;}
В этом месте нужна запятая.
Поделиться631.01.2010 19:13:39
не знаю нужно или нет, но вот адрес форума - 4stixii.8bb.ru
На форуме сейчас стиль этот не стоит, как я понимаю?
Поделиться731.01.2010 19:19:13
Paranoia Doll
прямо сейчас этот
Поделиться831.01.2010 19:25:08
Lady Jackson
.у меня тоже не работает,даже если заработает, стиль "тяжеловат" будет.
если хотите создать свой дизайн используйте генератор стилей http://0pk.ru/generator/ здесь подбираете цвета, затем нажимаете "сохранить стиль" и копируете во второе окошко. Цвета style_cs.css "Администрирование - Свой стиль"
.в этом коде есть все тоже самое, только приведено в порядок.
Поделиться931.01.2010 19:25:48
Lady Jackson
Из стандартного переделывала или функция "Свой стиль" включена?
В целом - выглядит мило
Для новичка отличный результат.
Поделиться1031.01.2010 19:41:59
.Jeevas
Спасибо, я попробую))
Paranoia Doll
наверно из стандартного)) я просто в HTML верх поставила, а стиль стоит Classic. Спасибо!) Очень приятно)) 
Поделиться1131.01.2010 19:47:44
Lady Jackson
Из стандартных стилей бывает так что кривовато подставляется что-то своё. Поэтому лучше включать свой стиль и делать либо в нём, либо в html-верх. Первый способ скорее для людей более менее разбирающихся в css, со вторым способом попроще.
Поделиться1231.01.2010 19:54:43
Paranoia Doll
я так и подумала)) кстати, стиль я настроила, он тепреь работает, но в окошке где на форуме пишут сообщения не отображается тот цвет фона который я задала, почему?? фон остаётся серым((
вроде бы вот эта часть кода:
<style type="text/css">
#pun-main .subscribelink {color: #d2a2ed}
#pun-main .formal .container {
color: #ecd2fd ;
}
#pun-main fieldset {
background-color : #e1c3f6; color: black;
}
#pun-main .fs-box {
background-color : #e6b1f7; color: black;
}
#pun-main .formsubmit input {
background-color : #e2baf9;
}
#pun-main .formal textarea {background-color : #eed5ff;}
</style>Поделиться1331.01.2010 19:59:08
Lady Jackson
Без понятия 
Поделиться1431.01.2010 20:00:33
Paranoia Doll
значит будем разбираться)) ещё раз спасибо за помощь!!))
Поделиться1531.01.2010 20:11:51
не хочу быть назойливой, но у меня опять проблема((
.Jeevas посоветовал мне сделать стиль при помощи генератора, я сделала стиль при помощи генератора и вставила, но он не отображается(( все цвета вообще пропали((( что я сделала не так??
Поделиться1631.01.2010 20:21:49
Lady Jackson
.покажите код, куда вы его вставили? отмечено ли "Свой стиль -Да "?
Поделиться1731.01.2010 20:24:20
вот код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-color: #D2B48C;
}
/* 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: #000000;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #F5DEB3;
color: #000000;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #FFE4C4;
color: #000000;
font-weight: bold;
font-style: normal;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #FFE4C4;
color: #000000;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #F5DEB3;
color: #000000
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #F5DEB3;
color: #000000
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #EFD4B4;
color: #000000
}
/* CS1.8 */
#pun-navlinks .container {
background-color: #FFE4C4;
color: #A0522D;
}
.offline li.pa-online strong {
font-weight: normal
}
.punbb textarea, .punbb select, .punbb input {
background-color: #D2B48C;
color: #000000
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #A0522D #A0522D #A0522D #A0522D
}
/* 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: #FFE4C4;
}
/* 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: #A0522D;
}
/* CS2.5 */
.punbb th {
border-color: #F5DEB3
}
/* 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: #FFE4C4;
}
.punbb .post-sig dt {
border-top-color: #A0522D !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: #A0522D;
font-weight: bold;
border-bottom: 0px none #000;
text-decoration: none;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000000
}
/* 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: #000000;
font-weight: bold;
border-bottom: 1px dashed #A0522D;
text-decoration: none;
}
/* CS3.3 */
#pun-navlinks a {
color: #A0522D;
font-weight: bold;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #CD853F;
font-weight: bold;
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 {border-color: #FF8C00 #DF6C00 #CF5C00 #DF6C00}
tr.iredirect div.icon {border-color: #F5DEB3 #F5DEB3 #F5DEB3 #F5DEB3}
div.inew {border-color: #D2B48C #B2946C #A2845C #B2946C}
#pun-main div.catleft, #pun-main div.catright {display: none}поставила в Администрирование - Свой стиль, окошко Цвета style_cs.css
свой стиль включен
Поделиться1831.01.2010 20:33:39
Lady Jackson
лучше делайте стиль вручную ...........никаких морок и все работает
Поделиться1931.01.2010 20:38:52
Lady Jackson
.у меня все работает. ссылка удалена
.вы первое окошко не удаляли?
Отредактировано .Jeevas (31.01.2010 20:51:25)
Поделиться2031.01.2010 20:42:46
.Jeevas
зайдите на форум 4stixii.8bb.ru ник- Koroleva, пароль - 2010
попробуйте поставить стиль, буду очень благодарна
Отредактировано Lady Jackson (31.01.2010 20:43:57)
Поделиться2131.01.2010 20:49:06
я зашел поставил
Поделиться2231.01.2010 22:18:11
Xbox
Спасибо!!))
Поделиться2304.02.2010 23:44:18
У меня проблема, я поставила свой стиль, а когда я поставила свой фон (код
<style type="text/css">
HTML, BODY {background-image: url("http://s005.radikal.ru/i212/1002/8b/cfbb533d6f3e.jpg")!important; background-repeat: repeat !important;}
</style>)
фона нету. просто стоит тот цвет, который в генераторе был Т_Т
Поделиться2405.02.2010 00:14:24
Yuko-san
в стиле во втором окошке в самом начале найдите такую часть
/* CS1 Background and text colours
-------------------------------------------------------------*/body {
background-color: #FFFFFF;}
выделенное жирным меняете на
background-color: #888888; background-image: url("ссыль на фон"); background-repeat : repeaty; background-attachment: fixed;
Поделиться2505.02.2010 11:59:30
Не работает
Поделиться2605.02.2010 12:02:49
Yuko-san
ссылку на форум
и какой фон вы ставите?
Поделиться2705.02.2010 12:07:12
http://s005.radikal.ru/i212/1002/8b/cfbb533d6f3e.jpg такой фон
http://narutobestrolka.anihub.ru/ там сейчас все стоит..
Поделиться2805.02.2010 12:11:11
Yuko-san
часть background-attachment: fixed; убираем...
тобись...
в стиле во втором окошке в самом начале найдите такую часть
/* CS1 Background and text colours
-------------------------------------------------------------*/body {
background-color: #FFFFFF;}
то что жирное меняете на
background-color: #888888; background-image: url("http://s005.radikal.ru/i212/1002/8b/cfbb533d6f3e.jpg"); background-repeat : repeaty;
Поделиться2905.02.2010 12:13:42

не работает все равно
Поделиться3005.02.2010 12:15:00
Yuko-san
у меня на тест форе все работает, давайте ваш код со второго окна.... сейчас посмотрим...