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

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

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


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


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

Сообщений 21 страница 40 из 53

21

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

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

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

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>'

Сказал же: он там уже есть, не надо по сто раз писать одно и то же. Код лишний.

0

22

rps не работал код в скрипте - было пусто (очевидно important нуно вклеивать

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

0

23

Добавил !important и сменил ссылку на текущий рисунок

Код:
<!--Спойлер-->
    <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://s56.radikal.ru/i151/1010/7f/7c16532e4162.png) no-repeat center center !important; 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>
.spoiler-button { padding-bottom: 3px; background: url(http://s56.radikal.ru/i151/1010/7f/7c16532e4162.png)no-repeat center center!important; }
</style>

Можно убрать

(С Оперы и Мозиллы смотрел - не было с обеих

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

0

24

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

rps не работал код в скрипте - было пусто (очевидно important нуно вклеивать

Ссылка.
У меня работает.

Отредактировано rps (Сб, 2 Окт 2010 23:21:09)

0

25

А можно еще вопрос? Как возвысить (добавить как бы тень с двух сторон)  форум над фоном страницы?

0

26

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

А можно еще вопрос? Как возвысить (добавить как бы тень с двух сторон)  форум над фоном страницы?

Вместо :

<style type="text/css">
#pun_wrap {background-image: url("http://s45.radikal.ru/i107/1008/da/fdd614cf221e.jpg"); background-attachment: fixed;}
</style>

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

Поставить такой код

<style type="text/css">
#pun_wrap {background: url(http://s40.radikal.ru/i089/1010/f3/b96c06069b5c.png) center top fixed;}
</style>

<style type="text/css">
#pun {
margin: auto;
width : 898px;

}

Отредактировано Deff (Сб, 2 Окт 2010 18:50:07)

0

27

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

Поставить такой код

Это немного не то. Я хочу так http://s004.radikal.ru/i206/1010/72/2e1cae16e787.png

0

28

Вариант 2 >

<style type="text/css">
#pun {background-color: transparent; width: 73%;}
</style>

    <style type="text/css">
    #pun_wrap {background: url(http://s40.radikal.ru/i089/1010/f3/b96c06069b5c.png) center top fixed;}
    </style>

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

    }

0

29

Это немного не то. Я хочу так  http://s004.radikal.ru/i206/1010/72/2e1cae16e787.png

ну нарисуйте сами и вставьте ссылку в    #pun_wrap {background: url(....

0

30

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

ну нарисуйте сами и вставьте ссылку в    #pun_wrap {background: url(....

а где рисовать и каких размеров?

0

31

Вариант 3

<style type="text/css">
    #pun {background-color: transparent; width: 73%;}
    </style>

        <style type="text/css">
        #pun_wrap {background: url(http://s57.radikal.ru/i156/1010/6f/65874fd581ff.png) center top fixed;}
        </style>

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

        }

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

а где рисовать и каких размеров?

Ну как исходник >  http://s43.radikal.ru/i100/1010/24/6e2f7e0e9e83.png

Отредактировано Deff (Сб, 2 Окт 2010 19:29:27)

0

32

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

СсылкаУ меня работает

Кстате rps - Cоррь, скрипт заработал даж без !important (*Пахож подглючивал радикал..

Кстать забавно стал работать, чем чаще к ссылке обращаешьсо, тем более она поверхностно лежит, если долгое время не трогаешь, засовывают в таку.. ж., можно вытаскивать минутами. (*Раньше всё это как то было не так заметно.

0

33

Все спасибо, все получилось)  http://mybb.ru/f/collection/0208.gif

0

34

У меня еще небольшой вопросик. Как можно сделать рекламу полупрозрачной, как на этом форуме?

0

35

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

У меня еще небольшой вопросик. Как можно сделать рекламу полупрозрачной, как на этом форуме?

Поддаются не все виды реклам полупрозрачности!
в HTML верх

<style> /* п/п рекламного модуля */
.title-logo-tdr *, #tieser-bottom{
  filter:alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}
.title-logo-tdr *:hover, #tieser-bottom:hover{
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>

0

36

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

У меня еще небольшой вопросик. Как можно сделать рекламу полупрозрачной, как на этом форуме?

Поддаются не все виды реклам полупрозрачности!
в HTML верх

<style>
.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=40);
  opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}</style>

0

37

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

Поддаются не все виды реклам полупрозрачности!
в HTML верх

Спасибо)

0

38

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

Поддаются не все виды реклам полупрозрачности!

А какие не поддаются-то?

0

39

Хм, а вот так будет для всех?

Код:
<style type="text/css">
.title-logo-tdr, #tieser-bottom {
 filter:alpha(opacity=40);
 opacity: 0.4;
 -moz-opacity: 0.4;
 -khtml-opacity: 0.4;
}
.title-logo-tdr:hover, #tieser-bottom:hover {
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>

0

40

У меня еще один вопрос доставать, так доставать моя шапка никак не хочет ложиться строго по размерам форума, хотя размер сделала такой, как у форума. Помогите выровнять шапку
Полный хтмл верх:

Код:
<style type="text/css">
#pun-title table {background-image : url(http://www.7image.ru/pics/1010/7497811.jpg);
background-repeat : no-repeat; height : 647px;
}
</style>


<style type="text/css">
#pun {background-color: transparent; width: 73%;}
</style>

           <style type="text/css">
        #pun {background-color: transparent; width: 73px;}
        </style>

            <style type="text/css">
            #pun_wrap {background: url(http://www.7image.ru/pics/1010/74962665.jpg) center top fixed;}
            </style>

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

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

</style>

<style> 
div .splLink {width: 130px; height: 40px; border: 0px solid; text-align:right;  font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 210px;background:  url(http://www.7image.ru/pics/1010/74805917.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #ffffff; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>


<style>
.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=40);
  opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}</style>

0


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