Блумка
картинки для иконок одного размера и не такие огромные (стандарт 50х50)
Forum |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Forum » Дизайн форума » Помощь с дизайном
Блумка
картинки для иконок одного размера и не такие огромные (стандарт 50х50)
И скажите сразу куда вставлять....
вставлять в хтмл-вверх
Блигадорю.
А мне интересно когда мне сделают.
Huyta цветовая схема - это основной цвет форума. Картинка тут не катит
<style type="text/css"> #pun-title .title-logo {background-image : url(http://s45.radikal.ru/i108/0903/66/d712c929c39d.jpg); background-repeat : no-repeat; height : 258px; padding-left : 640px; } #pun-title .title-logo span {display: none;} </style> <style type="text/css">TR.inew Div.icon { background-image : url(http://s45.radikal.ru/i110/0903/d1/2d648d6c5597.gif); background-repeat: no-repeat; } </style> <style type="text/css"> Div.icon { background-image : url(http://s51.radikal.ru/i132/0903/44/57c017b4a9c2.gif); background-repeat: no-repeat; } </style> <style type="text/css">TR.isticky Div.icon { background-image : url(http://s58.radikal.ru/i159/0903/9a/2bbb432a6ab1.gif); background-repeat: no-repeat; } </style> <style type="text/css"> TR.iclosed Div.icon { background-image : url(http://s50.radikal.ru/i129/0903/02/f603d3f673a7.gif); background-repeat: no-repeat; } </style> <style type="text/css"> TR.iredirect Div.icon { background-image : url(http://s54.radikal.ru/i143/0903/0d/9f52895b17e3.gif); background-repeat: no-repeat; } </style> <style type="text/css"> HTML, BODY {background-image: url("http://s57.radikal.ru/i158/0903/93/d9f33bdb8356.png")!important; background-repeat: repeat !important;} </style>
главная
таких тем не бывает
Ну спс)))
Помогите и мне с дизайном. ПОЖАЛСТА!!!
Клевер
Говори конкретнее с чем. Подобные сообщения мною лично не приветствуются.
Дайте код к дизайну!
Солнышко
чё? это невозможно если только вручную делать.
1. Цветовая схема.-ну зелено-синяя(Если так неззя то просто зеленая)
2. Картинка для шапки. если можете сделаете шапку из этой картинки
3. Картинки для иконок есть новые сообщения[image]http://s16.rimg.info/02ec9d19fa2f6a71980dbafb181b7f36.gif[/image], нет новых сообщений[взломанный сайт], важная тема[image]http://s16.rimg.info/d34fa71e9ebe13e8d868f88599cc62d9.gif[/image], закрытая[image]http://s2.rimg.info/a1138572b9920bdfe058f44b88b73f44.gif[/image], перенесённая[image]http://s2.rimg.info/7db98a86cf4b1ab868dfa5b9c185777d.gif[/image].
4. Картинка для фона-
5. Адрес форума-http://5aklass.rolka.su/
1. Цветовая схема. Розовая
2. Картинка для шапки. Внизу
3. Картинки для иконок есть новые сообщения, нет новых сообщений, важная тема, закрытая, перенесённая.Внизу
4. Картинка для фона Внизу
5. Адрес форумаhttp://lsk2000.rolka.su/
Перенесёная и для фона вот
Лада
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #FFFFFF; } /* 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: #FFCCFF; color: #771177; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #FFDDFF; color: #771177; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #DD77DD; color: #FFFFFF; font-weight: normal; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #FFCCFF; color: #771177; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #FFDDFF; color: #771177 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #FFBBFF; color: #771177 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #EFBCEF; color: #771177 } /* CS1.8 */ #pun-navlinks .container { background-color: #DD77DD; color: #FFFFFF; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #FFFFFF; color: #771177 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #DD77DD #DD77DD #DD77DD #DD77DD } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #EFEFEF } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #DD77DD; } /* 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: #FFAAFF; } /* CS2.5 */ .punbb th { border-color: #FFBBFF } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #DFACDF #FFECFF #FFECFF #DFACDF; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #DFACDF } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #FFECFF } .punbb .divider { border-color: #DFACDF #FFECFF #FFECFF #FFECFF } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #DD77DD; } .punbb .post-sig dt { border-top-color: #FFAAFF !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: #771177; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #771177 } /* 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: #BB55BB; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #FFFFFF; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #FFFFFF; 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: #FFAAFF #DF8ADF #CF7ACF #DF8ADF} tr.iredirect div.icon {border-color: #FFDDFF #FFDDFF #FFDDFF #FFDDFF} div.inew {border-color: #FFCCFF #DFACDF #CF9CCF #DFACDF} #pun-main div.catleft, #pun-main div.catright {display: none}
Это в html-верх
<style type="text/css">
html, body {background-image: url("https://forumupload.ru/uploads/0005/9b/a5/5321-2.gif"); background-attachment: fixed; background-repeat: repeat;}
</style>
<style type="text/css">
#pun-title .title-logo {background-image : url(https://forumupload.ru/uploads/0005/9b/a5/5320-1.gif);
background-repeat : no-repeat; height : 101px; padding-left : 210px;
}
#pun-title .title-logo span {display: none;}
</style>
И те картинки что вы дали для важной темы, закрытой и т.д. не подходят. Они должны быть одинакового размера и маленькими. 50х50 не больше.
А вот для моего брата сделаете
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #BBFF88; } /* 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: #66CC33; color: #001100; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #77DD44; color: #001100; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #117700; color: #BBFF88; font-weight: normal; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #66CC33; color: #001100; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #77DD44; color: #001100 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #55BB22; color: #001100 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #56BC23; color: #001100 } /* CS1.8 */ #pun-navlinks .container { background-color: #117700; color: #BBFF88; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #BBFF88; color: #001100 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #117700 #117700 #117700 #117700 } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #ABEF78 } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #117700; } /* 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: #44AA11; } /* CS2.5 */ .punbb th { border-color: #55BB22 } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #46AC13 #86EC53 #86EC53 #46AC13; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #46AC13 } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #86EC53 } .punbb .divider { border-color: #46AC13 #86EC53 #86EC53 #86EC53 } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #117700; } .punbb .post-sig dt { border-top-color: #44AA11 !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: #001100; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #001100 } /* 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: #005500; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #BBFF88; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #BBFF88; 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: #44AA11 #248A00 #147A00 #248A00} tr.iredirect div.icon {border-color: #77DD44 #77DD44 #77DD44 #77DD44} div.inew {border-color: #66CC33 #46AC13 #369C03 #46AC13} #pun-main div.catleft, #pun-main div.catright {display: none}
В html-верх
<style type="text/css">
#pun-title .title-logo {background-image : url(http://s50.radikal.ru/i130/0903/3a/401e1ded68f5.jpg);
background-repeat : no-repeat; height : 300px; padding-left : 600px;
}
#pun-title .title-logo span {display: none;}
</style>
С иконками всё тоже самое. Подгоняйте под один размер, уменьшайте или ищите новые.
Ну тогда вот:
1. Цветовая схема. Красная
2. Картинка для шапки.
3. Картинки для иконок есть новые сообщения, нет новых сообщений, важная тема, закрытая, перенесённая.
Есть сообщения
Нету сообшений
Важная тема
Закрытая
Перенесёная
4. Картинка для фона
5. Адрес форума http://lsk2000.rolka.su/
Отредактировано Лада (2009-03-08 17:35:10)
Можете зделать таблички он-лайн и офф-лайн?
Вот картинки:
Он-лайн
Офф-лайн
Лада
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #FF9CBF; } /* 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: #FF476F; color: #540004; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #FF587F; color: #540004; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #BA021A; color: #FF9CBF; font-weight: normal; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #FF476F; color: #540004; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #FF587F; color: #540004 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #FE365E; color: #540004 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #EF375F; color: #540004 } /* CS1.8 */ #pun-navlinks .container { background-color: #BA021A; color: #FF9CBF; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #FF9CBF; color: #540004 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #BA021A #BA021A #BA021A #BA021A } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #EF8CAF } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #BA021A; } /* 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: #ED254D; } /* CS2.5 */ .punbb th { border-color: #FE365E } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #DF274F #FF678F #FF678F #DF274F; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #DF274F } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #FF678F } .punbb .divider { border-color: #DF274F #FF678F #FF678F #FF678F } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #BA021A; } .punbb .post-sig dt { border-top-color: #ED254D !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: #540004; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #540004 } /* 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: #980008; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #FF9CBF; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #FF9CBF; 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: #ED254D #CD052D #BD001D #CD052D} tr.iredirect div.icon {border-color: #FF587F #FF587F #FF587F #FF587F} div.inew {border-color: #FF476F #DF274F #CF173F #DF274F} #pun-main div.catleft, #pun-main div.catright {display: none}
в хтмл-верх
<style type="text/css"> #pun-title .title-logo {background-image : url(http://s47.radikal.ru/i117/0903/19/5d87f1b95934.jpg); background-repeat : no-repeat; height : 216px; padding-left : 500px; } #pun-title .title-logo span {display: none;} </style> <style type="text/css">TR.inew Div.icon { background-image : url(http://s46.radikal.ru/i113/0903/64/4a22a8aa9b34.gif); background-repeat: no-repeat; } </style> <style type="text/css"> Div.icon { background-image : url(http://s39.radikal.ru/i084/0903/b4/b4500a84f076.gif); background-repeat: no-repeat; } </style> <style type="text/css">TR.isticky Div.icon { background-image : url(http://s57.radikal.ru/i157/0903/37/b96256f258d2.gif); background-repeat: no-repeat; } </style> <style type="text/css"> TR.iclosed Div.icon { background-image : url(http://s59.radikal.ru/i163/0903/e2/d57fe0122e0d.gif); background-repeat: no-repeat; } </style> <style type="text/css"> TR.iredirect Div.icon { background-image : url(http://s48.radikal.ru/i122/0903/17/74bf738a6ff9.gif); background-repeat: no-repeat; } </style> <style type="text/css"> html, body {background-image: url("http://s58.radikal.ru/i160/0903/2f/29225a5b4e57.gif"); background-attachment: fixed; background-repeat: repeat;} </style>
Марьяшка
в html-низ вроде бы ставится.
<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='https://forumupload.ru/uploads/0005/9b/a5/5362-1.jpg' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='https://forumupload.ru/uploads/0005/9b/a5/5362-2.jpg' />"}
}
</script>
Вы здесь » Forum » Дизайн форума » Помощь с дизайном