Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)
Предыдущая тема: Общие вопросы по оформлению (60)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
из скрина возьмите, пожалуйста, картинки
Ну, вырезать картинки я не буду, без картинки вот:
В НТМЛ верх:
<style>
#pun-index #pun-main {background:transparent;}
#pun-index .category {
border-radius:20px;
border-style: solid !important;
background: url(http://forumstatic.ru/files/0018/1d/15/43229.jpg) repeat center bottom !important;
margin-bottom:20px;
box-shadow: 10px 10px 38px 0px #000000;
}
#pun-index .category h2 {margin:20px !important;}
#RightNews {padding-left: 20px;}
#RightNews .container {padding-bottom: 0px !important;}
#RightNews .container h2 {background: url(Своя картинка в названия боковой панели) no-repeat}
#RightNews .block_text {background-color:#ffffff;min-height:100px}
</style>Где: #RightNews .container h2 {background: url(Своя картинка в названия боковой панели) no-repeat;} - Это фоновая картинка названий блоков.
Немного измененная боковая панель:
<!-- Боковая панель -->
<div id=Inf_block_Right style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
<div class="block_text">Текст НОВОСТИ</div>
<h2>НОВОСТЬ 2</h2>
<div class="block_text">Текст НОВОСТИ</div>
<h2>НОВОСТЬ 3</h2>
<div class="block_text">Текст НОВОСТИ</div>
</div>
<div style="display:none"><script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){
var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
var block2="</div>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}LeftSUM='<td id=LeftNews width=30% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}RightSUM='<td id=RightNews width=30% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}
if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=100% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
</script></div>
<!-- Конец скрипта -->Отредактировано kolobdur74 (Сб, 28 Янв 2017 13:10:03)
kolobdur74
спасибо, почти угадал 
спасибо, почти угадал
Ну, лучше подогнать можно будет, когда все картинки будут подогнаны... Поправил код под это:
в панельке низ белый чтобы не фиксированный был, а опускался, если новость большая, а середина белая скроллилась.
<style>
#pun-index #pun-main {background:transparent;}
#pun-index .category {
border-radius:20px;
border-style: solid !important;
background: url(http://forumstatic.ru/files/0018/1d/15/43229.jpg) repeat center bottom !important;
margin-bottom:20px;
box-shadow: 10px 10px 38px 0px #000000;
}
#pun-index .category h2 {margin:20px !important;}
#RightNews {padding-left: 20px;}
#RightNews .container {padding-bottom: 0px !important;}
#RightNews .container h2 {background: url(Своя картинка в названия боковой панели) no-repeat}
#RightNews .block_text {background-color:#ffffff;max-height:120px;min-height:100px;overflow-y: auto;}
</style>Где: max-height:120px; - максимальная высота, после которой происходит скролл, min-height:100px; - минимальная высота, которая будет, если текста мало.. Выставлять свое..
Отредактировано kolobdur74 (Сб, 28 Янв 2017 13:45:57)
kolobdur74
в таблицу с форумами я планировала поставить три картинки, верх, низ и середина без тени и радиуса - картинки это всё заменяют, как и на всём так сделано форуме, в боковую панель нужна картинка низ, которая скроллить будет и середина белая картинкой, и там проблемка образуется, где мне убрать верхние картинки и нижние именно на главной? они не должны быть на главной. можешь так сделать? 
вот скрин:
и там проблемка образуется, где мне убрать верхние картинки и нижние именно на главной
Для верхней добавить:
#pun-index #pun-crumbs1 {background:none;}Для нижнего убирания нужна другая картинка, бо у вас она такая:
А потом вставить такой код с заменой картинки:
#pun-index #pun-stats h2 {transparent url("http://forumstatic.ru/files/0018/1d/15/89579.jpg") center no-repeat;}в таблицу с форумами я планировала поставить три картинки, верх, низ и середина без тени и радиуса - картинки это всё заменяют, как и на всём так сделано форуме
Ну, я сделал как вы просили по скрину..
в боковую панель нужна картинка низ, которая скроллить будет и середина белая картинкой
Ну, будут картинки можно вставить, хотя я не понимаю смысла в белой картинке, если это можно сделать простым цветом... Вообще, слишком много картинок увеличит подгрузку форума - вы этим только утяжелите форум, одно дело когда нельзя обойтись без картинки, другое дело когда можно без нее обойтись..
Отредактировано kolobdur74 (Сб, 28 Янв 2017 14:10:02)
Ну, будут картинки можно вставить, хотя я не понимаю смысла в белой картинке, если это можно сделать простым цветом... Вообще, слишком много картинок увеличит подгрузку форума - вы этим только утяжелит форум, одно дело когда нельзя обойтись без картинки, другое дело когда можно без нее обойтись..
она, не совсем белая, верх можно размножить цветом, а вот начиная с середины она градиентом, может попробуем поставить?
Mirra Bell
Alex_63
Ну а скоро она освободится? Можно ли заказать таблицу в этой теме?
она, не совсем белая, верх можно размножить цветом, а вот начиная с середины она градиентом, может попробуем поставить?
Вы хотите именно такую высоту блока?
Ну, я сделал как вы просили по скрину..
не, не так )))
если можно, сделайте код для вставки в форумы на главной для верха, для середины и для низа, чтобы другие страницы только не задели эти картинки, плиз.
низ я поставила, он ровный, только слово статистика уехало. а вот в остальном что-то в ступоре я )))
Вы хотите именно такую высоту блока?
на начальном этапе - примерно да, по мере наполнения она будет расти, поэтому и говорю, что надо хотя бы половину из этой картинки пустить.
низ я поставила, он ровный, только слово статистика уехало
Правка:
#pun-index #pun-stats {margin-top: 6px!important;}Ставите свое значение..
если можно, сделайте код для вставки в форумы на главной для верха, для середины и для низа, чтобы другие страницы только не задели эти картинки, плиз.
Ну, для того чтобы что то вставлять - надо это что-то иметь, а вы этого не дали... Будут картинки - сделаем..
а вот в остальном что-то в ступоре я )))
Остальном это в чем?
Правка:
Ставите свое значение..
Ну, для того чтобы что то вставлять - надо это что-то иметь, а вы этого не дали... Будут картинки - сделаем..
Остальном это в чем?
спасибо огромное за главную! пока правлю, чуть позже разрежу картинку в панель.
спасибо! ты гений 
Tusich
Перемудренно с "Моим настроением" над категориями:
#pun-index #pun-crumbs1 {background: none;
margin: 55px 0px -57px 13px;}
kolobdur74
я больше не могу! 
я выдохлась с этими подгонами, перепсиховалась. слов нет.
помоги пожалуйста ))) я уже не знаю, как всё это сделать. панелька вниз сместилась, верх не виден форумов, текстовые названия категорий и статистика опять убежали, я уже вою от безысходности )))))
я больше не могу! я выдохлась с этими подгонами, перепсиховалась. слов нет.
помоги пожалуйста ))) я уже не знаю, как всё это сделать. панелька вниз сместилась, верх не виден форумов, текстовые названия категорий и статистика опять убежали, я уже вою от безысходности )))))
Сделай в фотошопе полностью картинку как ты хочешь чтобы было... Мне сложно когда я не представляю результата... То есть сделай диз на фотошопе конечного результата - я тогда уже прикину, как это реализовать... Там можно сделать проще, чем ты делаешь...
Отредактировано kolobdur74 (Сб, 28 Янв 2017 18:56:40)
Сделай в фотошопе полностью картинку как ты хочешь чтобы было... Мне сложно когда я не представляю результата...
вот скрин, всё остальное вернула на место, скобку нечаянно удалила, нашла.
Там можно сделать проще, чем ты делаешь...
ну дык уже всё готово почти, останется футер и табличку в объявление, остальное уже со шрифтами. диз есть готовый, но он в 2 раза уже, он был для блогов, я рискнула переделать под форум.
можно ведь потом, после всех уже манипуляций, адаптировать код под мобильные устройства, выявить ошибки, точнее я их вижу, но не могу исправить, благо их не много и попробовать сократить его. но я этого сделать не смогу я с кодами на "вы" общаюсь и чаще методом тыка )))
вот скрин, всё остальное вернула на место, скобку нечаянно удалила, нашла.
Вот здесь:
#pun-index .category {
border-style: solid !important;
background: url(http://forumstatic.ru/files/0018/1d/15/56290.png) repeat center bottom !important;
margin-bottom: -20px;
margin-top: 0px;}
То что красным - это отступ снизу, но с минусовым значением он уменьшает расстояние, а не увеличивает, в данном случае его вообще можно убрать, а вот то что зеленым - это отступ сверху и его как раз можно сделать пикселей 10-20...
ну дык уже всё готово почти, останется футер и табличку в объявление, остальное уже со шрифтами. диз есть готовый, но он в 2 раза уже, он был для блогов, я рискнула переделать под форум.
можно ведь потом, после всех уже манипуляций, адаптировать код под мобильные устройства, выявить ошибки, точнее я их вижу, но не могу исправить, благо их не много и попробовать сократить его. но я этого сделать не смогу я с кодами на "вы" общаюсь и чаще методом тыка )))
Не, диз прикольный, но во многих случаях можно сделать не картинками, а через css - бордюры те же, закругленности - во многом они только усложняют жизнь для вставки, тем более каждая картинка - это вес форума....
Tusich
По поводу поднятия боковой панели - она в той же таблице, что и категории, то бишь является ячейкой таблицы и выше чем категории быть не может... То есть тут либо убрать вообще панельку "Мое настроение" с главной, либо опустить под нее все, а ее расширить...
Отредактировано kolobdur74 (Сб, 28 Янв 2017 19:27:38)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)