Оформление форума и некоторые элементы
Сообщений 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
Гдето ошибка в Коде - ищу
Похожие темы
| Полезные советы при оформлении форума | Справочная | Чт, 29 Апр 2021 |
| Оформление некоторых элементов | Корзина | Вт, 4 Ноя 2008 |
| Вопросы по оформлению форума 3 | Корзина | Пн, 20 Окт 2008 |
| Требуется скрипт изменяющий некоторую часть оформления форума | Корзина | Чт, 7 Май 2009 |
| Общие вопросы по оформлению (41) | Корзина | Сб, 10 Мар 2012 |
