ХТМЛ ВЕРХ:
Код:
<!-- JampPanel--> <style> @media all and (-webkit-min-device-pixel-ratio:0) { #pun-about p.container{ margin-left: -569px;} #pun-title table{ margin-left: -556px; } #JampPanel:hover{ margin-left:260px; } #JampPanel,#JampPanel .container{ border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border:1px solid #000000; background-color:#c6a77f; box-shadow: 0px 5px 5px #000000; -webkit-box-shadow:0px 5px 5px #000000; -khtml-box-shadow:0px 5px 5px #000000; -moz-box-shadow:0px 5px 5px #000000; } #JampPanel { background:#c6a77f url('http://s6.uploads.ru/wUHgF.png') 195px 3px no-repeat; position:fixed; z-index:1200; height:130px; top:200px; left:-200px; margin-left: 0px; transition-duration: 0.33s; -webkit-transition-duration: 0.33s; -moz-transition-duration: 0.33s; -o-transition-duration: 0.33s; width:230px; } #JampPanel .container{ padding:12px; width:100%; margin:-1px 0 0 -60px; text-align: center; font-weight: bold; } #Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/ position:absolute; height:130px;width:15px; background-color:#c6a77f; margin: -12px 0 0 234px; } </style> <div id=JampPanel> <div class=container> <div id=Zaslonyalka></div><br> дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф дфдфдфдф </div> </div> <style type="text/css"> li#navawards {display: none;} .punbb .section h2, #pun-stats h2{ margin-left: -83px !important} </style> <!-- cтрелочки -вверх вниз страницы --> <div style="position:fixed; right :0%; bottom: 20%;"> <a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы"> <img src="http://s7.uploads.ru/QJowZ.png" alt="Вверх страницы" ></a><br/> <a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"> <img style="margin-top: -2px;" src="http://s6.uploads.ru/QUZRk.png" alt="Вниз страницы" ></a> </div><!--конец cтрелочки -->
ХТМЛ НИЗ:
Код:
<!-- Скрываем инфу под аватаром --> <style>.pa-gifts, .pa-awards {display: none;} li.pa-avatar {cursor: pointer;}</style> <script> var avalink = "https://forumupload.ru/uploads/0000/12/13/61-1.png"; if(document.URL.indexOf('viewtopic.php')!=-1) { $(".post-author").each(function(){ console.log(1); if($(this).find("li.pa-avatar").html() == null ) $(this).find("li.pa-title").after("<li class='pa-avatar item2'><img src='" + avalink + "' title='" + $(this).find("li.pa-author a").text() + "' /></li>"); }); $("li.pa-avatar").siblings(":not(.pa-author)").css("display","none"); $("li.pa-avatar").click(function(){ $(this).siblings(":not(.pa-author)").toggle("slow"); }); } </script> <!--Ставим рамки для Аватара --> <style type="text/css"> li.pa-avatar .Wrp-ava img[alt]{ display:block; padding:0; border-width:0; margin:16px; /*Отступ рамки*/ } </style> <script> $(document).ready(function(){ var imgWrp = "http://s7.uploads.ru/w04du.png"; // Ccылка на картинку; imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>' $("div.post-author ul li.pa-avatar img[alt]").each(function () { $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>'); $(this).parent().prepend(imgWrp) });}); </script><!--Конец//Рамки для Аватара--> <script> <!-- indexof="<img src='http://s7.uploads.ru/kKQgf.png' />" str = document.getElementById("navindex").innerHTML pos = str.indexOf("Форум") document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- userof="<img src='http://s7.uploads.ru/GQvcq.png' />" str = document.getElementById("navuserlist").innerHTML if( (pos=str.indexOf("Участники")) != -1 ) document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- findof="<img src='http://s7.uploads.ru/iA7cB.png' />" str = document.getElementById("navsearch").innerHTML pos = str.indexOf("Поиск") document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- faseof="<img src='http://s6.uploads.ru/EHvsQ.png' />" str = document.getElementById("navprofile").innerHTML pos = str.indexOf("Профиль") document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1) --> </script> <script> <!-- pismaof="<img src='http://s7.uploads.ru/5kJAp.png' />" str = document.getElementById("navpm").innerHTML pos = str.indexOf("Сообщения") document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- godof="<img src='http://s6.uploads.ru/hqXM9.png' />" str = document.getElementById("navadmin").innerHTML pos = str.indexOf("Администрирование") document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1) --> </script> <script> <!-- valiof="<img src='http://s6.uploads.ru/Oe63y.png' />" str = document.getElementById("navlogout").innerHTML pos = str.indexOf("Выход") document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- vxodiof="<img src='http://s6.uploads.ru/0ONuP.png' />" str = document.getElementById("navlogin").innerHTML pos = str.indexOf("Войти") document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- regof="<img src='http://s6.uploads.ru/BqS3p.png' />" str = document.getElementById("navregister").innerHTML pos = str.indexOf("Регистрация") document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1) --> </script> <script type="text/javascript"><!--Картинки категорий--> $(document).ready(function(){ myarray=new Array( "1", "http://s6.uploads.ru/VBXZf.png", "2", "http://s7.uploads.ru/MljOG.png", "3", "http://s6.uploads.ru/CFspA.png", "4", "http://s7.uploads.ru/uDA7g.png", "5", "http://s7.uploads.ru/aYEFy.png", "6", "http://s6.uploads.ru/3R6Tw.png", "Статистика форума" , "http://s6.uploads.ru/tY9eE.png" //Последний элемент без запятой! ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"70px", "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", "background-position":"50% 50%", "background-repeat":"no-repeat", "margin-left":"-36px", "font-size":"0px" } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script>
ОБЪЯВЛЕНИЕ:
Код:
<table> <tr> <td> <a href="#"><img src="http://s6.uploads.ru/mMKzi.png"/></a> <a href="#"><img src="http://s7.uploads.ru/ECTem.png"/></a> <a href="#"><img src="http://s6.uploads.ru/WP7TB.png"/></a> <a href="#"><img src="http://s7.uploads.ru/gTwKE.png"/></a> <a href="#"><img src="http://s7.uploads.ru/tPjHM.png"/></a> </td> <td> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </td> <td> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </td> </tr> </table>