ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

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

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



проблема с контейнером

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

1

У меня вот такая проблема: картинка, которая внизу-обрезается. Это-часть контейнера.
ссылка: http://worldofeternalmagic.spybb.ru/ . Как это можно поправить?
код на форуме:

тык

<!-- Должники -->
<div id="html-footer" class="section">
<div class="container">
<div class="spell">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s2.uploads.ru/Jt7nZ.png"></div>
<DIV style="DISPLAY: none; position: fixed ; bottom: 50px; right: 135px; width: 130px; height: 150; margin-right: 20px; background:#938B60;border-radius:8px;box-shadow:0px 0px 2px #ffffff; padding: 0 1em 1em 1em;" class=splCont jQuery1259073801391="5">

текст

</DIV></DIV></div>
<style>
.spell { background: transparent; color:#transparent; width:106x; height:115px; text-align: center; right:0; z-index: 999;  bottom: 1px; position: fixed}
</style>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

первоначальный код:

тык

<!-- Должники -->
<div id="html-footer" class="section">
<div class="container">
<div class="spell">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="ССЫЛКА НА КАРТИНКУ"></div>
<DIV style="DISPLAY: none; position: fixed; bottom: 40px; right: 135px; width: 200px; height: auto; margin-right: 0px; background:#938B60;border-radius:8px;box-shadow:0px 0px 2px #ffffff; padding: 0 1em 1em 1em;" class=splCont jQuery1259073801391="5">

текст

</DIV></DIV></div>
<style>
.spell { background: transparent; color:#transparent; width:106x; height:115px; text-align: center; right:0; z-index: 999;  bottom: 1px; position: fixed}
</style>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

0

2

Лилитана
попробуйте заменить на это:

Код:
<!-- Должники -->
<div id="html-footer" class="section">
<div class="container">
<div class="spell">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s2.uploads.ru/Jt7nZ.png"></div>
<DIV style="DISPLAY: none; position: fixed ; bottom: 200px; right: 135px; width: 322px; height: 198; margin-right: 20px; background:#938B60;border-radius:8px;box-shadow:0px 0px 2px #ffffff; padding: 0 1em 1em 1em;" class=splCont jQuery1259073801391="5">
текст

</DIV></DIV></div>
<style>
.spell { background: transparent; color:#transparent; width:106x; height:115px; text-align: center; right:0; z-index: 999;  bottom: 1px; position: fixed}
</style>
<!--Спойлер - контейнер-->
<script type="text/javascript"> 
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

+1

3

Лилитана
Замените HTML низ, у Вас несколько  скриптов дублируются дважды, а то и трижды

Код:
<!-- Должники -->
<div id="html-footer" class="section">
<div class="container">
<div class="spell">
<DIV><div class=splLink href="javscript://"><img style="margin-top:-84px;" src="http://s2.uploads.ru/Jt7nZ.png"></div>
<DIV style="DISPLAY: none; position: fixed ; bottom: 50px; right: 135px; width: 130px; height: 150; margin-right: 20px; background:#938B60;border-radius:8px;box-shadow:0px 0px 2px #ffffff; padding: 0 1em 1em 1em;" class=splCont>

текст



</DIV></DIV></div>
<style>
.spell { background: transparent; color:#transparent; width:106x; height:115px; text-align: center; right:0; z-index: 999;  bottom: 1px; position: fixed}
</style>
<!--Спойлер - контейнер-->
<script type="text/javascript"> 
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>





<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.2 -->
<script src="http://hostjs-mybb2011.narod.ru/js/functio_Cookie33.js"></script><script>
var Knopa2='<span style="position:absolute;right:-27px;top:-8px;z-index:200;cursor:pointer"><img id="Knopa2-2" src="http://savepic.org/1852486.png" title="Вставка запомненного при последней Отправке"/></span>';if(getCookie33('main-reply')){$("#main-reply").before(Knopa2);}
$(".formsubmit input[type='submit']").click(function (){
var Ll=$("#main-reply").val();Ll=Ll.substring(0,1000);setCookie33('main-reply',Ll,8*60*1000);});
$("#Knopa2-2").click(function (){var L2=getCookie33('main-reply');
var L1=$("#main-reply").val();$("#main-reply").val(L1+L2);});
</script>





<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#efeff0;
}

#menu .tabactive {
color: #000000;
    background:#777777;
}

#submenu {
padding: 3px;
height: 230px;
text-align: center;
font-size: 12px;
width: 540px;

}

.submenutext {
display: none; 
height: 40px;
}


</style>




<!-- музыка2 -->
<script type="text/javascript">
function addSpoiler(str,from,internal){
    
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[play]",from))==-1) return str;
    if((pos2=str.indexOf("[/play]"),pos+7)==-1) return str;
    newpos=str.indexOf("[play]",pos+7)
    if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+7,true)
    if((pos2=str.indexOf("[/play]",pos+7))==-1) return str;
    
    str=str.substring(0,pos)+makeSpoiler(str.substring(pos+6,pos2))+str.substring(pos2+7,str.length)
    if( str.indexOf("[play]")!=-1 && internal==false) str=addSpoiler(str,0,false)
    return str
}

function makeSpoiler(txt){
    txt='<br /><object width="411" height="28"><param name="movie" value="http://embed.prostopleer.com/track?id='+txt+'"></param><embed src="http://embed.prostopleer.com/track?id='+txt+'" type="application/x-shockwave-flash" width="411" height="28"></embed></object>';
    return txt;
}

if(document.URL.indexOf("viewtopic.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)}}
</script>
<!-- музыка2 конец -->









<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>






<script type="text/javascript">
        var arr=document.links
        var arr1=new Array ("")
        var arr2=new Array ("Александрит", "Lynn WhiteLizard", "Refaim Shout", "Айен", "Шиамия")
        var arr3=new Array ()
        var arr4=new Array ("Почтовый голубь")
        var arr5=new Array ("Мастер Игры")
        var arr6=new Array ("")
        for (x in arr)
        {for (y in arr1)
        {if (arr[x].innerHTML==arr1[y])
        {
        arr[x].innerHTML="<font color='#FF0099'>"+arr[x].innerHTML+"</font>"}
        }}

        for (x in arr)
        {for (j in arr2)
        {if (arr[x].innerHTML==arr2[j])
        {
        arr[x].innerHTML="<font color='#CC3366'>"+arr[x].innerHTML+"</font>"}}}

        for (x in arr)
        {for (l in arr3)
        {if (arr[x].innerHTML==arr3[l])
        {
        arr[x].innerHTML="<font color='#663399>"+arr[x].innerHTML+"</font>"}}}

        for (x in arr)
        {for (j in arr4)
        {if (arr[x].innerHTML==arr4[j])
        {
        arr[x].innerHTML="<font color='#33cc33'>"+arr[x].innerHTML+"</font>"}}}

        for (x in arr)
        {for (p in arr5)
        {if (arr[x].innerHTML==arr5[p])
        {
        arr[x].innerHTML="<font color='steelblue'>"+arr[x].innerHTML+"</font>"}}}

        for (x in arr)
        {for (s in arr6)
        {if (arr[x].innerHTML==arr6[s])
        {
        arr[x].innerHTML="<font color='steelblue'>"+arr[x].innerHTML+"</font>"}}}

        </script>











<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>


<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>





<div id=banners align=center><span onclick="BANNERS_TOGGLE()"><center><img src="https://forumstatic.ru/files/0011/8a/d5/53784.png"></center></span></b></a>
<div id=ba_0 style="display: none">
<style id=BanersHide>/*
<center>
<table><tr><td>.<a href="http://koshart.ru/" target="_blank"><img src="https://forumstatic.ru/files/0011/88/07/56837.jpg" title="Кот. Вдохновляй. Создавай. Обучение веб-дизайну и вёрстке."></a></td><td><a target="Assassins Creed" href="http://assassincreed.rolbb.ru/"><img src="http://s2.uploads.ru/9kfhE.gif" >
</center><br><a href="http://py6.ru/mdfkXH" class="postlink" target="_blank" rel="nofollow"><img src="http://img.ii4.ru/images/2012/06/13/234934_234931_banner2.gif" border="0" alt="" /></a></td></tr></table>
*/</style>
</div></div>
<script>
function BANNERS_TOGGLE(){if($("#ba_0").css("display")=="none"){var V=$("#ba_0 #BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");$("#ba_0").html(V1);}$("#ba_0").fadeIn("slow"); 
scrollTo(0, document.body.scrollHeight); 
}else $("#ba_0").hide();}</script>






<script type="text/javascript">
PiarNik="Почтовый голубь";
PiarPas="1234";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\">Пиар-вход</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

Отредактировано Deff (08.03.2013 06:39:08)

+1

4

Danessa
Deff
Спасибо большое :)

0

5

Deff
А в каком месте меняется размер выплывающего окна и его цвет?

0

6

<div class="spell">
<DIV><div class=splLink href="javscript://"><img style="margin-top:-84px;" src="http://s2.uploads.ru/Jt7nZ.png"></div>
<DIV style="DISPLAY: none; position: fixed ; bottom: 50px; right: 135px; width: 130px; height: 150px; margin-bottom:110px;margin-right:90px; background:#938B60;border-radius:8px;box-shadow:0px 0px 2px #ffffff; padding: 0 1em 1em 1em;" class=splCont>

Красным - размеры - синим - смещение

+1

7

Deff
Спасибо)

0