а можно сделать так,чтобы пользователь мог сам выбирать стиль,но только из тех,которые я сама сделала(или подредактировала)?
Вопросы по дизайну форумов
Сообщений 21 страница 40 из 442
Поделиться22Вт, 14 Сен 2010 16:53:59
Shadow the hedgehog если у Вас есть свой хостинг или сайт (*или имеются функционирующие тестовые форумы с установленными и работающими всеми данными Стилями), - то можно придумать скрипт, - а так -нет
Т. е нет места на мубб - где бы, (*кроме тех двух, что для функции "Cвой стиль") хранились бы файлы сss.
На каждый стиль - по два файла (минимум)
Отредактировано Deff (Вт, 14 Сен 2010 20:04:25)
Поделиться23Вт, 14 Сен 2010 19:12:58
Shadow the hedgehog
Скриптом только. Кроме того, как сказано выше - файл стиля придётся куда-то заливать.
Если надо - попробую создать скрипт.
Поделиться24Вт, 14 Сен 2010 19:36:21
http://himawari.bbok.ru/
Исчез pun-status .container (( Подскажите, пожалуйста, как вернуть на место!
Код:
<style> HTML, BODY {background-image: url("http://i.piccy.info/i5/46/96/479646/1_copy.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;} .category .container { border-style: none !important; } #pun {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); background-repeat: repeat; border-style: none !important;} #pun-title table {background-image : url(http://i.piccy.info/i5/44/71/487144/42.jpg); height : 720px; } #pun-navlinks .container { adding-top : 2px; font-weight: bold; text-align: center; border-style: none !important;} #pun-navlinks a {color: #463350;} #pun-ulinks a {color : #C71585} #pun-ulinks .container { padding-top : 5px; text-align: center; border-style: none !important;} #pun-status .container { color : midnightblue; background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); background-repeat: repeat; border-style: none !important;} #pun-announcement h2 {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); color: #463350; display: none; border-style: none !important; height; 0 px} #pun-announcement .container {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); border-style: none !important; font-: #463350 oblique 14px; text-align: center;} #pun-announcement .container {padding-top: 1em} #pun-crumbs1.section .crumbs {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); background-repeat: norepeat; border-width: 0; border-style: none; text-align: center; span: color: 800080; border-style: none !important;} </style> <style type="text/css"> .category h2 span{ display: none; } #pun-category1 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/03/95/479503/16.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category2 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/55/95/479555/17.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category3 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/96/95/479596/18.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category4 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/01/96/479601/19.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category5 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/02/96/479602/20.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category6 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/05/96/479605/21.png) !important; background-repeat: no-repeat; background-position: top center; } </style> <style> #pun #pun-viewtopic,#pun .punbb,.formal textarea { font-size:11px; } </style> <style type="text/css"> #pun #html-footer.section {border-style: none; } #pun #pun-about.section {border-style: none; } #pun .section {border-style: none; } #pun #pun-main #pun-category1.category {border-style: none; } #pun #pun-main #pun-category2.category {border-style: none; } #pun #pun-navlinks.section {border-top-style: none; } #pun #pun-ulinks.section {border-style: none; } #pun #pun-title.section {border-style: none; } #pun #pun-navlinks.section .container {border-style: none; } #pun #pun-navlinks.section {border-style: none; } #pun #pun-main .pa-title {text-align: center; } #pun #pun-main .pa-author {text-align: center; } #pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; } #pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; } #pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {display: none; } #pun_wrap #pun #pun-index #pun-status.section .container {display: none; } #pun_wrap #pun #pun-index #pun-crumbs1.section .crumbs {display: none; } </style> <style type="text/css"> #pun_wrap #pun #pun-main #pun-category9.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category8.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category7.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category6.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category5.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category4.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category3.category {border-style: none; } #pun_wrap #pun #tieser-bottom.container #onlinelist div {display: none; } </style> <style type="text/css"> #pun-main h2 { color : maroon; background-color : transparent; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none;} #pun-main h2 .container table { border-style: none !important; } #pun th { color: brown; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none !important; } Div.icon { background-image : url(http://i.piccy.info/i5/06/93/479306/14.png); background-repeat: no-repeat;} TR.inew Div.icon { background-image : url(http://i.piccy.info/i5/10/93/479310/15.png); background-repeat: no-repeat;} TR.isticky Div.icon { background-image : url(http://i.piccy.info/i5/43/92/479243/11.png); background-repeat: no-repeat;} TR.iclosed Div.icon { background-image : url(http://i.piccy.info/i5/45/92/479245/12.png); background-repeat: no-repeat;} #pun .tcl, #pun .tc2, #pun .tc3, #pun .tcr { background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none;} #pun-main td { border-width: 0; border-style: none; } </style> <style> #pun-stats .container, #tieser-bottom.container { background-color: #E5EBEE !important; border-style: none !important; } </style> <style type="text/css"> #pun-stats h2 {color : maroon; background-color : #E5EBEE; border-style: none;} </style> <style type="text/css"> #pun-stats .statcon { color : indigo; background-color : #E5EBEE;} #pun-stats h2 { background-color: E5EBEE;} TR.iclosed Div.icon { background-image : url(http://i.piccy.info/i5/45/92/479245/12.png); background-repeat: no-repeat;} li#onlinelist { border-top-style : solid; border-top-width : 0px; background-color: #E5EBEE;} li#onlinelist div { text-align : center; color: midnightblue; background-color: #E5EBEE; border-style: none;} #pun-about p.container {text-align : center; color: green; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none;} #pun-crumbs2 .crumbs {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); background-repeat: norepeat; border-width: 0; border-style: none; text-align: center; span: color: 800080;} #html-footer .container {background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; color: #FF0000;} </style> <style tye="text/css"> #pun-main h1 { color : indianred; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); } #pun-main .pagelink, #pun-main .postlink {color: firebrick;} #pun-main .modmenu p.container { color : indianred; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; } #pun-main .modmenu p.container strong {color: firebrick;} #pun-main .modmenu .container a:link, #pun-main .modmenu .container a:visited { color : indianred; border-width: 0; } </style> <style type="text/css"> #pun-main .post h3 {background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } #pun-main .post h3 span, #pun-main .post .permalink, #pun-main .post h3 strong { color : darkblue; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } #pun-main .post-author ul { color : darkblue; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } #pun-main .post .container {border-width: 0; color : darkblue; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } #pun-main .post-body .post-box{ color : #000000; background-color : #E5EBEE; } #pun-main .post-content { background-color : #E5EBEE; color : #696969; } #pun-main .quote-box, #pun-main .code-box { background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none;} #pun-main .post-links li, #pun-main .post-links ul { background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } </style> <style type="text/css"> #pun-main .formal .container, #pun-main fieldset .hashelp, #pun-main .fs-box { background-color : #E5EBRR; color: purple; } #pun-main .formsubmit input { background-color : #E5EBEE; } #pun-main .formal textarea {background-color : #E5EBEE;} </style> <style type="text/css"> #profilenav .container {background-color: #E5EBEE;} #profilenav, #profilenav h2, #profilenav h2 span, #profilenav ul { color : #B22222; background-color : #E5EBEE;} #profilenav li {color : #B22222; background-color : #E5EBEE;} #profilenav li а:link, #profilenav li a:visited{ color : #B22222;} #profilenav li a:hover {color: #2F4F4F;} #profilenav fieldset, #profilenav .fs-box {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); !important; border-style: none !important; } #profilenav .container, #profilenav, #profilenav h2, #profilenav h2 span, #profilenav ul, #profilenav li, #profilenav fieldset, #profilenav .fs-box { border-style: none !important; } </style>
Поделиться25Вт, 14 Сен 2010 20:01:20
Miori-chan
-Закомментировал ошибку - мож заменить свой код -на код ниже
<style> HTML, BODY {background-image: url("http://i.piccy.info/i5/46/96/479646/1_copy.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;} .category .container { border-style: none !important; } #pun {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); background-repeat: repeat; border-style: none !important;} #pun-title table {background-image : url(http://i.piccy.info/i5/44/71/487144/42.jpg); height : 720px; } #pun-navlinks .container { adding-top : 2px; font-weight: bold; text-align: center; border-style: none !important;} #pun-navlinks a {color: #463350;} #pun-ulinks a {color : #C71585} #pun-ulinks .container { padding-top : 5px; text-align: center; border-style: none !important;} #pun-status .container { color : midnightblue; background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); background-repeat: repeat; border-style: none !important;} #pun-announcement h2 {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); color: #463350; display: none; border-style: none !important; height; 0 px} #pun-announcement .container {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); border-style: none !important; font-: #463350 oblique 14px; text-align: center;} #pun-announcement .container {padding-top: 1em} #pun-crumbs1.section .crumbs {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); background-repeat: norepeat; border-width: 0; border-style: none; text-align: center; span: color: 800080; border-style: none !important;} </style> <style type="text/css"> .category h2 span{ display: none; } #pun-category1 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/03/95/479503/16.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category2 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/55/95/479555/17.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category3 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/96/95/479596/18.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category4 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/01/96/479601/19.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category5 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/02/96/479602/20.png) !important; background-repeat: no-repeat; background-position: top center; } #pun-category6 h2 { height: 30px; background-image: url(http://i.piccy.info/i5/05/96/479605/21.png) !important; background-repeat: no-repeat; background-position: top center; } </style> <style> #pun #pun-viewtopic,#pun .punbb,.formal textarea { font-size:11px; } </style> <style type="text/css"> #pun #html-footer.section {border-style: none; } #pun #pun-about.section {border-style: none; } #pun .section {border-style: none; } #pun #pun-main #pun-category1.category {border-style: none; } #pun #pun-main #pun-category2.category {border-style: none; } #pun #pun-navlinks.section {border-top-style: none; } #pun #pun-ulinks.section {border-style: none; } #pun #pun-title.section {border-style: none; } #pun #pun-navlinks.section .container {border-style: none; } #pun #pun-navlinks.section {border-style: none; } #pun #pun-main .pa-title {text-align: center; } #pun #pun-main .pa-author {text-align: center; } #pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; } #pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; } #pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {display: none; } /*#pun_wrap #pun #pun-index #pun-status.section .container {display: none; } Вот тут ты его сам отключил */ #pun_wrap #pun #pun-index #pun-crumbs1.section .crumbs {display: none; } </style> <style type="text/css"> #pun_wrap #pun #pun-main #pun-category9.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category8.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category7.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category6.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category5.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category4.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category3.category {border-style: none; } #pun_wrap #pun #tieser-bottom.container #onlinelist div {display: none; } </style> <style type="text/css"> #pun-main h2 { color : maroon; background-color : transparent; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none;} #pun-main h2 .container table { border-style: none !important; } #pun th { color: brown; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none !important; } Div.icon { background-image : url(http://i.piccy.info/i5/06/93/479306/14.png); background-repeat: no-repeat;} TR.inew Div.icon { background-image : url(http://i.piccy.info/i5/10/93/479310/15.png); background-repeat: no-repeat;} TR.isticky Div.icon { background-image : url(http://i.piccy.info/i5/43/92/479243/11.png); background-repeat: no-repeat;} TR.iclosed Div.icon { background-image : url(http://i.piccy.info/i5/45/92/479245/12.png); background-repeat: no-repeat;} #pun .tcl, #pun .tc2, #pun .tc3, #pun .tcr { background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none;} #pun-main td { border-width: 0; border-style: none; } </style> <style> #pun-stats .container, #tieser-bottom.container { background-color: #E5EBEE !important; border-style: none !important; } </style> <style type="text/css"> #pun-stats h2 {color : maroon; background-color : #E5EBEE; border-style: none;} </style> <style type="text/css"> #pun-stats .statcon { color : indigo; background-color : #E5EBEE;} #pun-stats h2 { background-color: E5EBEE;} TR.iclosed Div.icon { background-image : url(http://i.piccy.info/i5/45/92/479245/12.png); background-repeat: no-repeat;} li#onlinelist { border-top-style : solid; border-top-width : 0px; background-color: #E5EBEE;} li#onlinelist div { text-align : center; color: midnightblue; background-color: #E5EBEE; border-style: none;} #pun-about p.container {text-align : center; color: green; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none;} #pun-crumbs2 .crumbs {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); background-repeat: norepeat; border-width: 0; border-style: none; text-align: center; span: color: 800080;} #html-footer .container {background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; color: #FF0000;} </style> <style tye="text/css"> #pun-main h1 { color : indianred; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); } #pun-main .pagelink, #pun-main .postlink {color: firebrick;} #pun-main .modmenu p.container { color : indianred; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; } #pun-main .modmenu p.container strong {color: firebrick;} #pun-main .modmenu .container a:link, #pun-main .modmenu .container a:visited { color : indianred; border-width: 0; } </style> <style type="text/css"> #pun-main .post h3 {background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } #pun-main .post h3 span, #pun-main .post .permalink, #pun-main .post h3 strong { color : darkblue; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } #pun-main .post-author ul { color : darkblue; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } #pun-main .post .container {border-width: 0; color : darkblue; background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } #pun-main .post-body .post-box{ color : #000000; background-color : #E5EBEE; } #pun-main .post-content { background-color : #E5EBEE; color : #696969; } #pun-main .quote-box, #pun-main .code-box { background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none;} #pun-main .post-links li, #pun-main .post-links ul { background-image : url(http://i.piccy.info/i5/76/74/477476/2.png); border-width: 0; border-style: none; } </style> <style type="text/css"> #pun-main .formal .container, #pun-main fieldset .hashelp, #pun-main .fs-box { background-color : #E5EBRR; color: purple; } #pun-main .formsubmit input { background-color : #E5EBEE; } #pun-main .formal textarea {background-color : #E5EBEE;} </style> <style type="text/css"> #profilenav .container {background-color: #E5EBEE;} #profilenav, #profilenav h2, #profilenav h2 span, #profilenav ul { color : #B22222; background-color : #E5EBEE;} #profilenav li {color : #B22222; background-color : #E5EBEE;} #profilenav li а:link, #profilenav li a:visited{ color : #B22222;} #profilenav li a:hover {color: #2F4F4F;} #profilenav fieldset, #profilenav .fs-box {background-image: url("http://i.piccy.info/i5/76/74/477476/2.png"); !important; border-style: none !important; } #profilenav .container, #profilenav, #profilenav h2, #profilenav h2 span, #profilenav ul, #profilenav li, #profilenav fieldset, #profilenav .fs-box { border-style: none !important; } </style>
Там много напудрено - проще создать Отдельную тему И начать сначала
Поделиться26Вт, 14 Сен 2010 20:05:42
Deff
о! Спасииииибо)))
Поделиться27Вт, 14 Сен 2010 23:58:43
Здравствуйте!
Подскажите пожалуйста, как поставить разделительные линейки (не знаю как правильно назвать) линии отделяющие разделы, форумы - на главной, и в сообщениях...
Поделиться28Ср, 15 Сен 2010 00:22:11
Здравствуйте!Подскажите пожалуйста, как поставить разделительные линейки (не знаю как правильно назвать) линии отделяющие разделы, форумы - на главной, и в сообщениях...
В HTML верх (одна картинка полоски на всё)
<style type="text/css">
#pun-navlinks .container,#pun-ulinks .container,#pun-main h2,#pun-main h1,#pun-stats.section h2 {background-image: url("http://i082.radikal.ru/1007/7e/76a6c8cac269.jpg"); background-repeat: repeat-x; background-position: left center; } /* Картинка под навигацию, категории, форумы, статистику */
</style>
Поделиться29Ср, 15 Сен 2010 00:28:27
(одна картинка полоски на всё)
а какой размер картинки должен быть??
Поделиться30Ср, 15 Сен 2010 01:22:00
Vera86
Ну вы ставьте какой Вам -нужен - при неувязках -отпишитесь - я ставил ту шо в адресе прописано -смотрите в свойствах(длина обычно выбираецо шириной форума( в противном случае картинка будет повторяцо по оси х(хотя можно спецом указать -чтобы картинка была без повторений и стояло в конкретном месте от края
Отредактировано Deff (Ср, 15 Сен 2010 01:24:03)
Поделиться31Ср, 15 Сен 2010 03:24:27
Deff, большое вам спасибо!!! очень помогло!!!
правда не совсем то, здесь мы поставили полосочки горизонтальные на категории... (форум), но остальные так и остались... хотелось бы между категориями, чтобы как табличкой, вертикальные и горизонтальные линии... так же и в сообщениях...
Поделиться32Ср, 15 Сен 2010 10:15:26
Что то подзабыла. Где в своём стиле можно поменять размер заголовков категории?
Поделиться33Ср, 15 Сен 2010 17:23:55
Vera86
Здравствуйте.
хотелось бы между категориями, чтобы как табличкой, вертикальные и горизонтальные линии... так же и в сообщениях...
Поделиться34Ср, 15 Сен 2010 17:24:51
]Где в своём стиле можно поменять размер заголовков категории?
Первое окно стиля:
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none;
border-width: 0 1px 1px 0;
}
Поделиться35Ср, 15 Сен 2010 19:14:27
Так?http://partner.mybb.ru
да, да!!! так!!! как раз это и не можем сделать никак
я извиняюсь, но у меня сразу еще к вам вопросик есть... а с тем фоном нашим можно что-то сделать? (по центру) ... можно просто с кодиком поменять цвет? а то мне сказали, что вообще все менять придется, и ничего сделать нельзя с цветами и шрифтом
Поделиться37Ср, 15 Сен 2010 22:00:25
З а п р е т н ы й [плод]
Чтож Вы так мало поставили? Ставьте не 12 пикселов, а 20 или 30.
Поделиться38Ср, 15 Сен 2010 22:15:21
rps
а...ясно...я опять тупанула...
Поделиться39Ср, 15 Сен 2010 22:21:17
rps
Мне ещё интересно а как это сделать ещё и в статистике? изменить размер