Здраствуйте.
На айпаде и некоторых мониторах никак не наладим отображение дизайна.
Ссылка на форум: http://sherlocksherlock.rolka.su/
Скрины:
http://s018.radikal.ru/i504/1202/ac/4aeea5b6b1e0.jpg
http://s003.radikal.ru/i204/1202/1a/26208fb4253b.jpghttp://s003.radikal.ru/i202/1202/57/5777a88762be.png
http://i061.radikal.ru/1202/ea/4a5c444d8912.pngС iPad
http://uploads.ru/i/X/j/M/XjMOz.png
http://uploads.ru/i/5/U/F/5UFWv.png
Дизайн создавали через CSS:
Цвета style_cs.css:
#pun-main .fs-box {background-image: url("http://img0.liveinternet.ru//images/attach/c/0//42/470/42470903_99888777.png");} #pun-title table {background-image : url(http://i018.radikal.ru/1202/59/0ce0f863217e.jpg); height : 395px; background-repeat : no-repeat; } #pun-title .title-logo span {display: none;} #pun-title .title-logo {background-image : url(); background-repeat : no-repeat; height : 534px; } HTML, BODY {background-image: url("http://i41.tinypic.com/33wt7rl.png"); background-repeat: repeat; background-attachment: fixed; background-position: top center;} TR.inew Div.icon { background-image : url(http://i44.tinypic.com/ermn9d.png); background-repeat: no-repeat;} Div.icon { background-image : url(http://i40.tinypic.com/9icmlg.png); background-repeat: no-repeat; } TR.iclosed Div.icon { background-image : url(http://i42.tinypic.com/swx0nt.png); background-repeat: no-repeat; } TR.isticky Div.icon { background-image : url(http://i39.tinypic.com/ejxvmd.png); background-repeat: no-repeat; } /* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #333333; } #pun {background-image: url(http://i39.tinypic.com/14iicf8.png); background-attachment: fixed; !important; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: #; color: #ffffff; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #; color: #FFFFFF; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #; color: #FFFFFF; font-weight: normal; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #; color: #; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #; color: #FFFFFF } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #; color: #FFFFFF } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #a5c18c; color: #FFFFFF } /* CS1.8 */ #pun-navlinks .container { background-color: #; color: #FFFFFF; } .offline li.pa-online strong { font-weight: dotted } .punbb textarea, .punbb select, .punbb input { background-color: #8e8e8e; color: #FFFFFF } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #8AB558 } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: #FFFFFF; } /* CS2.5 */ .punbb th { border-color: # } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #000000 #202020 #202020 #000000; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #000000 } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #8e8e8e } .punbb .divider { border-color: #000000 #202020 #202020 #202020 } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #; } .punbb .post-sig dt { border-top-color: #FFFFFF !important; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #FFFFFF; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #FFFFFF } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #FFFFFF; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #FFFFFF; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #FFFFFF; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: underline; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #FFFFFF; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: # #000000 #000000 #000000} tr.iredirect div.icon {border-color: # # # #} div.inew {border-color: # #000000 #000000 #000000} #pun-main div.catleft, #pun-main div.catright {display: none}
ХЛТМ-верх:
<!--RUSSIAN_GOBLIN © LiveForums.ru --> <script type="text/javascript"> <!-- if(GroupID!=1){document.write("<style type='text/css'>.pa-ip {display: none;}</style>");} //--> </script> <noscript><style type='text/css'>.pa-ip {display: none;}</style></noscript>
ХЛТМ-низ:
<script language="JavaScript"> if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) { document.write("<div id='mess' class='section' style='position: fixed; right: 40%; top: 35%; z-index: 1000; width: 320px; height: 110px;'><h2 style='background-color: #08440c; color: #000; text-align: center;'>Оповещение</h2><div class='container' style='padding: 15px; text-align: center; background-color: #ebeaf0;'><span>Вам пришло новое личное сообщение</span><br /><br /> <span style='color: green;'>Чтобы прочесть его, нажмите вот сюда.</span><br /><br /><br /><input size='30' style='background-color: #7d9e70; border-style: none; class='button' onclick=\"location.href='/messages.php'\" value='OK' type='button' name='button'></div><embed height='1' width='1' type='application/x-shockwave-flash' wmode='transparent' quality='high' src='http://promobil.kiev.ua/engine/classes/flashplayer/media_player.swf?MediaLink=http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3&defaultMedia=1&showPlayButton=false&playOnStart=true'></div>");} $(function(){$('#mess').click(function(){ $('div#mess').toggle();}); }); </script> <script language="JavaScript"> mod="Имеет право пнуть пользователей" str=document.URL page=str.substring(str.lastIndexOf('/')+1) if( page=="" || page=="index.php" ) { arr=document.getElementsByTagName("span") i=0 while(arr[i]) { if(arr[i].className=="modlist") arr[i].innerHTML = "(" + mod + arr[i].innerHTML.substring(20) i++ } } </script> <script type="text/javascript"> if(document.URL=="http://"+ location.hostname + "/"){ $(function(){ $('#ann_top').prepend('<div style="font-size: 110%;"><table id="bib" cellspacing="0" border=0 width=100%><tr><th scope="col" width=100%>Последние темы на форуме</th></tr></table></div>'); $.get('export.php?type=rss','',processXML); function processXML(data){ $(data).find('item:lt(10)').each(function(){ var JTitle=$(this).find('title').text(); var JLink=$(this).find('link').text(); $('#bib').append('<tr align=left><td><img style="margin-right: 5px;" src="http://s017.radikal.ru/i427/1201/ed/29ab270ede15.jpg"><a href="'+ JLink +'">'+ JTitle +'</a></td></tr>'); }); } });} </script> <style>blockquote.quote-box {width:536px!important;}.spoiler-button {float:left;disply:block;margin-bottom:-14px!important;} #button-spoiler {background-image:url('http://forumupload.ru/uploads/0000/12/13/488-1.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='', max_length=10000; 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 = 'Скрыть спойлер'; } open = (open.length > max_length) ? open.substring(0, max_length) : open; close = (close.length > max_length) ? close.substring(0, max_length) : close; 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 spoiler" 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><br /><br /><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 type="text/javascript" src="http://upload.wesky.ru/_ld/1/147_swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.mode = 'tags'; flashvars.minFontSize = '12'; flashvars.maxFontSize = '19'; flashvars.tcolor = '0xffffff'; flashvars.tcolor2 = '0xffffff'; flashvars.hicolor = '0xffffff'; flashvars.distr = 'true'; flashvars.tspeed = '100'; eTagz = document.getElementById('yoblako').getElementsByTagName('A'); flashvars.tagcloud = '<tags>'; for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') + '\' style=\'' + parseInt(eTagz[i].style.fontSize) + '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>'; delete eTagz; flashvars.tagcloud += '</tags>'; var params = {}; params.wmode = 'transparent'; params.bgcolor = '#FFFFFF'; params.allowscriptaccess = 'always'; var attributes = {}; attributes.id = 'yoblako'; attributes.name = 'tagcloud'; swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako', '350', '200', '9.0.0', false, flashvars, params, attributes); </script> <script type="text/javascript"> PiarNik="Реклама"; PiarPas="12345"; 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\"><span id=spMyimg style=\"cursor:pointer;\"><a onclick=\"PiarIn()\">Пиар-Вход</a></span></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> <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>
Шапка обрезается и края форума выходят за линию фона.
http://uploads.ru/i/X/j/M/XjMOz.png
http://s018.radikal.ru/i520/1202/8f/96f144fe60a8.jpg
Собственно просим помощи в исправлении)
Отредактировано Фадя (Чт, 9 Фев 2012 13:16:46)