Скрипт, создающий тень для цитат, искажает спойлер

Страница: 1

Сообщений 1 страница 15 из 15

Поделиться1Чт, 9 Фев 2012 22:39:16

Автор: Линн
Заслуженный
Зарегистрирован: Пн, 10 Ноя 2008
Сообщений: 126
Уважение: +12
Позитив: +45
Пол: Женский
Последний визит:
Чт, 15 Янв 2015 22:01:22

Нашла скрипт, создающий рамку вокруг цитат и спойлера и отбрасывающий тень от этой рамки. Поставила скрипт у себя. С цитатами он работает великолепно, но вот спойлер выглядит совсем не так симпатично. Подскажите, пожалуйста, как сделать так, чтобы этот скрипт не затрагивал спойлеры?

Сам скрипт отсюда и выглядит он вот так:

В HTML верх

<style>
.punbb .quote-box, .punbb .code-box {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;

box-shadow: 0px 5px 18px #000;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
}
</style>

Так выглядит спойлер в новом виде:

А вот так он должен выглядеть:

Так сейчас выглядит развёрнутый спойлер:

А вот так он должен выглядеть:

Поделиться2Чт, 9 Фев 2012 22:47:10

Автор: ruslan_as
Заслуженный
Зарегистрирован: Пн, 21 Ноя 2011
Сообщений: 815
Уважение: +52
Позитив: +329
Последний визит:
Чт, 5 Янв 2017 11:30:27

Линн написал(а):

Так выглядит спойлер в новом виде:

Мне помогли и теперь это выглядит так, тоже не ахти, получается двойное, но пока выхода не нашёл..

Поделиться3Чт, 9 Фев 2012 22:50:40

Автор: Линн
Заслуженный
Зарегистрирован: Пн, 10 Ноя 2008
Сообщений: 126
Уважение: +12
Позитив: +45
Пол: Женский
Последний визит:
Чт, 15 Янв 2015 22:01:22

Спасибо, что откликнулись!
Как у вас, всё же лучше, чем с угольной рамкой. Если никто не подскажет нам более удачного варианта, поделитесь кодом?

А вообще удивительно, неужели нельзя никак спойлер как-то исключить из этого скрипта? Странно это всё.

Поделиться4Чт, 9 Фев 2012 22:55:56

Автор: ruslan_as
Заслуженный
Зарегистрирован: Пн, 21 Ноя 2011
Сообщений: 815
Уважение: +52
Позитив: +329
Последний визит:
Чт, 5 Янв 2017 11:30:27

Линн
Конечно поделюсь. Но это там только в Хроме, в Лисе осталось так как у вас.(((

Линн написал(а):

неужели нельзя никак спойлер как-то исключить из этого скрипта? Странно это всё.

Думаю можно, поймайте Деффа и попросите. Он может почти всё! :cool:

Поделиться5Чт, 9 Фев 2012 23:49:13

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 18:01:03

Линн
Ссылку на сообщение со спойлером (Клик по дате

Поделиться6Чт, 9 Фев 2012 23:54:16

Автор: tsseyiudhz]]
Заслуженный
Зарегистрирован: Ср, 12 Янв 2011
Сообщений: 44
Уважение: +1
Позитив: +8
Последний визит:
Вс, 27 Сен 2015 21:38:03

Добрый день, скажите пожалуйста каким кодом можно расположить буквы на шапке, в выделенном поле под бумагу? Там где Джемма Артертон и написано Queensland university
http://queensland.rolbb.ru/

Поделиться7Чт, 9 Фев 2012 23:58:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 18:01:03

tsseyiudhz]] написал(а):

Добрый день, скажите пожалуйста каким кодом можно расположить буквы на шапке, в выделенном поле под бумагу? Там где Джемма Артертон и написано Queensland university
http://queensland.rolbb.ru/

Типовые Вопросы п.п.34-35

Поделиться8Чт, 9 Фев 2012 23:59:44

Автор: Линн
Заслуженный
Зарегистрирован: Пн, 10 Ноя 2008
Сообщений: 126
Уважение: +12
Позитив: +45
Пол: Женский
Последний визит:
Чт, 15 Янв 2015 22:01:22

Спойлер в тексте сообщения: http://altengland.mybb.ru/viewtopic.php?id=90#p541

Поделиться9Пт, 10 Фев 2012 01:26:05

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 18:01:03

Линн написал(а):

Спойлер в тексте сообщения: http://altengland.mybb.ru/viewtopic.php?id=90#p541

Попробуйте заменить скрипт

Код:

<!-- Код спойлера -->
<style>
.punbb .post-content .spoiler-box {width:528px!important;}
.spoiler-box blockquote{margin-top:6px!important;width:100%;;padding:12px!important;}
#button-spoiler {background-image:url('http://i603.photobucket.com/albums/tt120/altengland/smiles/a89fb7b8.png'); 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="spoiler-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;" type="button" value="'+close+'"></cite><blockquote class="spoiler-box" style="display:none; width: 80%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>'
	return txt;
}

$(document).ready(function(){
	$("div.spoiler-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.spoiler-box:first").find("blockquote.spoiler-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>
<!-- Конец кода спойлера -->

Поделиться10Пт, 10 Фев 2012 01:48:18

Автор: Линн
Заслуженный
Зарегистрирован: Пн, 10 Ноя 2008
Сообщений: 126
Уважение: +12
Позитив: +45
Пол: Женский
Последний визит:
Чт, 15 Янв 2015 22:01:22

Deff
Теперь спойлер красивый, но цитаты не выделяются вообще ((

Цитата http://altengland.mybb.ru/viewtopic.php?id=90#p543

Поделиться11Пт, 10 Фев 2012 01:55:00

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 18:01:03

Линн
Собственно не вижу у Вас код Выделения цитаты! Поставьте код и посмотрите

<style>
.punbb .quote-box, .punbb .code-box {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;

box-shadow: 0px 5px 18px #000;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
}
</style>

Поделиться12Пт, 10 Фев 2012 08:49:14

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 18:01:03

Линн написал(а):

Теперь спойлер красивый, но цитаты не выделяются вообще ((

Цитата http://altengland.mybb.ru/viewtopic.php?id=90#p543

Хм - А скрипт спойлера новый - где ???

Поделиться13Пт, 10 Фев 2012 21:31:04

Автор: Линн
Заслуженный
Зарегистрирован: Пн, 10 Ноя 2008
Сообщений: 126
Уважение: +12
Позитив: +45
Пол: Женский
Последний визит:
Чт, 15 Янв 2015 22:01:22

Deff
Там оба кода стоят. Вот весь код HTML верха:

Код:

<!-- Код защиты от изменения инфы в пиар нике -->
<style>
#pun-main #profile1[action$="id=3"]{
display:none;
}
</style>


<link rel="stylesheet" type="text/css"
<!-- Центрирует профиль -->
<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-reg{ text-align: center;}
.pa-posts{ text-align: center;}
.pa-respect{ text-align: center;}
.pa-positive{ text-align: center;}
.pa-sex{ text-align: center;}
.pa-icq{ text-align: center;}
.pa-ip{ text-align: center;}
.pa-online{ text-align: center;}
.pa-age{ text-align: center;}
.pa-mailagent{ text-align: center;}
.pa-reg { text-align: center;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
.pa-time-visit{ text-align: center;}
.pa-last-visit{ text-align: center;}
.pa-fld1{ text-align: center;}
.pa-fld2{ text-align: center;}
.pa-fld3{ text-align: center;}
</style>
<!-- Конец центрирования профиля -->



<!-- Скрипт наград -->
<script type="text/javascript">
function awardsOpen(str)
{
var awardsn = new Array();

awardsn["moder"] = new Array("От меня", "http://www.iconsearch.ru/uploads/iconlib/linspireclear/128x128/filesystems/trashcan_empty.png", "За модераторскую помощь")
awardsn["helper"] = new Array("От Маши", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/apps/khelpcenter.png", "Неоценимая помощь форуму")
awardsn["money"] = new Array("От Феди", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/actions/db_add.png", "За материальную помощь форуму")



str = str.split(",")
if(str[str.length-1].substring(str[str.length-1].length-1, str[str.length-1].length)==" "){str[str.length-1]=str[str.length-1].substring(0, str[str.length-1].length-1)}
var msg = new String("");
msg = "<head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1251\" /><link rel=\"stylesheet\" type=\"text/css\" href=\"http://forum.mybb.ru/style/"+BoardStyle+"/"+BoardStyle+".css\" /><title>Подарки</title>"
msg+= "<style type=\"text/css\">html, body, #pun, #pun-main {background-image: none; margin: 2px 2px; width: 99%;}</style><body>"
msg+="<div id=\"pun\" class=\"punbb\"><div id=\"pun-main\" class=\"main\">"
msg+="<table class=\"container\"><tr><th width=\"15%\">От кого</th><th width=\"25%\">Иконка</th><th>За что</th></tr>";
for(i=0;i<str.length;i++){
	msg+="<tr><td align=\"center\"><span>"+awardsn[str[i]][0]+"</span></td><td align=\"center\"><img width=\"100px\" height=\"100px\" src=\""+awardsn[str[i]][1]+"\" /></td><td align=\"center\"><span>"+awardsn[str[i]][2]+"</span></td></tr>";
}
msg+="</table>";
msg+="</div></div></body></html>";
popup = window.open("", "", "height=300, width=700, top=300, left=300, scrollbars=1")
popup.document.write(msg)
popup.document.close()
return false
}
var li = document.getElementsByTagName("li");
for(z=0;z<li.length;z++){
if(document.URL.indexOf("/profile.php?id=")!=-1 && li[z].innerHTML.indexOf('Подарки:')!=-1){ 
li[z].className='pa-fld2';li[z].innerHTML=$(".pa-fld2").text();$(".pa-fld2").css({'font-weight':'700','float':'none','padding-left':'1em','text-align':'left'});}
if(li[z].className=="pa-fld2"){
nag = li[z].innerHTML.substring(li[z].innerHTML.indexOf(": ")+2)
nag1 = nag.split(",");
nag1 = nag1.length;
li[z].innerHTML = "Подарки: <a href=\"javascript: //\" onclick=\"awardsOpen('"+nag+"');\" title=\"Показать подарки\">"+nag1+"</a>"
}
}
</script>






<!--  Выделение цитаты -->
<style>
    .punbb .quote-box, .punbb .code-box {
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
    }
</style>
<!--  Конец выделения цитаты -->





<!--  Код спойлера -->
<style>
.punbb .post-content .spoiler-box {width:528px!important;}
.spoiler-box blockquote{margin-top:6px!important;width:100%;;padding:12px!important;}
#button-spoiler {background-image:url('http://i603.photobucket.com/albums/tt120/altengland/smiles/a89fb7b8.png'); 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="spoiler-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;" type="button" value="'+close+'"></cite><blockquote class="spoiler-box" style="display:none; width: 80%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>'
	return txt;
}

$(document).ready(function(){
	$("div.spoiler-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.spoiler-box:first").find("blockquote.spoiler-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>
<!--  Конец кода спойлера -->




<!--  Дизайн -->
<table border=0 width="298px" height="308px" style="text-align: justify; position: absolute; margin-left: -130px; top: 0px; "><tr align=center><td><img src="http://www.10pix.ru/img1/1477/6797441.png"></td></tr></table>

<table border=0 width="166px" height="242px" style="text-align: justify; position: absolute; margin-left: -145px; top: 300px; "><tr align=center><td><img src="http://www.10pix.ru/img1/4073/6797434.png"></td></tr></table>

<table border=0 width="90px" height="390px" style="text-align: justify; position: absolute; margin-left: 780px; top: -20px; "><tr align=center><td><img src="http://www.10pix.ru/img1/1805/6778109.png"></td></tr></table>

<style type="text/css">
#pun-title, #pun-navlinks, .punbb select,
.punbb .container, .punbb .post-body, .post h3,.punbb .section, .punbb
.forum,.punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post,
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin
#pun-admain h2,
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post
.post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table,
.punbb th,
.punbb .quote-box, .punbb .code-box,
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal
.info-box h3.legend span,
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal
.info-box h3.legend,
.punbb .divider,
.punbb .formal fieldset .post-box, .punbb .info-box,
li.pa-online {
border-style: none !important;
background-color: transparent !important; 
background-image: none;
}
</style>

<div style="position: absolute; width: 180px; height: 225px; top: 130px; right: 80px; overflow: auto;">
<center>
Тексттекстекстекст текст текст текст текст текст текст текст текст текст текст еткаткт ектс Тексттекстекстекст текст текст текст текст текст текст текст текст текст текст еткаткт ектс Тексттекстекстекст текст текст текст текст текст текст текст текст текст текст еткаткт ектс Тексттекстекстекст текст текст текст текст текст текст текст текст текст текст еткаткт ектс 

</center>
</div>
<!--  Конец дизайна -->

Отредактировано Линн (Пт, 10 Фев 2012 21:31:46)

Поделиться14Пт, 10 Фев 2012 21:43:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 18:01:03

Линн
:mad:

Первое
Есть русское слово заменить (заметьте - я не говорил удвоить!...

Поделиться15Пт, 10 Фев 2012 21:49:10

Автор: Линн
Заслуженный
Зарегистрирован: Пн, 10 Ноя 2008
Сообщений: 126
Уважение: +12
Позитив: +45
Пол: Женский
Последний визит:
Чт, 15 Янв 2015 22:01:22

Работает!! Увидела, где напутала (продублировала)!! :idea:

СПАСИБО!!! :cool:

Отредактировано Линн (Пт, 10 Фев 2012 21:49:19)

Страница: 1

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Скрипт, создающий тень для цитат, искажает спойлер

Сообщений 1 страница 15 из 15

Поделиться1Чт, 9 Фев 2012 22:39:16

Поделиться2Чт, 9 Фев 2012 22:47:10

Поделиться3Чт, 9 Фев 2012 22:50:40

Поделиться4Чт, 9 Фев 2012 22:55:56

Поделиться5Чт, 9 Фев 2012 23:49:13

Поделиться6Чт, 9 Фев 2012 23:54:16

Поделиться7Чт, 9 Фев 2012 23:58:32

Поделиться8Чт, 9 Фев 2012 23:59:44

Поделиться9Пт, 10 Фев 2012 01:26:05

Поделиться10Пт, 10 Фев 2012 01:48:18

Поделиться11Пт, 10 Фев 2012 01:55:00

Поделиться12Пт, 10 Фев 2012 08:49:14

Поделиться13Пт, 10 Фев 2012 21:31:04

Поделиться14Пт, 10 Фев 2012 21:43:16

Поделиться15Пт, 10 Фев 2012 21:49:10