Полностью с нуля дизайны на заказ не делаются!
Общие вопросы по дизайну
Сообщений 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
у меня на тест форе все работает, давайте ваш код со второго окна.... сейчас посмотрим...