Наиболее часто встречающиеся css или html коды
Часто используемые коды
Сообщений 1 страница 10 из 20
Поделиться212 декабря, 2010г. 15:04:58
Изменение курсора мыши
вставляем в html-верх
Бриллиант
<style type="text/css">body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11171a/image.gif") !important;}</style><style type="text/css">.button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;text-align:left;width:106px;position:absolute;top:0px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;width:106px;}</style>
Переливающийся радугой
<style type="text/css">body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11273a/image.gif") !important;}</style><style type="text/css">.button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;text-align:left;width:106px;position:absolute;top:0px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;width:106px;}</style>
Ангел
<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/angel9.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Angel9.gif"), auto;}</style>
Меч из "Звездных войн"
<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/lightsaberflashgreen.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/light-saber-flashing-green.gif"), auto;}</style>
Курсор-сердечко
<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/heartpink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/HeartPink.gif"), auto;}</style>
Поделиться312 декабря, 2010г. 15:05:51
Неподвижный фон форума
Вставляем в HTML низ
<style type="text/css"> HTML , BODY { background-image : url(ссылка на изображение);background-attachment: fixed; } </style>
Но и не забываем, что ссылка на картинку фона должна быть одинаковая в "Стиль" и в "HTML низ"
Возможно, фон будет двигаться в "администрировании", но этого не будет в остальных категориях)
Поделиться412 декабря, 2010г. 15:08:31
Разделение важных и обычных тем на блоки
<script type="text/javascript"> if (document.URL.indexOf("viewforum")!=-1) {var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows var io=1 for (io=1; io<=(trs.length-1); io++) {if ((trs[io].className.indexOf("isticky")!=-1)&&(io==1)) {var portant=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(1) var im=portant.insertCell(0) im.innerHTML="Важные темы" im.style.color="#0000FF" im.style.backgroundColor="#FFFFFF" im.colSpan="4"} else 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) var normal1=normal.insertCell(0) normal1.innerHTML="Темы форума" normal1.style.color="#0000FF" normal1.style.backgroundColor="#FFFFFF" normal1.colSpan="4" }}} </script>
Поделиться512 декабря, 2010г. 15:10:56
Окно-раздражалка для гостей
это вставляем в html-верх
<div id="annoy" style="position: absolute; left: 20px; top: 30px; display:none; z-index: 150;"><table><tr><td height=200px width=468px bgcolor=#898989;><p align="center">Добро пожаловать! </p> <p align="center">Уважаемый Гость, пожалуйста, <a href="http://ваш адрес.ru/register.php" title="регистрация" >зарегистрируйтесь</a> или войдите на форум, используя свой логин и пароль</p> <p div align="center"><form id="login" class="container" method="post" action=" http://ваш адрес.ru/login.php?action=in" onsubmit="return my_form(this)"> <div align="center"> <input type="hidden" name="form_sent" value="1"/> <input type="hidden" name="redirect_url" value="index.php"/> </div> <p align="center" class="inputfield required"> <label for="fld1" class="style1">Логин:</span></label> <span class="input"> <input type="text" id="fld1" name="req_username" size="8" maxlength="25"/> <label for="fld2">Пароль:</label> <label for="fld2"></label> <span class="input"> <input type="password" id="fld2" name="req_password" size="8" maxlength="25"/></span><br><br> </p><div align="center"> <input type="submit" class="button" name="login" value="Войти"/> </td></tr></table></div>
А это в html-низ
<script type="text/javascript"> var crossobj=document.all? document.all.annoy : document.getElementById("annoy") var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body function positionit(){ var dsocleft=document.all? iebody.scrollLeft : pageXOffset var dsoctop=document.all? iebody.scrollTop : pageYOffset if (document.all||document.getElementById){ crossobj.style.left=parseInt(dsocleft)+5+"px" crossobj.style.top=dsoctop+5+"px" } } setInterval("positionit()",10) </script> <script type="text/javascript"> var t var freak function freakOut() {document.getElementById("annoy").style.display="block" t=setTimeout ("freakIn()", 30000) } function freakIn() {document.getElementById("annoy").style.display="none" t=setTimeout ("freakOut()", 3000)} if (document.getElementById('pun-status').innerHTML.indexOf("Гость")!=-1) {freakOut()} </script>
Поделиться612 декабря, 2010г. 15:12:57
Само набирающееся название форума
вставляем в html-верх
<script> var tit = document.title; var c = 0; function writetitle() { document.title = tit.substring(0,c); if(c==tit.length) { c = 0;setTimeout("writetitle()", 3000) } else { c++; setTimeout("writetitle()", 200) } } writetitle() </script>
Поделиться712 декабря, 2010г. 15:13:38
Замена мужской/женский пол на картинки
вставляем в html-верх
<script type="text/javascript"> var sex=document.getelementbyid('pun-main').getelementsbytagname("li") var sx=0 for (sx=0; sx<=(sex.length-1); sx++) {if (sex[sx].classname=="pa-sex") {if (sex[sx].innerhtml.indexof("мужской")!=-1) {sex[sx].innerhtml="пол: "+"<img src='мужская картинка' />"} else if (sex[sx].innerhtml.indexof("женский")!=-1) {sex[sx].innerhtml="пол: "+"<img src='женская картинка' />"} }} </script>
Поделиться812 декабря, 2010г. 15:14:17
Замена профиль/ЛС/E-mail картинками
в html-верх
<script type="text/javascript"> var trr=document.getelementsbytagname("ul") var fi=0 for (fi=0; fi<=(trr.length-1);fi++) {if (trr[fi].innerhtml.indexof("pl-email")!=-1) {var drr=trr[fi].getelementsbytagname("a") drr[0].innerhtml="<img src='картинка профиль' />" drr[1].innerhtml="<img src='картинка лс' />" drr[2].innerhtml="<img src='картинка email' />" }} </script>
Поделиться912 декабря, 2010г. 15:15:18
Спойлер
вставлять в форму ответа
if((pos=str.indexOf("[spoiler]",from))==-1) return str; if((pos2=str.indexOf("[/*spoiler]"),pos+9)==-1) return str; newpos=str.indexOf("[*spoiler]",pos+9) if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true) if((pos2=str.indexOf("",pos+9))==-1) return str; str=str.substring(0,pos)+makeSpoiler(str.substring(pos+9,pos2))+str.substring(pos2+10,str.length) if( str.indexOf("[*spoiler]")!=-1 && internal==false) str=addSpoiler(str,0,false) return str} function makeSpoiler(txt){ txt="<div class=quote-box style='padding:1px'><cite style='width:100%'>Спойлер <input style='width:60px;margin-left:70%;font-size:10px;' type='button' value='Показать' onclick='hideSpoiler(this)'></cite><blockquote style='display:none'>"+txt+"</blockquote></div>" return txt} function hideSpoiler(sp){ spoiler=sp.parentNode.parentNode.getElementsByTagName("blockquote")[0] if(spoiler.style.display=='none'){ spoiler.style.display='inline' sp.value='Скрыть'} else{ spoiler.style.display='none' sp.value='Показать'}} 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)}} if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img id=\"button-spoiler\" title=\"Спойлер\" onclick=\"bbcode('[*spoiler]','[/*spoiler]')\" src=\"/i/blank.gif\" />" </script>
Звёздочки убрать везде в
[*spoiler]
и
[/*spoiler]
Поделиться1012 декабря, 2010г. 15:16:08
Цветовыделение трех групп пользователей
<script type="text/javascript"> var arr=document.links var arr1=new Array ("Alex Gt", "Zebra") var arr2=new Array ("Alexus™ ","karpoff") var arr3=new Array ("ДОМИНИОН", "Тёмыч") for (x in arr) {for (y in arr1) {if (arr[x].innerHTML==arr1[y]) { arr[x].innerHTML="<font color='red'>"+arr[x].innerHTML+"</font>"} }} for (x in arr) {for (j in arr2) {if (arr[x].innerHTML==arr2[j]) { arr[x].innerHTML="<font color='blue'>"+arr[x].innerHTML+"</font>"}}} for (x in arr) {for (l in arr3) {if (arr[x].innerHTML==arr3[l]) { arr[x].innerHTML="<font color='green'>"+arr[x].innerHTML+"</font>"}}} </script>