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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » проблемы с фоном


проблемы с фоном

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

1

Я сделала, что бы на форуме был слитный фон (шел единой полосой), но из-за этого перестали выделяться форма ответов, цитата и кнопка спойлер.
Сейчас у меня так
А я хочу, что бы было так.
Вот мой хтмл верх, отвечающий за фон:

Код:
<style type="text/css"> 
 
#pun {
margin: auto; 
width : 898px; 
background-image: url("http://s006.radikal.ru/i214/1008/14/4311f27dfcaa.jpg");  
background-attachment: fixed;}

* {
border: none !important;
}

#pun-title, #pun-title h1, .punbb .main .container, .punbb td.tc3, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .post-body, .post-box, .punbb .post-links, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-ulinks .container, .punbb .post .container, .punbb .post h3, .punbb .post h3 span, .punbb td.tc2, .punbb td.tcr, #pun-stats h2, .punbb .main h1, .punbb .main h2, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb .post h3 strong, .punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input, #pun-navlinks .container, .punbb th, #pun-stats ul.container, #pun-stats div.statscon, #pun-crumbs2 .container, #pun-about .container {
background: transparent none;
}
</style>


<style type="text/css"> #pun-main .quote-box, #pun-main .code-box {background-image: url("http://s003.radikal.ru/i204/1008/11/fa20a98d69d8.jpg");  
background-attachment: fixed;
}</style>

0

2

.Carri  Адрес форума

и поясните смысл вот этого кода красным??

<style type="text/css"> #pun-main .quote-box, #pun-main .code-box {background-image: url("http://s003.radikal.ru/i204/1008/11/fa20a98d69d8.jpg"); 
background-attachment: fixed;
}</style>

Отредактировано Deff (Пт, 1 Окт 2010 23:12:03)

0

3

адрес

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

и поясните смысл вот этого кода красным??

Он фиксирует картинку на одном месте (т.е. картинка не прокручивается)

0

4

.Carri
Здравствуйте.

.Carri написал(а):

Я сделала, что бы на форуме был слитный фон (шел единой полосой), но из-за этого перестали выделяться форма ответов, цитата и кнопка спойлер. Сейчас у меня такА я хочу, что бы было так.Вот мой хтмл верх, отвечающий за фон:

Так?

Код:
<style type="text/css"> 
#pun {
margin: auto; 
width : 898px; 
background-image: url(http://s006.radikal.ru/i214/1008/14/4311f27dfcaa.jpg);  
}

* {
border: none !important;
}

#pun-title, #pun-title h1, .punbb .main .container, .punbb td.tc3, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .post-body, .post-box, .punbb .post-links, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-ulinks .container, .punbb .post .container, .punbb .post h3, .punbb .post h3 span, .punbb td.tc2, .punbb td.tcr, #pun-stats h2, .punbb .main h1, .punbb .main h2, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb .post h3 strong, .punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input, #pun-navlinks .container, .punbb th, #pun-stats ul.container, #pun-stats div.statscon, #pun-crumbs2 .container, #pun-about .container {
background: transparent none;
}

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input {
border: 1px solid #000 !important;
}

.punbb .quote-box, .punbb .code-box {
background-image: url(http://s003.radikal.ru/i204/1008/11/fa20a98d69d8.jpg);  
}
</style>

0

5

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

Так?

Почти. Мне бы хотелось, что бы рамка была выпуклой. И что бы этой рамкой был обвит только спойлер, а не еще и вокруг него.

Отредактировано .Carri (Сб, 2 Окт 2010 11:08:09)

0

6

.Carri написал(а):

Почти. Мне бы хотелось, что бы рамка была выпуклой. И что бы этой рамкой был обвит только спойлер, а не еще и вокруг него.

Дайте адрес странички со спойлером в топике

0

7

Deff
вот

0

8

.Carri написал(а):

Deffвот

:glasses: Попробуйте добавить в HTM верх:

<style>
.spoiler-button { padding-bottom: 3px; background: url(http://s001.radikal.ru/i196/1010/8f/f51a98be0f97.png)no-repeat center center!important; }
</style>

0

9

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

:glasses: Попробуйте добавить в HTM верх:

Лишняя рамка все равно не исчезла(

<style type="text/css">
#pun {
margin: auto;
width : 898px;
background-image: url(http://s006.radikal.ru/i214/1008/14/4311f27dfcaa.jpg); 
}

* {
border: none !important;
}

#pun-title, #pun-title h1, .punbb .main .container, .punbb td.tc3, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .post-body, .post-box, .punbb .post-links, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-ulinks .container, .punbb .post .container, .punbb .post h3, .punbb .post h3 span, .punbb td.tc2, .punbb td.tcr, #pun-stats h2, .punbb .main h1, .punbb .main h2, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb .post h3 strong, .punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input, #pun-navlinks .container, .punbb th, #pun-stats ul.container, #pun-stats div.statscon, #pun-crumbs2 .container, #pun-about .container {
background: transparent none;
}

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input {
border: 1px solid #000 !important;
}

.punbb .quote-box, .punbb .code-box {
background-image: url(http://s003.radikal.ru/i204/1008/11/fa20a98d69d8.jpg); 
}
</style>

А если я меняю это значение на 0, то пропадает рамка в форме ответа и цитатах.

Отредактировано .Carri (Сб, 2 Окт 2010 16:55:17)

0

10

.Carri написал(а):

Почти. Мне бы хотелось, что бы рамка была выпуклой. И что бы этой рамкой был обвит только спойлер, а не еще и вокруг него.

Сам скрипт спойлера в ХТМЛ-низ замените на этот:

Код:
<!--Спойлер-->
    <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; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:140px;font-size:10px; margin:0; cursor: pointer; border: none !important;" type="button" value="'+close+'"></cite><blockquote class="quote-box" style="display:none; width: 80%; border: none !important; 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>

А КСС-код в ХТМЛ-верх на этот:

Код:
<style type="text/css"> 
#pun {
margin: auto; 
width : 898px; 
background-image: url(http://s006.radikal.ru/i214/1008/14/4311f27dfcaa.jpg);  
}

* {
border: none !important;
}

#pun-title, #pun-title h1, .punbb .main .container, .punbb td.tc3, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .post-body, .post-box, .punbb .post-links, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-ulinks .container, .punbb .post .container, .punbb .post h3, .punbb .post h3 span, .punbb td.tc2, .punbb td.tcr, #pun-stats h2, .punbb .main h1, .punbb .main h2, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb .post h3 strong, .punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input, #pun-navlinks .container, .punbb th, #pun-stats ul.container, #pun-stats div.statscon, #pun-crumbs2 .container, #pun-about .container {
background: transparent none;
}

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input {
border: 1px ridge #000 !important;
}

.punbb .quote-box, .punbb .code-box {
background-image: url(http://s003.radikal.ru/i204/1008/11/fa20a98d69d8.jpg);  
}
</style>

0

11

.Carri написал(а):

Лишняя рамка все равно не исчезла(

Код из 8 сообщения удалите, он не нужен.

0

12

rps
Это уже ближе, но мне все равно хочется что бы кнопочка была выпуклой, а рамочка обвивала только небольшой прямоугольник вокруг спойлера, а не всю строчку, в котором он находится. /понимает что уже конкретно достала/

0

13

rps А мне больше понравилось с моим кодом и пунктиром
Все тоже в HTML верх

<style>
.spoiler-button { padding-bottom: 3px; background: url(http://s001.radikal.ru/i196/1010/8f/f51a98be0f97.png)no-repeat center center!important; }
</style>

Изменения Скрипта

Код:
<!--Спойлер-->
    <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: 1px dashed #930F1A!important;"><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: ; border: none !important;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);
    });
    });
 :hobo: 
    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>

.Carri Нарисуйте в конце -концов -что Вам хочецо, (* а то каждый свои думки реализует (*Хотя все равно испробуйте и мой код  :flirt:  http://s005.radikal.ru/i212/1010/44/bbaaa5f145b6.jpg

Отредактировано Deff (Сб, 2 Окт 2010 17:21:05)

0

14

Так я нарисовала еще в первом сообщении, точнее заскринила. Вот так хочу.  http://s40.radikal.ru/i089/1010/4e/479c8d0976dc.png
Но только с своим фоном страницы со спойлером. Как только я делаю фон слитным мой спойлер сразу перестает выглядеть так, как я хочу.

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

А мне больше понравилось с моим кодом и пунктиром

У вас близко к выпуклости, а у  rps к одной рамке.

0

15

.Carri ну добавьте чисто сss  от меня не меняя скрипта от rps

0

16

.Carri написал(а):

Это уже ближе, но мне все равно хочется что бы кнопочка была выпуклой, а рамочка обвивала только небольшой прямоугольник вокруг спойлера, а не всю строчку, в котором он находится. /понимает что уже конкретно достала/

Тогда скрипт спойлера замените ещё раз, вот на это:

Код:
<!--Спойлер-->
    <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; border: none !important;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:142px; height: 18px; background: url(http://s001.radikal.ru/i196/1010/8f/f51a98be0f97.png) no-repeat center center; font-size:10px; margin:0; cursor: pointer; border: none !important;" type="button" value="'+close+'"></cite><blockquote class="quote-box" style="display:none; width: 80%; border: none !important; 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>

Отредактировано rps (Сб, 2 Окт 2010 17:25:47)

0

17

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

Все тоже в HTML верх

Не нужно, он дублирует мой.

0

18

Вставил ваш рисунок кнопки

<style>
.spoiler-button { padding-bottom: 3px; background: url(http://s56.radikal.ru/i151/1010/7f/7c16532e4162.png)no-repeat center center!important; }
</style>

0

19

rps там жа  нету кнопочного рисунка ??? .spoiler-button  ???

Отредактировано Deff (Сб, 2 Окт 2010 17:28:47)

0

20

Deff
rps
Огромное вам спасибо) Наконец получила то, что хотела)))  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif

0


Вы здесь » Единый форум поддержки » Корзина » проблемы с фоном