ХТМЛ ВЕРХ:
Код:
<!-- 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://upforme.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>