Оформление форума и некоторые элементы
Сообщений 221 страница 240 из 601
Поделиться222Вт, 31 Янв 2012 16:19:49
Tusich
Ксать = Поправь скрипт Нот Листа и проверь еще раз
<!--Боковая панелька--> <div id=Inf_block_Left style="display:none"> <!--НАЧАЛО--> <h2>Хот-лист</h2> <br><center><div align='left' id='help_from_rps'><div></center> <h2>Гостям</h2> <br><center>Скоро будет</center><br> <h2>Опросы</h2> <br><center>Скоро будет</center><br> <h2>Для рекламы</h2> <br><center>Скоро будет</center><br> </div> <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:0px;" id=News_'; var block2="</div><br><br>"; 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=20% valign=top><div class=wrp1>'+LeftSUM+'</div></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=20% valign=top><div class=wrp1>'+RightSUM+'</div></td>';/*alert(RightSUM);*/} if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width 100% id="NEWS"><tr valign=top>'+LeftSUM+'<td id="MainCenter"><div class=wrp1>'+$("#pun-main").html()+'</div></td>'+RightSUM+'</tr></table>'); };} </script> <!--Конец скрипта панельки--> <script src="/export.php?type=js&max=15" type="text/javascript"></script> <script type="text/javascript"> var i = 0; var j='<img сlass="Mystrlk" src="http://forumstatic.ru/files/000f/a2/9c/87048.png"/>'; for(i in content) { document.getElementById("help_from_rps").innerHTML += j+'<a href=\"' + content[i][2] + '\" target=\"_self\">' + content[i][3] + '</a><br />'; } </script><!--HOT_ЛИСТ-->
Отредактировано Deff (Вт, 31 Янв 2012 16:20:19)
Поделиться223Вт, 31 Янв 2012 16:21:09
и да, забыла ещё спросить, можно ли убрать жёлтую обводку сообщений, да и в любом поле при, например, создании темы и т.д. Она мешает очень, только курсор убираю ниже, чтобы он не мешалсо, тут же набираю текст и он оказывается в том поле, где и курсор, раньше этого не было.
Гы - Эт к Админу сервиса - я ему ужо говорил
Поделиться224Вт, 31 Янв 2012 16:22:31
который не везде в форме ответа работает, а точнее в изображении и на скрине показан какой-то косяк в шрифте
Ет у тя бордер наколадывается от нижних контейнеров...
Отредактировано Deff (Вт, 31 Янв 2012 16:24:53)
Поделиться225Вт, 31 Янв 2012 16:24:36
А ты рекламе всё позапретила - так шо ищи и правь сама - я не вижу формы ответа
Поделиться226Вт, 31 Янв 2012 16:30:29
Deff
зайди в форум "реклама", там делай что хочешь ))))
к Кафлану я обращусь и в обязательном порядке, про косяк тож понятно )) а вот цвет фона надо бы добавить в загрузки картинок
Поделиться227Вт, 31 Янв 2012 16:33:28
Ксать = Поправь скрипт Нот Листа и проверь еще раз
поставила правленный и всё равно в ИЕ не видно, ну и ладно, напишу, чтобы не использовали этот браузер, думаю, что большинство им и не пользуется
Поделиться228Вт, 31 Янв 2012 16:37:14
а вот цвет фона надо бы добавить в загрузки картинок
<style>
#image-area {
background-color:#B3B1BF;
border:outset 2px #B3B1BF;
}
#pun-break4 {
border:none transparent 0!important;
}
</style>
Или в конец второго Окна без тегов
Убрал линию
Отредактировано Deff (Вт, 31 Янв 2012 16:42:29)
Поделиться229Вт, 31 Янв 2012 16:47:38
Tusich
<style>
#size-area,
#color-area,
#smilies-area,
#keyboard-area,
#font-area,
#image-area {
background-color:#B3B1BF;
border:outset 2px #B3B1BF;
}
#pun-break4 {
border:none transparent 0!important;
}
</style>
Поделиться230Вт, 31 Янв 2012 17:00:53
Deff
что-то не убирается и становится полупрозрачным, давай сделаем так:
фон шрифтов, размер текста, видео, картинки, цвета, смайлы и клавиатура окошком, как первоначально ты сделал на картинки, уберёшь полосу с шрифтов и всё это в стиль, а я счас уберу эти коды.
Поделиться231Вт, 31 Янв 2012 17:01:47
что-то не убирается и становится полупрозрачным, давай сделаем так:
Чо не убирается ?
Отредактировано Deff (Вт, 31 Янв 2012 17:02:02)
Поделиться232Вт, 31 Янв 2012 17:02:54
Deff
линия оттуда
Поделиться233Вт, 31 Янв 2012 17:05:30
всё, всё нормально - это я туплю, поставила в вверх, щас только цвет поменяю.
Поделиться234Вт, 31 Янв 2012 17:09:23
Tusich
В Конец Первого Окна стиля - совокупность:
/* Рамка форума */ #pun-title h1 span { display:none; } .punbb .main .wrp1 th.tcr, .punbb .main .wrp1 td.tcr{ padding-left:44px!important; } .punbb .main .wrp1 .container{ background-image:url(http://uploads.ru/i/S/n/8/Sn8pB.png); background-position:0 0; background-repeat:repeat-x; } .punbb .main .wrp1 h2{ background-position:-80px 0!important; } #NEWS td .wrp1{ border:#302236 3px double; } #NEWS td .wrp1 h2{ margin-left: 0; } .post { background-image:url(http://uploads.ru/i/L/i/U/LiUKl.png); background-position:left bottom; background-repeat:no-repeat; padding-bottom:3.0em; width:1036px; margin-left:-1px; } .linkst .pagelink { top: -5.2em; } .linkst .postlink { top: -5.2em; } .punbb .main table { table-layout: fixed; width: 99%; margin-left:6px; margin-right:6px; } punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { margin-left:5px; max-width:1000px!important } #pun-crumbs1 { background-image: url(http://forumstatic.ru/files/000f/a2/9c/93446.png); background-position:center bottom; background-repeat:no-repeat; margin-bottom: -6px; height:78px; } #pun-main, #pun-stats, #tieser-bottom, #pun-crumbs2, #pun-break3, #pun-break4{ background-image: url(http://forumstatic.ru/files/000f/a2/9c/84104.png); background-position:center bottom; background-repeat:repeat-y; margin-top:-6px!important; margin-bottom:-6px!important; } #pun-about { margin-top:0; background-image: url(http://forumstatic.ru/files/000f/a2/9c/14168.png); background-position:center top; background-repeat:no-repeat; min-height:142px; } .punbb .section{ border-color:transparent; margin:-1px 0; } /* Табличка Под Авву * / table.frameforavatar, table.frameforavatar tr, table.frameforavatar td { table-layout: auto!important; padding:0!important; margin:0!important; border-collapse:collapse!important; border:none 0 transparent!important; text-align:center; } table.frameforavatar td.AvrImd img { display:block; padding:0!important; margin:0!important; border:none 0 transparent!important; } table.frameforavatar td.W2, table.frameforavatar td.W3 { width:24px!important;/*Ширина Подрамника cлево-справо*/ } table.frameforavatar tr.z1, table.frameforavatar tr.z3 { height:37px!important;/*Высота Подрамника cнизу-сверху*/ } table.frameforavatar td.AvrImd { padding:0!important; margin:0!important; width:160px; /*Ширина Аватарки*/ } table.frameforavatar tr.z1 {/* Cтавим верхнюю часть Рамки */ background:url(http://forumstatic.ru/files/000f/a2/9c/91142.png) no-repeat top right; } table.frameforavatar td.W2 {/* Cтавим Рамку Слева */ background:url(http://forumstatic.ru/files/000f/a2/9c/91142.png) no-repeat left center; } table.frameforavatar td.W3 {/* Cтавим Рамку Справо */ background:url(http://forumstatic.ru/files/000f/a2/9c/91142.png) no-repeat right center; } table.frameforavatar tr.z3 {/* Cтавим Рамку Снизу */ background:url(http://forumstatic.ru/files/000f/a2/9c/91142.png) no-repeat bottom right; } table.frameforavatar{ /* Фон Под Аватаркой*/ background:url(http://forumstatic.ru/files/000f/a2/9c/98201.png) no-repeat bottom left; } li.pa-avatar.item2{ margin:0 12px 0 -12px!important; } /* Правки для messag */ #pun-messages .post { max-width:771px; } #pun-messages table.frameforavatar td.W2, #pun-messages table.frameforavatar td.W3 { width:18px!important;/*Ширина Подрамника cлево-справо*/ } #pun-messages table.frameforavatar tr.z1, #pun-messages table.frameforavatar tr.z3 { height:30px!important;/*Высота Подрамника cнизу-сверху*/ } #pun-messages table.frameforavatar td.AvrImd { padding:0!important; margin:0!important; width:160px; /*Ширина Аватарки*/ } #pun-messages table.frameforavatar tr.z1 {/* Cтавим верхнюю часть Рамки */ background:url(http://uploads.ru/i/n/E/H/nEHkJ.png) no-repeat top center!important; } #pun-messages table.frameforavatar td.W2 {/* Cтавим Рамку Слева */ background:url(http://uploads.ru/i/n/E/H/nEHkJ.png) no-repeat left center!important; } #pun-messages table.frameforavatar td.W3 {/* Cтавим Рамку Справо */ background:url(http://uploads.ru/i/n/E/H/nEHkJ.png) no-repeat right center!important; } #pun-messages table.frameforavatar tr.z3 {/* Cтавим Рамку Снизу */ background:url(http://uploads.ru/i/n/E/H/nEHkJ.png) no-repeat bottom center!important; } #pun-messages table.frameforavatar{ /* Фон Под Аватаркой*/ background-image:none!important; } #pun-messages li.pa-avatar.item2{ margin:0 0!important; } /* Фон всплывающих менюшек в поле ответа */ #size-area, #color-area, #smilies-area, #keyboard-area, #font-area, #image-area { background-color:#B3B1BF; border:outset 2px #B3B1BF; } #pun-break4 { border:none transparent 0!important; } /* Фон цитаты */ #pun-main .quote-box, #pun-main .code-box {background-image : url("http://forumstatic.ru/files/000f/a2/9c/38193.png"); border-color: transparent; } /* панелька Приветсвия */ #wrp0 .container{ padding-top:0.1em; color:#8E8EA5; text-shadow:#E5E1F4 3px 3px 12px,#000 1px 1px 01px; line-height:160%; font-size:13px; text-align:center; font-weight:700; display:inline-block; font-family:'Palatino Linotype'; margin-left:22px; } #wrp0 a[href="/register.php"], #wrp0 .item2 strong,#wrp0 .item2{display:block;} #wrp0 .buttOn{ display:inline-block; text-align:center; } #wrp0 a{ color:#EDEDED; font-size:16px; text-shadow:none; text-shadow:#544E5E 1px 1px 01px; } #wrp0 span a{ text-shadow:none; } #wrp0 a:hover{ color:#8E8EA5; } #wrp0 button { font-size: 12px!important; padding:1px 5px 2px 5px; margin:0; }
Поделиться235Вт, 31 Янв 2012 17:15:00
HTML низ
<!-- панелька Приветсвия--> <div id="wrp0" style="display:none;margin-left:-7px;background:url(http://forumstatic.ru/files/000f/a2/9c/39829.png) no-repeat left top;width:306px;height:130px;top:33px;position:absolute;z-index:100;padding:12px"> <img class="av0r" height="94" style="margin-top:4px;float:left;margin-right:3px;border:outset 1px #C8BFE7;" src="http://savepic.org/1864006.png" alt="Аватар"/> <!-- Тут Приветствие Пользователю --> <span class=buttOn style="padding:0;margin:0;margin-top:-12px;width:186px;"><a href="../profile.php?id=####"><button>Профиль</button></a> <a href="../messages.php"><button><img class="alr" src="http://forumstatic.ru/files/000f/a2/9c/12081.gif" style="display:none;position:absolute;z-index:100;margin-top:20px;"/>ЛС</button></a> <a href="../login.php?action=out&id=####"><button>Выход</button></a></span> </div> <script type="text/javascript"> if(typeof(UserID)!='undefined'){$("#wrp0 .buttOn").html($("#wrp0 .buttOn").html().replace(/####/img,UserID)); $("#pun-status .container").insertAfter("#wrp0 .av0r") if(typeof(UserAvatar)!='undefined'){if(UserAvatar!=''){$("#wrp0 .av0r").attr("src",UserAvatar)}}; $("#pun-navlinks #navprofile,#pun-navlinks #navpm,#pun-navlinks #navlogout").hide(); if($("#pun-navlinks #navpm a span").text().indexOf("(")!=-1){$("#wrp0 .alr").show()} }else { $("#wrp0 .buttOn,#pun-navlinks #navregister,#pun-navlinks #navlogin").hide(); $("#pun-status .container").insertAfter("#wrp0 .av0r") $("#wrp0 .container").css({"font-size":"18px","margin-top":"0px"}) } $("#wrp0 .container .item2").html($("#wrp0 .container .item2").html().replace(/\.$/,' ')) $("#wrp0").css({"opacity":0.0});$("#wrp0").show() $("#wrp0").animate({"opacity":1.0}, 2300 ) </script><!-- панелька--> <!-- иконка браузера --> <link rel="shortcut icon" href="http://forumstatic.ru/files/000f/a2/9c/72170.png" type="image/vnd.microsoft.icon"> <link rel="icon" href="http://forumstatic.ru/files/000f/a2/9c/72170.png" type="image/vnd.microsoft.icon"> <!-- Конец скрипта --> <!--Боковая панелька--> <div id=Inf_block_Left style="display:none"> <!--НАЧАЛО--> <h2>Хот-лист</h2> <br><center><div align='left' id='help_from_rps'><div></center> <h2>Гостям</h2> <br><center>Скоро будет</center><br> <h2>Опросы</h2> <br><center>Скоро будет</center><br> <h2>Для рекламы</h2> <br><center>Скоро будет</center><br> </div> <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:0px;" id=News_'; var block2="</div><br><br>"; 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=20% valign=top><div class=wrp1>'+LeftSUM+'</div></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=20% valign=top><div class=wrp1>'+RightSUM+'</div></td>';/*alert(RightSUM);*/} if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width 100% id="NEWS"><tr valign=top>'+LeftSUM+'<td id="MainCenter"><div class=wrp1>'+$("#pun-main").html()+'</div></td>'+RightSUM+'</tr></table>'); };} </script> <!--Конец скрипта панельки--> <script src="/export.php?type=js&max=15" type="text/javascript"></script> <script type="text/javascript"> var i = 0; var j='<img сlass="Mystrlk" src="http://forumstatic.ru/files/000f/a2/9c/87048.png"/>'; for(i in content) { document.getElementById("help_from_rps").innerHTML += j+'<a href=\"' + content[i][2] + '\" target=\"_self\">' + content[i][3] + '</a><br />'; } </script><!--HOT_ЛИСТ--> <!-- Табличка Под Авву --> <div id="addtable" style="display:none"> <table cols="3" rows="3" valign="top" cellspacing="0" cellpadding="0" class="frameforavatar"><tbody> <tr class="z1"><td class="W1" colspan="3"></td></tr> <tr class="z2"><td class="W2"></td><td class="AvrImd"></td><td class="W3"></td></tr> <tr class="z3"><td class="W4" colspan="3"></td></tr> </tbody></table></div> <script> $(document).ready(function(){ var Wavr=$("table.frameforavatar td.AvrImd").css("width"); Wavr=parseInt(Wavr.substring(0,Wavr.length-2)); var WFr=$("table.frameforavatar td.W2").css("width"); WFr=parseInt(WFr.substring(0,WFr.length-2)); var tbl=$("#addtable").html() $("div.post-author ul li img[alt='Аватар']").each(function () { $(this).parent().children("img").removeAttr("width") $(this).parent().children("img").removeAttr("height") $(this).parent().find("[alt='Аватар']").css("width",Wavr+"px"); $(this).parent().children("img").removeAttr("height") var s=$(this).parent().html() $(this).before(tbl) $(this).parent().find("table.frameforavatar td.AvrImd").append(s) $(this).parent().find("table.frameforavatar").css("width",(Wavr+2*WFr)+"px"); $(this).parent().find("table.frameforavatar").css("width"); $(this).parent().find("img[alt='Аватар']:last").remove(); });}); </script> <!-- Конец скрипта таблички Под Авву --> <!--Спойлер--> <style> #button-spoiler {background-image:url('http://img706.imageshack.us/img706/1943/spoiler.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> function tag_spoiler(){ var y = prompt("Введите описание закрытой кнопки",''); if(y!='null' && y!='' && typeof(y)!='object' && typeof(y)!='undefined'){ var x = prompt("Введите описание открытой кнопки",'Закрыть'); if(x=='null' || x=='' || typeof(x)=='object' || typeof(x)=='undefined') bbcode('[spoiler='+y+']','[/spoiler]'); else bbcode('[spoiler='+y+'|'+x+']','[/spoiler]');} else bbcode('[spoiler]','[/spoiler]') } function addSpoiler(str,from,internal){ var pos=0,pos2=0,pos_c=0,pos_l=0,newpos=0,string='',close='',open=''; if((pos=str.indexOf("[spoiler",from))==-1) return str; if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str; if(((pos_c=str.indexOf("]",pos+8))!=-1) && ((pos_c!=pos+8)&&(pos_c!=pos+9))){ string = str.substring(pos+9,pos_c); if((pos_l = string.indexOf("|"))!=-1){ close = string.substring(0,pos_l); open = string.substring(pos_l+1,string.length); } else{ close = string; open = string; } } else{ close = 'Показать спойлер'; open = 'Скрыть спойлер'; } newpos=str.indexOf("[spoiler",pos+9) if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true) if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str; str=str.substring(0,pos)+makeSpoiler(str.substring(pos_c+1,pos2),open,close)+str.substring(pos2+10,str.length) if( str.indexOf("[spoiler")!=-1 && internal==false) str=addSpoiler(str,0,false) return str; } function makeSpoiler(txt,open,close){ txt='<div class="quote-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:140px;font-size:10px; margin:0; cursor: pointer" type="button" value="'+close+'"></cite><blockquote class="quote-box" style="display:none; width: 80%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>' return txt; } $(document).ready(function(){ $("div.quote-box > cite > input.spoiler-button").click(function(){ $(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow"); var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a); }); }); if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addSpoiler(post.innerHTML,0,false) } } if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img id=\"button-spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />" </script> <!-- Конец скрипта спойлера --> <!-- Возможность редактирования последнего сообщения --> <script> document.getElementsByClassName = function(clsName){ var retVal = new Array(); var elements = document.getElementsByTagName("*"); for(var i = 0;i < elements.length;i++){ if(elements[i].className.indexOf(" ") >= 0){ var classes = elements[i].className.split(" "); for(var j = 0;j < classes.length;j++){ if(classes[j] == clsName) retVal.push(elements[i]); } } else if(elements[i].className == clsName) retVal.push(elements[i]); } return retVal; } if (GroupID && GroupID >= 4) { var arr = document.getElementsByClassName('pl-edit'); if (arr && arr.length > 1) { for (var i = 0; i < arr.length - 1; i++) { arr[i].innerHTML = ''; } } } </script> <!-- Конец скрипта -->
Поделиться236Вт, 31 Янв 2012 17:15:12
поставила и в верху убрала, правильно ведь?
Поделиться237Вт, 31 Янв 2012 17:16:01
В HTML верх - вроде чисто должно быть (Все убрали в стиль и Низ
Отредактировано Deff (Вт, 31 Янв 2012 17:17:43)
Поделиться238Вт, 31 Янв 2012 17:20:03
Tusich
HTML Верх полностью очисти - Всё уже есть ( не нун дублировать
Поделиться239Вт, 31 Янв 2012 17:21:17
Deff
посмотри, что с аватарками в сообщениях делается
Поделиться240Вт, 31 Янв 2012 17:25:01
Гдето ошибка в Коде - ищу