Naruto: Your world

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

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


Вы здесь » Naruto: Your world » CSS » Полезные коды


Полезные коды

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

1

HTML низ

Колонка новостей на всю длину форума
Код:
<script type="text/javascript">
var news = new Array ()
news.push(new Array("Заголовок", "Новость"))
news.push(new Array("Заголовок2", "Новость2"))
var mynews = "";
for (q=0; q<news.length; q++){
mynews += "<div class='container' style='padding:8px'><h2><center>"+news[q][0]+"</center></h2>"+news[q][1]+"</div><br /><br />";
}
var block=mynews;
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="main"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<table><tr><td width=20% valign=top>"+block+"</td><td width=80%>"+name+"</td></tr></table>"
}
i++
}
</script>

0

2

HTML в форме ответа

Цитирование сообщения вместе с картинкой
Код:
<script type="text/javascript">
var L2='<span class="fnka">';
$(".post-content img[alt]").each(function (){
var b=$(this).attr('alt');$(this).attr('alt','');
if( b.search(/^http:\/\//g)!=-1){b="[img]"+b+"[/img]"}
else {if( b.search(/^:/)==-1) return true}
var L1='<span style="display:none;"> '+b+'</span>';
$(this).wrap(L2+'</span>');$(this).after(L1);});//alert("A")
  $(document).ready(function(){
$(".post-box").mousedown(function(){
 $(this).find(".fnka").children('img').hide();
 $(this).find(".fnka").children('span').show();});
$(".post").hover(function () {}
,function(){var j=$(this).find(".fnka");
 j.children('span').hide();j.children('img').show();});});
</script>

0

3

HTML-верх

Боковая правая выдвижная панель
Код:
<!-------------------джапм панель правая----------->
<!-- JampPanel-->
<style>
#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 #2a61c5;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #2a61c5;
-webkit-box-shadow:0px 5px 5px #2a61c5;
-khtml-box-shadow:0px 5px 5px #2a61c5;
-moz-box-shadow:0px 5px 5px #2a61c5;
}
#JampPanel {opacity:0.86;
position:fixed;
z-index:1200;
height:190px;
top:8px;
left:-200px;
margin-left: 0px;
background:#F0F0F0 url(http://forumfiles.ru/files/0011/79/c4/84893.png) 200px 4px no-repeat;
   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;
height:400px;
width:100%;
margin:-1px 0 0 -60px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin: -12px 0 0 234px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<center><b>ИГРОВОЙ ПЕРИОД: июль-август-сентябрь 2014</b><br><br>
<center><b>ОЧЕРЁДНОСТЬ ПОСТОВ:</b><br><br>

<a href="http://kkings.rusff.ru/viewtopic.php?id=66#p4474"> <b>[17 мая 2014] - Psychedelic</b></a> - <i>Ishimura Mayuri</i><br/>
<a href="http://kkings.rusff.ru/viewtopic.php?id=201#p37681"> <b>[18 мая 2014] - Случайности не случайны</b></a> - <i>Murasaki Hana</i><br/>
<a href="http://kkings.rusff.ru/viewtopic.php?id=86#p7425"> <b>[20 мая 2014] - Сети</b></a> - <i>Kushina Anna</i><br/>
<a href="http://kkings.rusff.ru/viewtopic.php?id=113#p13106"> <b>[3 июня 2014] - Герой эфира</b></a> - <i>Fuwa Mahiro</i><br/>
<a href="http://kkings.rusff.ru/viewtopic.php?id=114#p13384"> <b>[16 июня 2014] - Поймай меня, если сможешь</b></a> - <i>Yatogami Kuroh</i><br/>
<a href="http://kkings.rusff.ru/viewtopic.php?id=190#p35642"> <b>[8 сентября 2014] - Кот в мешке</b></a> - <i>Yata Moe</i><br/>
</center>
  </div>
</div>
<!--End//JampPanel-->
вариант 2
Код:
<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
  outline:red 1px solid;
  top:0px;
  padding:0;
  margin-left:-290px;
  position:fixed;z-index:1000;
  left: 0px;
}
.content-L {
  padding:12px;
  width:136px;
  height:236px;
  margin-left:0px;
  margin-top:18px;
  position:absolute;
  color:#fff;
  background-color:#797979;

}
</style>
<div data="0" id="left-panel">
<div class="content-L">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>
<img id="img-left" src="http://s3.uploads.ru/clft1.png" onclick="PanelToggleL($('#left-panel'))"/>
</div><!-- Конец Левой Панели -->

<link id="iNFpanel" rel="stylesheet" href="http://hostjs-mybb2011.narod.ru/css/change_ava.css" type="text/css"/>
<script src="http://hostjs-mybb2011.narod.ru/js/change_avatar_Nic_Status.js"></script>

0

4

HTML в форме ответа

Обтекание изображения
Код:
<!--обтекание изображения 2.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
$(this).html(text.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")); 
}
}); });
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!--обтекание изображения 2.4-->

0

5

HTML в форме ответа

Модераторские теги: предупреждение и строгое предупреждение
Код:
<!-----------Модераторские теги------------>
<script>
function addMod(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[mod]",from))==-1) return str;
if((pos2=str.indexOf("[/mod]"),pos+5)==-1) return str;
newpos=str.indexOf("[mod]",pos+5)
if(newpos<pos2 && newpos!=-1) str=addMod(str,pos+5,true)
if((pos2=str.indexOf("[/mod]",pos+5))==-1) return str;
str=str.substring(0,pos)+makeMod(str.substring(pos+5,pos2))+str.substring(pos2+6,str.length)
if( str.indexOf("[mod]")!=-1 && internal==false) str=addMod(str,0,false)
return str}

function makeMod(txt){
txt="<br><div style='background: url(http://i.rusff.ru/f/info/rusff/support-modteg-bck.png) no-repeat scroll 98% 85% #7DA2CC; border-radius: 5px 5px 5px 5px; color: #FFFFFF; margin: 5px auto; opacity: 0.8; padding: 10px; width: 90%;min-height:64px;'><div style='border-bottom: 1px solid #EEEEEE; display: block; font-size: 14px; font-weight: bold; height: 14px; margin-bottom: 10px; padding: 5px 5px 10px 0; width: 85%;'>Удалены</div><div style='width: 85%;'>"+txt+"</div></div><br>"
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=addMod(post.innerHTML,0,false)}}
</script>

<script>
function addEx(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[ex]",from))==-1) return str;
if((pos2=str.indexOf("[/ex]"),pos+4)==-1) return str;
newpos=str.indexOf("[ex]",pos+4)
if(newpos<pos2 && newpos!=-1) str=addEx(str,pos+4,true)
if((pos2=str.indexOf("[/ex]",pos+4))==-1) return str;
str=str.substring(0,pos)+makeEx(str.substring(pos+4,pos2))+str.substring(pos2+5,str.length)
if( str.indexOf("[ex]")!=-1 && internal==false) str=addEx(str,0,false)
return str}

function makeEx(txt){
txt="<br><br><div style='background: url(http://i.rusff.ru/f/info/rusff/support-modteg-bck.png) no-repeat scroll 98% 85% #B43838; border-radius: 5px 5px 5px 5px; color: #FFFFFF; margin: 5px auto; opacity: 0.8; padding: 10px; width: 90%;min-height:64px;'><div style='border-bottom: 1px solid #EEEEEE; display: block; font-size: 14px; font-weight: bold; height: 14px; margin-bottom: 10px; padding: 5px 5px 10px 0; width: 85%;'>Предупреждение от АМС</div><div style='width: 85%;'>"+txt+"</div></div><br><br>"
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=addEx(post.innerHTML,0,false)}}
</script>
<!-----------Модераторские теги------------>
часть 2 в HTML-низ

<!---------Модераторские теги------------>
<style>
#button-mod {background-image:url('http://forumfiles.ru/files/0012/98/13/77427.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if((document.getElementById("navadmin")) && (form=document.getElementById("form-buttons")))
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<img src='/i/blank.gif' title='Предупреждение' id='button-mod'  onclick=\"bbcode('[mod]', '[/mod]');\"/>"
</script>
<style>
#button-ex {background-image:url('http://forumfiles.ru/files/0012/98/13/64398.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if((document.getElementById("navadmin")) && (form=document.getElementById("form-buttons")))
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<img src='/i/blank.gif' title='Строгое Предупреждение' id='button-ex'  onclick=\"bbcode('[ex]', '[/ex]');\"/>"
</script>
<!---------Модераторские теги------------>

0

6

HTML-низ

Музыка в постах
Код:
<!--audio плеер (special edition)v.2 обновленный-->
<script language="javascript">
$(function(){
$('td#button-video').before('<td id="floatbut" style=\'background-image:url("http://img31.imageshack.us/img31/1875/sound.gif")\' onclick="tag_play()"></td>');
$("div.post-content, li.pa-title").map(function () {
text = $(this).html();
if(text.indexOf("[/playf]") != -1) {
changer = /\[playf\](\d+)\[\/playf\]/g
$(this).html(text.replace(changer, "[audio]http://playfile.ru/get/$1/[/audio]"));
    }   
if(text.indexOf("prostopleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://embed.prostopleer.com/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='411' height='28'></embed>"));
} 
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://api.zippyshare.com/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));}

if(text.indexOf("http://rghost.ru") != -1) {
player = /\[audio\](.*?)\/(\d+)\[\/audio\]/g
$(this).html(text.replace(player, "<br /><object height='15' width='455' type='application/x-shockwave-flash' data='http://rghost.ru/flash/mediaplayer.swf' id='preview_mp3' style='visibility: visible;'><param name='flashvars' value='file=http://rghost.ru/download/action/$2/mp3&amp;streamer=http://rghost.ru/download/action/$2/mp3'></object>"));
    }
if(text.indexOf(".mp3") != -1) {
player = /\[audio\](.*?)\[\/audio\]/g
$(this).html(text.replace(player, "<br /><embed src='http://www.demo-music.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&amp;st=http://www.demo-music.ru/pleer/style_pleer.txt&amp;file=$1' width='470' height='33'>"));
 } }); }); 
var popup, popupp, pop, popzz, poprg, popam, popfl;
function tag_play()
 {var FoundErrors = '';
var pop = window.open("","popDialog","height=270,width=800,Scrollbars=1")
pop.document.open();
  
 // генерировать новый документ 
  pop.document.write("<html><head><title>Player");
  pop.document.write("</title></head><body>");
  pop.document.write("<center><font size=+4>");
  pop.document.write("<strong>");
  pop.document.write("Выберите аудиохостинг:");
  pop.document.write("</strong>");
  pop.document.write("</br>");
  pop.document.write("</font></center>");
  pop.document.write("<center><font size=+3>");
  pop.document.write("<strong>");
  pop.document.write("<a href='http://www.zippyshare.com/?locale=ru'>");
  pop.document.write("zippyshare.com");
  pop.document.write("</a>");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("<a href='http://rghost.ru'>");
  pop.document.write("rghost.ru");
  pop.document.write("</a>");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("<a href='http://prostopleer.com'>");
  pop.document.write("prostopleer.com");
  pop.document.write("</a>");
  pop.document.write("</br>");
  pop.document.write("</br>");
  pop.document.write("</strong>");
  pop.document.write("</font></center>");
  pop.document.write("<center><font size=+2><font color=#FF0000>");
  pop.document.write("<strong>");
  pop.document.write("<i>");
  pop.document.write("Полученную ссылку на аудиофайл вставьте вместо:");
  pop.document.write("</br>");
  pop.document.write("[object Window]");
  pop.document.write("</i>");
  pop.document.write("</strong>");
  pop.document.write("</font></font></center>");
  pop.document.write("</body></html>");
  
  pop.document.close();
 if (!document.all)  {pop.moveTo(100,100);}
 if (FoundErrors)
 {alert("Ошибка!" + FoundErrors);
 return ;}
insert("[audio]" + pop + "[/audio]");}
</script>

HTML в форме ответа

Музыка в постах вариант 2
Код:
<!---------------музыка в постах---------------->
<style>
#button-music {background-image:url(http://img20.imageshack.us/img20/4541/realmusic2.jpg); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(20).innerHTML="<img title='Загрузить музыку с RealMusic.ru' img src='/i/blank.gif' id='button-music' onclick=\"bbcode('[music]', '[/music]');\"/>"
</script>
<!---------------музыка в постах---------------->
??? HTML-низ
Код:
<!-----------------Музыка в постах------------------>
<script type="text/javascript">
function addSpoiler(str,from,internal){
    
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[music]",from))==-1) return str;
    if((pos2=str.indexOf("[/music]"),pos+8)==-1) return str;
    newpos=str.indexOf("[music]",pos+8)
    if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+8,true)
    if((pos2=str.indexOf("[/music]",pos+8))==-1) return str;
    
    str=str.substring(0,pos)+makeSpoiler(str.substring(pos+7,pos2))+str.substring(pos2+8,str.length)
    if( str.indexOf("[music]")!=-1 && internal==false) str=addSpoiler(str,0,false)
    return str
}

function makeSpoiler(txt){
    txt='<br /><embed type="application/x-shockwave-flash" src="http://www.realmusic.ru/system/mplayer/mediaplayer.swf" quality="high" allowscriptaccess="always" flashvars="height=20&amp;width=400&amp;file=http://files.realmusic.ru/files/'+txt+'/'+txt+'.mp3" height="20" width="400">';
    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>

<!------------------Музыка в постах----------------->

0

7

HTML-низ

Изменение ника, аватара и статуса пользователем в конкретном сообщении
Код:
<style>.punbb .pa-avatar img {max-width:150px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//
OnSmenaImage("Пыточная", new Array("Hashi", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
OnSmenaImage("Название темы", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
var AvtrArr=new Array(
"http://avatars.kards.qip.ru/images/avatar/41/54/21569.gif",    //Ссылки на картинки Аватар
"http://avatars.kards.qip.ru/images/avatar/88/35/13704.jpg",
"http://avatars.kards.qip.ru/images/avatar/41/67/26433.gif",
"http://avatars.kards.qip.ru/images/avatar/4e/cb/117582.jpg",
"http://avatars.kards.qip.ru/images/avatar/e4/e4/58596.gif",
"http://avatars.kards.qip.ru/images/avatar/ed/d7/120813.gif"   //End myarray_!!Последняя ссылка без Запятой!!!
)
StartNIZ(); //
//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>

0

8

Дополнительные смайлы:

HTML-низ

<!-------Смайлы------->
<!-- //ПОДГРУЗКА КОНТЕНТА CМАЙЛОВ Ч2,HTML низ/ -->
<script>tstSmileLoad_2()</script>
<!-------Смайлы------->

HTML-верх

<!-------Смайлы------->
<script> //СКРИПТ ПОДГРУЗКИ CMАЙЛО-КОНТЕНТА Ч1 в HTML верх//
//Тут в кавычках Ссылка на файл  подгружаемого контента//
var  Link='http://forumfiles.ru/files/0010/d3/8f/18988.css';
function getXmlHttp(){var xmlhttp;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}catch(E){xmlhttp=false}}if(!xmlhttp&&typeof XMLHttpRequest!='undefined'){xmlhttp=new XMLHttpRequest()}return xmlhttp}
var SmileHTml='';function tstSmileLoad_2(){if(SmileHTml!=''&&!($("#Smile_smil_box").length)){
var Lft='</';$("#html-footer").prepend('<script>document.write(SmileHTml)'+Lft+'script>')}};
var xmlhttp=getXmlHttp();
function SmileLoad_0(){
xmlhttp.open('GET',Link,true);xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4){if(xmlhttp.status==200){SmileHTml='<div id="Smile_smil_box"></div>'+xmlhttp.responseText;if($("#html-footer").length){$("#html-footer").prepend(SmileHTml)}}}};xmlhttp.send(null);}
if($("#pun-messages").length||$("#pun-viewtopic").length||$("#pun-post").length||$("#pun-edit").length||$("#pun-poll").length){SmileLoad_0()}
</script>
<!-------Смайлы------->

0

9

HTML-низ

Разделение важных и обычных тем на блоки

<!---------Разделение важных и обычных тем на блоки------------>
<script type="text/javascript">
<!--
if (document.URL.indexOf("viewforum")!=-1){
var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
for (io=1; io<=(trs.length-1); io++){
if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
for(j=0;j<4;j++){
nl=normal.insertCell(0)
nl.className="tc2"
nl.innerHTML="&nbsp;"
nl.style.borderLeft="0px"}
nl.innerHTML="<b>Темы форума</b>"
nl.style.textAlign="center"
}}}
-->
</script>
<!---------Разделение важных и обычных тем на блоки------------>

0

10

HTML-низ

Выделение кода
Код:
<!-----------Выделение кода------------>
<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>
<!-----------Выделение кода------------>
Счетчик символов
Код:
<!---------Счетчик символов------------>
<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 we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://s7.uploads.ru/BPjyr.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://s7.uploads.ru/cVfM6.png' />"}
}</script>
<!--Онлайн/Офф -->
Палитра
Код:
<!-----------Палитра------------>
<style>      /* Новая Палитра © Deff */
#color-area{
  background:#A09D9D url(http://savepic.net/675564.gif) 0 0 no-repeat;
  background-position:0 0;
  padding-bottom:8px!important;
  padding-left: 33px !important;
  padding-right: 17px !important;
}
#color-area table{
 width: 286px;
}
#color-area table[cellspacing] td img{
 height:14px!important;
 width:14px!important;
}
 #color-area table[cellspacing]{
height:17px!important;
}
table.Myp,table.Myp td,
#len-tbl-01,#len-tbl-01 td{
 text-align:left;
 vertical-align:top;
 padding:0!important;
 margin:0!important;
 border-collapse:collapse!important;
}
span.hidds{
 display:block;
 width:18px;
 height:18px;
 background:url(http://savepic.net/707441.png) 50% 50% no-repeat;
 margin: 4px 24px -4px -24px;
}
#len-tbl-01{
margin: 1px 21px 12px 0!important;
 width:100%;
}
#len-tbl-01 td {
 padding:0!important;
 width:11px!important;height:12px;
 background-image:url(http://savepic.net/711220.gif);
 background-position:50% 50%;
 background-repeat: no-repeat;
 background-image: none;
 border: #fff 1px solid!important;
}
#len-tbl-01 td:hover {
 background-image:url(http://savepic.net/686931.gif)!important;
 background-position:50% 50%;
 background-repeat:no-repeat;
}
table.Myp{
 width:280px!important;
}
table.Myp td,table.Myp tr{
 height:18px!important;
 vertical-align:text-bottom;
 margin:0!important;
 border: none 0 transparent!important;
 border-collapse:collapse!important;
}
td.rightMy,td.murom {
 text-align:left!important;
 width:66px!important;
}
#name_1,#name_0{
 margin:0;
 posizion:absolute; z-index:2000;
 font-size:11px!important;
 background-color:#fff!important;
 border: #000 1px solid;
 width:58px!important;
}
#name_1{
 border: red 1px solid!important;
 font-size:11px;
 color:#761A21;
}
#name_0 {
 font-size:11px;
 color:#000!important;
}
#len-tbl-01 img {
position:absolute!important;
border: #000 1px none;
}
#len-tbl-01 img.Nul_Img  {
position:absolute!important;
height:11px!important;
width:11px!important;
margin:0!important;
}
#len-tbl-01 .metka {
position:absolute!important;
z-index:100;
margin:-1px 0 0 -1px!important;
height:13px;
width:13px;
}
</style>
<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php?")!=-1)||(document.URL.indexOf("edit.php")!=-1)
||(document.URL.indexOf("post.php")!=-1)){
ColorArray=new Array(
"EEEEEE","DDDDDD","CCCCCC","BBBBBB","AAAAAA","999999","888888","777777","666666","555555",
"444444","333333","222222","111111","000000","FC0000","ED0000","DB0000","CB0000","BA0000",
"AA0000","980000","880000", //2строка-->
"FEFD65","FEFD33","FCFC00","CAFEFE","CAFECA","CBFE99","CAFE65","CBFE33","CAFC00","99FEFE",
"99FECA","99FE99","98FE65","99FE33","98FC00","65FEFE","65FECA","65FE98","65FE65","66FE33",
"65FC00","33FEFE","33FECB", //3строка-->
"FECA65","FECB33","FCCA00","CACAFE","CBCBCB","CACA98","CBCA66","CACA32","CBCA00","99CBFE",
"98CACA","98CA98","99CB66","98CA32","99CB00","65CAFE","66CBCB","66CB98","66CB66","65CA32",
"66CB00","33CBFE","32CACA", //4строка-->
"FE9865","FE9833","FC9800","CA99FE","CA98CA","CA9898","CB9866","CA9832","CB9900","9999FE",
"9898CA","979797","989865","999833","989700","6598FE","6699CB","659898","659865","669933",
"659800","3399FE","3298CA", //5строка-->
"FE6565","FE6533","FC6500","CA65FE","CB66CA","CB6698","CB6666","CA6532","CB6500","9865FE",
"9866CB","986598","986565","996533","986500","6565FE","6666CB","656598","666666","656532",
"666500","3366FE","3265CA", //6строка-->
"FE3365","FE3333","FC3200","CA33FE","CA32CA","CA3298","CA3265","CA3232","CB3200","9833FE",
"9832CA","993398","993365","993333","983200","6533FE","6532CA","653399","653265","653232",
"663200","3333FE","3232CA", //7строка-->
"FC0065","FC0032","FC0000","CA00FC","CB00CA","CB0098","CB0065","CB0032","CB0000","9800FC",
"9800CB","980097","980065","980032","980000","6500FC","6500CB","650098","660065","660032",
"660000","3200FC","3200CB", //8строка-->
"00FC00","00ED00","00DB00","00CB00","00BA00","00AA00","009800","008800","007600","006600",
"005400","004400","003200","002200","001000","0000FC","0000ED","0000DB","0000CB","0000BA",
"0000AA","000098","000088" )//End

var Metka_link="http://savepic.net/696986.gif";
var Nul_Img_link="http://savepic.net/711220.gif";
var stat_marker_link="http://savepic.net/668540.png";
var nul_img='<img class="Nul_Img" src="'+Nul_Img_link+'" alt="s" />';
var metka='<img class="metka" src="'+Metka_link+'"/>'; //alert(metka)


var i=0,j=0,tbl="";var tblz="";
var Ntd=23,Nstr=8;
var TDstrStart='<td style="background-color:#';
var TDstrEnd='">'+nul_img;

for(j=0; j<Nstr; j++){tbl='<tr>'+tbl;
   for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+ColorArray[NumTd]+';" alt="#'+ColorArray[NumTd]+TDstrEnd+'</td>'};
tbl+="</tr>";tblz+=tbl;tbl="";};tbl='<table id="len-tbl-01"'+tblz+'</table>';//alert(tbl)
$("#color-area").prepend(tbl);

$("#color-area").removeAttr("onclick")
$("#len-tbl-01").before('<table class="Myp"><tr><td class=murom><input id="name_1" name="_1" type="text" size="7" value="######"></td><td></td><td class="rightMy"><input id="name_0" name="_0" type="text" size="7" value="######"></td></tr></table>');$("#color-area").append('<span title="свернуть" class=hidds alt=hidds></span>')

 $("#len-tbl-01 td").mouseover(function(){
  $("#name_1").css({"color":"#000"});
    $("#name_1").val($(this).attr("alt"));
});

$("#len-tbl-01 td").click(function (){ // Клик по ячейке - ввод BB- кода и..
   $("#len-tbl-01 .metka").remove();$(this).append(metka);
    $(this).css({"background-image":"url("+stat_marker_link+")"});
       var ss=$(this).attr("alt");$("#name_0").val(ss);ss='[color='+ss;ss+="]";
       	 bbcode(ss,"[/color]");});

 $("#main-reply,.hidds").click(function (){ // cворачивание #color-area по клику на поле ввода
 $("#color-area").hide(); });
}
</script>
<!-----------Палитра------------>
Подфорумы
Код:
<!---------------Подфорумы---------------------->
<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f42,#forum_f44{display:none}</style>")
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".info1").html( $("#forum_f00 .tcr").html() );
$(".info2").html( $("#forum_f00 .tcr").html() );
});
</script>
<!------------------Подфорумы----------------->

<div id="html-footer" class="section">
Пиар-вход
Код:
<!-------------------Пиар вход----------->
<style>.Myimge {position:absolute;margin-top:-2px;margin-left:0px;}</style>
    <script type="text/javascript">
    PiarNik="Piar";
    PiarPas="0000";

    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>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://s6.uploads.ru/BNm63.png\" onmouseover=\"this.src='http://s6.uploads.ru/BNm63.png' \" onmouseout=\"this.src='http://s6.uploads.ru/BNm63.png'\" /></span>";
    if($("#navlogin").html()!=null){

    $("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>
<!-------------------Пиар вход----------->
Спойлер наград в профиле, в топике
Код:
<!-- спойлер наград на Rusff в Профиле, в Топике -->
<style>
.post-author-Sp{
/*background-color:transparent!important;*/
}
img.aw{
background-color:transparent!important;
}
ul.wrapper{
margin-left:-15px;
width:167px!important;
margin-bottom:-15px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style>
<script>
// кнопка - ссылка на Картинку
var Img="http://s7.uploads.ru/Xfjhv.png";

wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;

$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});});
$(".post .post-author-Sp ").live("click", function(){
 $(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->
Своя картинка в каждую меню навигации со сменой картинки по наведению

<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
   navlinks=new Array(
  "navindex",    // Форум
"http://s5.uploads.ru/te7q0.png","http://s5.uploads.ru/te7q0.png",
  "navuserlist", // Участники
"http://s5.uploads.ru/4Lp9o.png","http://s5.uploads.ru/4Lp9o.png",
  "navrules",    // Правила
"http://s5.uploads.ru/zt1TE.png","http://s5.uploads.ru/zt1TE.png",
  "navsearch",    // Поиск
"http://s4.uploads.ru/kMBcr.png","http://s4.uploads.ru/kMBcr.png",
  "navprofile",    // Профиль
"http://s5.uploads.ru/3sIy5.png","http://s5.uploads.ru/3sIy5.png",
  "navpm",    // Сообщения
"http://s4.uploads.ru/YHvZr.png","http://s4.uploads.ru/YHvZr.png",
  "navadmin",    // Администрирование
"http://s5.uploads.ru/evwg3.png","http://s5.uploads.ru/evwg3.png",
  "navregister", // Регистрация
"http://s5.uploads.ru/8vVZo.png","http://s5.uploads.ru/8vVZo.png",
  "navlogin",    // Войти
"http://s4.uploads.ru/Z2TwB.png","http://s4.uploads.ru/Z2TwB.png",
  "navlogout",    // Выход
"http://s5.uploads.ru/K0RdD.png","http://s5.uploads.ru/K0RdD.png"  // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
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 href=\"#\" onclick=\"PiarIn();return false\"><span><img title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://s5.uploads.ru/0No5q.png\"/></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>

0

11

HTML-верх

Форум на профилактике
Код:
<!--Форум на профилактике-->
<script type="text/javascript">
var active = 1; 
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>

<style type="text/css">
.punbb A:link
 {text-decoration: none;}
.punbb A:visited 
 {text-decoration: none;}
</style>

<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1; 
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>
<!--конец скрипта Форум на профилактике-->
Напоминалка о топах
Код:
<!-- УВЕДОМЛЕНИЕ -->
    <div id="inter2" style="display:none;position: fixed; z-index:2000!important; top: 40%; width: 390px; padding-left: 20px; padding-right: 0px; height:137px;  left:50%!important;margin-left: -200px!important; background: url(http://uploads.ru/i/M/9/c/M9cwV.png); border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow: 0px 5px 15px #000; -webkit-box-shadow:0px 5px 15px #000; -khtml-box-shadow:0px 5px 15px #000; -moz-box-shadow:0px 5px 15px #000; font-weight: bold; border: none; font-family: arial; font-size: 12px; font-style: oblique; line-height: 9px;"><img class="img1809" style="position: absolute;cursor:pointer;right:0;" src="http://uploads.ru/i/C/D/j/CDjKc.png"/><div style="COLOR: #000; font-variant: normal;line-height:125%; font-size: 14px; margin-bottom: 8px; margin-top: 15px; padding-top: 6px; overflow-y: auto!important; width: 400px; height: 100px!important; scrollbar-face-color: #5f1b1b;scrollbar-highlight-color: #212126; scrollbar-shadow-color: #ae5151;scrollbar-3dlight-color: #212126; scrollbar-arrow-color: #5f1b1b; scrollbar-track-color: #761a1a;scrollbar-darkshadow-color: #ae5151;">
    <!-- КОНТЕНТ -->

    <center><p> Ткни на топ, помоги форуму! </p></center>
<center> <a href="http://top.roleplay.ru/20149" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href='http://wizardtop.ru/in.php?id=2239' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/10.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a href="http://forum-top.ru/vote/2292" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a> </center>
    <center><font color=maroon>Спасибо :З</font></center>

    <!--/End КОНТЕНТ -->
    </div></div>
    <script src="http://hostjs-mybb2011.narod.ru/js/CookieJsLibrary_v_011_4.js"></script>
    <script type="text/javascript">
    if(typeof(getCookie01)!="undefined"){
    var UwOn=1 //1-Уведомление Включено; 0 - Выключено
    RabRegim=1 // 1 - Рабочий Режим  -(Если - 0 Тестовый режим и Всплывает все время
    if(!RabRegim){deleteCookie01('#inter2')}
    var TimePOP=24 // раз в 12 часов повторяемость - для одного юзера
    if(GroupID!=3&&UwOn&&!getCookie01('#inter2')&&document.URL=="http://"+location.hostname+"/"){
    $("#inter2").show();setCookie01('#inter2','off',TimePOP*60*60*1000)}
    $(".img1809").click(function(){$("#inter2").hide();});
    }
    </script><!--//КОНЕЦ - УВЕДОМЛЕНИЕ -->
Стрелки вверх-вниз
Код:
<!---------стрелки--------->
<div style="position:fixed;z-index:1003; right :5%; bottom: 10%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s4.uploads.ru/k46YK.png" alt="Вверх страницы">
  </a>
  <br><br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s5.uploads.ru/qfxKn.png" alt="Вниз страницы">
  </a>
</div>
<!----------стрелки--------->
Своя картинка в каждую категорию
Код:
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"Administration", "http://s7.uploads.ru/5ZiTB.png",
"Beginning", "http://s7.uploads.ru/8FUxX.png",
"Organization", "http://s7.uploads.ru/c9Hzh.png",
"Game", "http://s7.uploads.ru/i0NyI.png",
"Flashback", "http://s7.uploads.ru/8UMvz.png",
"Flood", "http://s6.uploads.ru/Lf2Jr.png",
"Piar", "http://s6.uploads.ru/V4YgW.png",
"Archive", "http://s7.uploads.ru/SOecn.png"  //Последний элемент без запятой!  
)
          $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"60px",
   "width": "900px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "margin-left": "0px",
   "background-repeat":"no-repeat"       
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>
<!--Своя картинка в каждую категорию -->
Таблица в шапку
Код:
<div style="position: absolute; z-index: 1000; width: 255px; height: 410px; top: 63px; margin-left: 202px!important; overflow-y: auto; text-align: center;font-family: georgia!important; font-size : 11px!important;">
<br><b>Hello & Welcome to the FRPG "...". </b><br>
тексттексттексттексттексттексттексттексттекст
</div>

0

12

HTML-верх

Таблица под меню навигации
Код:
<table border="0" width="850px" style="text-align: justify;  color: #873b20; position: absolute; margin-left: 50px; top:465px; " border:="" none=""><tbody><tr align="left"><td> 
<table style="width: 100%;" cellpadding="3" cellspacing="0" border="0">
<tbody><tr>
<td style="width: 20%;" align="center" valign="top">
<center><img src="http://s3.uploads.ru/5a4OH.png" border="0" /><br>
<center><a href="ссылка" title="может быть ты?" class="tip"><img src="http://s7.uploads.ru/PyVSq.png" style="max-width:130px;max-height:130px;border:0px solid #fff;"></a>
</div></center>
</br></br>
</td>
<td style="width: 20% align="center" valign="top";">
<center><img src="http://s3.uploads.ru/L2q6e.png" border="0" /><br>
<a href="ссылка" title="может быть ты?" class="tip"><img src="http://s7.uploads.ru/PyVSq.png" style="max-width:130px;max-height:130px;border:0px solid #fff;"></a></center></br>
</div></center>
</br></br>
</td>
<td style="width: 60%;" align="center" valign="top">
<center><img src="http://s3.uploads.ru/Uekh1.png" border="0" /><br>
<a href="ссылка" title="?" class="tip"><img src="http://s6.uploads.ru/AvylI.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a>
<a href="ссылка" title="? " class="tip"><img src="http://s6.uploads.ru/AvylI.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a>
<a href="ссылка" title="?" class="tip"><img src="http://s6.uploads.ru/AvylI.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a>
<a href="ссылка" title="?" class="tip"><img src="http://s6.uploads.ru/AvylI.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a>
<a href="ссылка" title="?" class="tip"><img src="http://s6.uploads.ru/AvylI.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a>
<a href="ссылка" title="?" class="tip"><img src="http://s6.uploads.ru/AvylI.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a></center>
<center><img src="http://s3.uploads.ru/Cmz4D.png" border="0" /><br>
<center><a href="ссылка" title="?" class="tip"><img src="http://s7.uploads.ru/TMh6g.png" style="max-width:157px;max-height:71px;border:0px solid #fff;"></a></center></br>
</td></br>
</div></center>
</td>
</tr>
</tbody></table>

</td></tr></tbody>
</table>

http://sd.uploads.ru/j14tg.png

0

13

Таблица-слайдер:

HTML-верх
Код:
<!--СЛАЙДЕР-->
<link rel="stylesheet" type="text/css" href="http://forumfiles.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumfiles.ru/files/0010/b4/f8/39493.js"></script>
<!--СЛАЙДЕР-->
Объявление
Код:
<table border="0" width="900px" style="text-align: justify;  color: #000000; position: absolute; margin-left: -0px; top:655px; " border:="" none=""><tbody><tr align="left"><td>
<center><a href="http://narutoosaca.rusff.ru/viewtopic.php?id=7#p31" class="tvm" target="">|Сюжет|</a>
<a href="http://narutoosaca.rusff.ru/viewtopic.php?id=3#p21" class="tvm" target="">|Правила|</a>
<a href="http://narutoosaca.rusff.ru/viewtopic.php?id=12#p39" class="tvm" target="">|Список персонажей|</a>
<a href="http://narutoosaca.rusff.ru/viewforum.php?id=3" class="tvm" target="">|Гостевая|</a>
<a href="http://narutoosaca.rusff.ru/viewtopic.php?id=13#p40" class="tvm" target="">|Занятые внешности|</a>
<a href="http://narutoosaca.rusff.ru/viewtopic.php?id=48#p128" class="tvm" target="">|Блог АМС|</a>
<a href="http://narutoosaca.rusff.ru/viewforum.php?id=5" class="tvm" target="">|Акции|</a>
<a href="http://narutoosaca.rusff.ru/viewtopic.php?id=4#p24" class="tvm" target="">|Шаблон анкеты|</a>
</center><br>
<!-- Cлайдер -->
   <div id="slider2" slide-width="880" slide-height="270" class="slider" style="padding:0;height:0;width:0; overflow-y: hidden;">
<!-- Две Кнопки слайдера -->
    <img button-width="60" class="button-left hide" src="http://s4.uploads.ru/q9dfh.png"/>
    <img button-width="60" class="button-right" src="http://s5.uploads.ru/40Umd.png"/>
<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">
<table style="width: 100%;" cellpadding="3" cellspacing="0" border="0">
<td style="width: 40%;" align="center" valign="top">
<center><img src="http://s7.uploads.ru/fj7KF.png" border="0" /><br>
<b><i>Игровое время:</i></b><br>октябрь-ноябрь-декабрь 2013 года<br>
<b><i>Игровое положение: </i></b><br>
<i>Рейтинг:</i> NC-21 (18+) В соответствии с Законом РФ 436-ФЗ от 29.12.10 сайт не рекомендуется посещать лицам моложе 18 лет<br>
<i>Жанр: </i> AU, fantasy, city life<br>
<i>Игра:</i> эпизодическая система<br>
<center><img src="http://s6.uploads.ru/BP5kg.png" border="0" /><br>
<div style="overflow-y: scroll; width: 100%; height:120px;">
<b>[28.10.13.]</b> - <a href="http://narutoosaca.rusff.ru/viewtopic.php?id=396"><i> У нас новый сюжет. Новый диз. И мы выжили. В ближайшее время закончится обновление всех тем и игра пойдет по полной, так что не пропустите этот момент и присоединяйтесь к нам скорее х) </i></a><br/>
<br/></center>
</br></br>
</td>

<td style="width: 30% align="center" valign="top";">
<center> <img src="http://s6.uploads.ru/TdXNP.png" border="0" /><br/><br/>
<a href="http://narutoosaca.rusff.ru/profile.php?id=2" title="главный администратор" class="tip"><img src="http://s7.uploads.ru/bZse9.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a>
<a href="http://narutoosaca.rusff.ru/profile.php?id=5" title="не менее главный администратор" class="tip"><img src="http://s7.uploads.ru/8nyTG.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a></br>
<a href="ссылка" title="?" class="tip"><img src="http://s7.uploads.ru/zPjGN.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a>
<a href="ссылка" title="?" class="tip"><img src="http://s7.uploads.ru/zPjGN.png" style="max-width:60px;max-height:60px;border:0px solid #fff;"></a></br>


</center>
</div></center>
</br></br>
</td>

<td style="width: 30%;" align="center" valign="top">

<center><img src="http://s6.uploads.ru/UFOJY.png" border="0" /><br/><br/>
<a href="ссылка"> <b>Квест</b></a> - <i>должник</i><br/>
<br/><br/><br/><br/><br/>
</center></br>
<center><a href="http://top.roleplay.ru/20149" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a><a href='http://wizardtop.ru/in.php?id=2239' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/10.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=17083' target='_blank'><img src="http://palantir.in/count.php?id=17083&cid=concept_4.gif" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></a>
<a href="http://forum-top.ru/vote/2292" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

</center>
</div></center>
</br></br></div>
</td></tr>
</tbody></table>
</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">
<table style="width: 100%;"align="center" valign="top"  cellpadding="3" cellspacing="0" border="0">
 <table border="0" valign="top" cellspacing="1" cellpadding="1" style="height:230px; width: 100%;style="padding:-32px;">
<tbody style="background-image:url(--)">
<tr>
    <td rowspan="2" style="height: 221px; width: 25%;" valign="top">
  <br>  
<br>
<br>
<br>
<center><img src="http://s7.uploads.ru/dnB8i.png" ></center>
<br>
<a href="http://tahfuna.nc-21.ru/" title="Tahfuna" target="blank"><img src="http://s1.uploads.ru/i/POZwb.gif"/></a> <a target="_blank" href="http://naruhog.com/forum.php" title="Naruto: Hogwarts life"><img src="http://s5.uploads.ru/iWj0p.gif" ></a> <a href="http://ftparallel.anihub.ru/"><img src="http://s3.uploads.ru/2fLBn.gif"></a>  <a href="http://bleach-z.ru/" target=_blank> <img src="http://s1.uploads.ru/i/peslA.gif" title="FRPG: Bleach." ></a> <a href="http://sw.webtalk.ru/" target=_blank> <img src="http://s2.uploads.ru/x9572.gif" title=" Bleach: Swords' world" ></a> <a href="http://rasengan.rusff.ru/" target="_blank"><img src="http://s3.uploads.ru/NSpfU.gif"  title="Naruto. Life on the battlefield"  border="0" /></a> <a target="_blank" href="http://birdin.rusff.ru/"><img src="http://s1.uploads.ru/ijg43.png" ></a><a href="http://cradgm.f-rpg.ru/" target=_blank title="DGM: Cradle of Memory"><img src=http://cradgm.f-rpg.ru/files/0011/ef/ac/61607.jpg></a> <a href="http://narutohighschool.rusff.ru/"><img src="http://s5.uploads.ru/NHeCQ.gif" border="0" /></a>
</td>
</tr>
</tbody>
</table>
</div>
   </div><script>$("#slider2").slideF();</script><!--//End Cлайдер -->
</br>
</table></center></td></tr></tbody></table>

http://sd.uploads.ru/6X4Hq.png

0

14

Боковая панель. Отображается на всех страницах форума:

html-верх:
Код:
<style type="text/css">#sidebar 
{
	display: block;
	background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); 
	width: 200px; 
	height: 500px;
	margin: 1px;
	float: left; 
	border: 1px solid; 
	position: relative; 
	z-index: 0; 
	top: 0px; 
       padding: 0;
}</style>
в самый низ  html-низа:
Код:
</div></div></div></td></tr></table><div><div>
самый низ объявления, редактируйте как хотите всё что красным цветом:
Код:
</div></div></div><table width="100%" ><tr><td id="sidebar">
[color=red]здесь можно попробовать сделать нечто подобное на блок крутой[/color]
</td><td style="padding: 0px;"><div><div><div>
Только на главной странице
Код:
<style type="text/css">
#sidebar 
{
	display: none;
	background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); 
	width: 200px; 
	height: 500px;
	margin: 1px;
	float: left; 
	border: 1px solid; 
	position: relative; 
	z-index: 0; 
	top: 0px; 
       padding: 0;
}
#pun #pun-index #sidebar {display: block;}</style>

источник - http://forum.mybb.ru/viewtopic.php?id=20774

0

15

Сайдбар
Код:
<style>
#pun {
  margin: auto 20px auto 185px;
  width : 870px;}
.sidbar {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000;  top: 0px; right: 310px; left: 5px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  transparent  url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
</style>
<div class="sidbar">...</div>

источник - http://forum.mybb.ru/viewtopic.php?id=19953

0

16

http://forum.mybb.ru/viewtopic.php?id=2 … 13#p709661

0

17

В HTML низ

Инфо-блок
Код:
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>
<div id=Inf_block_Right style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>

<script>if($("#navlogin").html()!=null){$("#Inf_block_Left").replaceWith("");$("#Inf_block_Right").replaceWith("")}</script>
<div style="display:none"><script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){
  var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}LeftSUM='<td id=LeftNews width=21% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}RightSUM='<td id=RightNews width=21% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}
  if(LeftSUM!='' || RightSUM!=''){	$("#pun-main").html('<table width=100% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
</script></div><!--/=End=/Инфоблок-->

Красным - заголовки и текст новости
Если какой блок не нужен( левый или правый) - его просто убираем из кода

Вставка:
<script>if($("#navlogin").html()!=null){$("#Inf_block_Left").replaceWith("");$("#Inf_block_Right").replaceWith("")}</script>
- Отключает сайдбар для Гостя(Актуальна при длинном по высоте сайдбаре и большом количестве скрытых от гостей категорий и форумов(вследсвии чего возникает большое пустое пространство между низом форума и последней категорией. (*Если фунция не нужна - убираем!

дополнительно - http://forum.mybb.ru/viewtopic.php?id=6 … 35#p693026

0

18

Код для музыка в ХТМЛ-низ:

Код:
<!--audio плеер (special edition)v.2.01 обновленный-->
<script language="javascript">
$(function(){
$('td#button-video').before('<td id="floatbut" style=\'background-image:url("http://img31.imageshack.us/img31/1875/sound.gif")\' onclick="tag_play()"></td>');
$("div.post-content, li.pa-title").map(function () {
text = $(this).html();
if(text.indexOf("[/playf]") != -1) {
changer = /\[playf\](\d+)\[\/playf\]/g
$(this).html(text.replace(changer, "[audio]http://playfile.ru/get/$1/[/audio]"));
    }   
if(text.indexOf("pleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://embed.pleer.com/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='550' height='124'></embed>"));
} 
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://api.zippyshare.com/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));}

if(text.indexOf("http://rghost.ru") != -1) {
player = /\[audio\](.*?)\/(\d+)\[\/audio\]/g
$(this).html(text.replace(player, "<br /><object height='15' width='455' type='application/x-shockwave-flash' data='http://rghost.ru/flash/mediaplayer.swf' id='preview_mp3' style='visibility: visible;'><param name='flashvars' value='file=http://rghost.ru/download/action/$2/mp3&amp;streamer=http://rghost.ru/download/action/$2/mp3'></object>"));
    }
if(text.indexOf(".mp3") != -1) {
player = /\[audio\](.*?)\[\/audio\]/g
$(this).html(text.replace(player, "<br /><embed src='http://www.demo-music.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&amp;st=http://www.demo-music.ru/pleer/style_pleer.txt&amp;file=$1' width='470' height='33'>"));
 } }); }); 
var popup, popupp, pop, popzz, poprg, popam, popfl;
function tag_play()
 {var FoundErrors = '';
var pop = window.open("","popDialog","height=270,width=800,Scrollbars=1")
pop.document.open();
  
 // генерировать новый документ 
  pop.document.write("<html><head><title>Player");
  pop.document.write("</title></head><body bgcolor=#00FF00>");
  pop.document.write("<font face=Arial><center><font size=+4>");
  pop.document.write("<strong>");
  pop.document.write("Выберите аудиохостинг:");
  pop.document.write("</strong>");
  pop.document.write("</br>");
  pop.document.write("</font></center>");
  pop.document.write("<center><font size=+3>");
  pop.document.write("<strong>");
  pop.document.write("<a href='http://www.zippyshare.com/?locale=ru'>");
  pop.document.write("zippyshare.com");
  pop.document.write("</a>");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("<a href='http://rghost.ru'>");
  pop.document.write("rghost.ru");
  pop.document.write("</a>");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("&nbsp;");
  pop.document.write("<a href='http://pleer.com'>");
  pop.document.write("prostopleer.com");
  pop.document.write("</a>");
  pop.document.write("</br>");
  pop.document.write("</br>");
  pop.document.write("</strong>");
  pop.document.write("</font></center>");
  pop.document.write("<center><font size=+2><font color=#FF0000>");
  pop.document.write("<strong>");
  pop.document.write("<i>");
  pop.document.write("Полученную ссылку на аудиофайл вставьте вместо:");
  pop.document.write("</br>");
  pop.document.write("[object Window]");
  pop.document.write("</i>");
  pop.document.write("</strong>");
  pop.document.write("</font></font></center></font>");
  pop.document.write("</body></html>");
  
  pop.document.close();
 if (!document.all)  {pop.moveTo(100,100);}
 if (FoundErrors)
 {alert("Ошибка!" + FoundErrors);
 return ;}
insert("[audio]" + pop + "[/audio]");}
</script>

0


Вы здесь » Naruto: Your world » CSS » Полезные коды


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC