Спасибо!Лови +
Помощь с дизайном
Сообщений 221 страница 240 из 265
Поделиться2222009-04-14 20:15:08
На самом деле мне просто заняться нечем))
Поделиться2232009-04-16 13:07:21
1. Цветовая схема. Зелёная, но не ярко...
2. Картинка для шапки.
3. Картинки для иконок есть новые сообщения, нет новых сообщений, важная тема, закрытая, перенесённая.
Есть -
Нет -
Важная -
Закрытая -
Перенесённая -
4. Картинка для фона -
5. Адрес форума - http://frendsflod.mybb.ru/
И можно что бы он был немного суженный, как у вас кароче...
Отредактировано Даshик (2009-04-16 15:25:40)
Поделиться2242009-04-16 13:31:18
Даshик
Скрипты для вставки иконок, шапки и фона можно найти тут Скрипты для изменения дизайна
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #EEFFBB; } /* 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: #99FF66; color: #004400; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #AAFF77; color: #004400; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #44AA11; color: #EEFFBB; font-weight: normal; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #99FF66; color: #004400; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #AAFF77; color: #004400 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #88EE55; color: #004400 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #89EF56; color: #004400 } /* CS1.8 */ #pun-navlinks .container { background-color: #44AA11; color: #EEFFBB; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #EEFFBB; color: #004400 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #44AA11 #44AA11 #44AA11 #44AA11 } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #DEEFAB } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #44AA11; } /* 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: #77DD44; } /* CS2.5 */ .punbb th { border-color: #88EE55 } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #79DF46 #B9FF86 #B9FF86 #79DF46; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #79DF46 } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #B9FF86 } .punbb .divider { border-color: #79DF46 #B9FF86 #B9FF86 #B9FF86 } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #44AA11; } .punbb .post-sig dt { border-top-color: #77DD44 !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: #004400; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #004400 } /* 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: #228800; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #EEFFBB; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #EEFFBB; 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 {border-color: #77DD44 #57BD24 #47AD14 #57BD24} tr.iredirect div.icon {border-color: #AAFF77 #AAFF77 #AAFF77 #AAFF77} div.inew {border-color: #99FF66 #79DF46 #69CF36 #79DF46} #pun-main div.catleft, #pun-main div.catright {display: none}
Поделиться2252009-04-16 15:25:15
Пасип, а как осуществить то что у меня внизу красным выделено в предыдущем моём сообщении?
Поделиться2262009-04-16 15:27:00
Даshик
ой, забыла... сорри
в html-верх, выделенное можно изменить
<style type="text/css">
#pun {width: 70%;margin: auto;}
</style>
Поделиться2272009-04-16 15:36:03
Неее...он всё сдвигает влево...а мне надо что б посеридине был...+ я уже поставила
Отредактировано Даshик (2009-04-16 15:38:13)
Поделиться2282009-04-16 16:09:11
Даshик
Всмысле всё в лево?
Поделиться2292009-04-16 16:21:22
Ну как тебе объяснить...он сужается в левую сторону. А я хотела как у вас...ну ладно...
Поделиться2302009-04-16 16:36:24
Даshик
Тут стандартный дизайн в основе.
Поделиться2312009-04-27 20:55:21
1. Цветовая схема:фиолетовое(как сейчас стоит на форуме) и добавка тёмно-синего цвета
2. Картинка для шапки:
http://i063.radikal.ru/0904/b2/c1ba243e6f4b.jpg
3. Картинки для иконок есть новые сообщения, нет новых сообщений, важная тема, закрытая, перенесённая.
Есть новые сообщения:
Нет новых сообщений:
Важная тема:
Закрытая тема:
Перенесённая тема:
4. Картинка для фона:
5. Адрес форума: http://thewitch.rolka.su/
Поделиться2322009-05-07 17:46:27
1. Розовая
2.
3. Картинки для тем
Важная тема:
Есть новые сообшения:
Нет новых сообшений:
Закрытая тема:
Открытая тема:
4.Фон:
5. http://stargirl.bbmy.ru/
Отредактировано Линдси ЛоХан (2009-05-07 17:47:31)
Поделиться2332009-05-07 18:36:28
Линдси ЛоХан
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #FFEEFF; } /* 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: #FF99FF; color: #770077; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #FFAAFF; color: #770077; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #DD44DD; color: #FFEEFF; font-weight: normal; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #FF99FF; color: #770077; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #FFAAFF; color: #770077 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #FF88FF; color: #770077 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #EF89EF; color: #770077 } /* CS1.8 */ #pun-navlinks .container { background-color: #DD44DD; color: #FFEEFF; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #FFEEFF; color: #770077 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #DD44DD #DD44DD #DD44DD #DD44DD } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #EFDEEF } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #DD44DD; } /* 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: #FF77FF; } /* CS2.5 */ .punbb th { border-color: #FF88FF } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #DF79DF #FFB9FF #FFB9FF #DF79DF; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #DF79DF } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #FFB9FF } .punbb .divider { border-color: #DF79DF #FFB9FF #FFB9FF #FFB9FF } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #DD44DD; } .punbb .post-sig dt { border-top-color: #FF77FF !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: #770077; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #770077 } /* 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: #BB22BB; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #FFEEFF; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #FFEEFF; 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 {border-color: #FF77FF #DF57DF #CF47CF #DF57DF} tr.iredirect div.icon {border-color: #FFAAFF #FFAAFF #FFAAFF #FFAAFF} div.inew {border-color: #FF99FF #DF79DF #CF69CF #DF79DF} #pun-main div.catleft, #pun-main div.catright {display: none}
<style type="text/css"> #pun-title table{height: 156px; width: 640px;} #pun-title .title-logo {display: none;} #pun-title table {background-image: url(http://s56.radikal.ru/i152/0905/f4/12a2cef8f0ba.jpg);} </style> <style type="text/css"> html, body {background-image: url("http://s47.radikal.ru/i115/0905/41/de714d57befc.gif"); background-attachment: fixed; background-repeat: repeat;} </style> <style> .punbb table Div.icon {float: left; display: block; width: 70px; height: 70px; border-style: none; background-image: url(http://s49.radikal.ru/i125/0905/10/9944095d4253.jpg); background-repeat: no-repeat; position: relative; margin-right: 10px;} TR.inew Div.icon { background: url(http://s60.radikal.ru/i167/0905/e6/de44a5d60802.jpg) no-repeat;} TR.isticky Div.icon { background: url(http://s44.radikal.ru/i105/0905/fe/5346b91bf67f.jpg) no-repeat;} TR.iclosed Div.icon { background: url(http://s45.radikal.ru/i107/0905/47/1babb81c1a40.jpg) no-repeat;} </style>
И открытых тем не бывает...
Поделиться2342009-05-08 18:06:35
у меня 2 вопроса:
!)как сделать шапку посередине.
2)как сделать типо вашего "лимончика" в сообщениях ? (ну там где обычно пишут?)
Поделиться2352009-05-08 18:10:57
Лимончик
Первое
Если HTML, то <center>шапка</center>
А если CSS, то background-position: center;
Второе
<style type="text/css">
#pun-main .formal textarea {background-image: url("адрес картинки"); background-repeat: no-repeat;}
</style>
Поделиться2362009-05-08 18:12:44
А что насчет вашего "лимночика"?
Поделиться2372009-05-08 18:13:02
..вопрос отпал
Поделиться2382009-05-08 18:23:13
Paranoia Doll
У меня ещё радились вопросы ( только незнаю , но надеюсь , что ты это знаешь!)
Мне всеровно как, но
как сдедать рамку вокруг форума ( как у вас)
И как его ( форум) сужить! Нифига не получаеться!!!!!
Отредактировано Лимончик (2009-05-08 18:34:41)
Поделиться2392009-05-08 18:31:45
памоку
О_о что?
И как его ( форум) сужить! Нифига не получаеться!!!!!
Сузить
<style type="text/css">
#pun {width: 900px;margin: auto;}
</style>
Выделенное изменяешь на своё. В px не обязательно, можно и в %
Поделиться2402009-05-08 18:35:25
ТАКВСЕГДА КОРОЧЕ КАК У ВАС РАМКУ ТОЛЬКО ТОЧЕЧНУЮ.