PR Prod.

Объявление

Ротатор баннеров


Баннеры друзей

ID.Fanfiction Шерлок Холмс. Новая квестовая игра

Администрация

Администраторы:

Veronica, Exie


Модератор:

???

О проекте

Проект "PR Prod." посвящен рекламе и общению (ну куда без него). Официальная дата нашего рождения: 18 декабря 2010 года. С тех пор форум изменил шкурку, принял новых людей и, я надеюсь, уже успел помочь кому-то в нелёгком деле администрирования. Благодаря буйной фантазии администрации, у нас постоянно проходят акции, участвуя в которых можно "срубить бабла" (разумеется, нашего, форумного "бабла") и пустить его на раскрутку форума. В честь Рождества у нас ввелись дополнительные пиар-услуги, подробнее о который лучше почитать в специальной теме.

Текстовая реклама

Silent Hill Ролевая по серии игр Silent Hill, множество свободных ролей.

Hogwarts. Life splinters 2 поколение. Следующий год после Битвы за Хогавартс.

ЗАКАЗАТЬ РЕКЛАМУ В ТАБЛИЦЕ

Анонс

С 17 февраля 2011 года стартовала акция "Почтальон Печкин". Подробнее читать в соответствующей теме. Также открыт новый опрос для нашего проекта "В помощь администратору" - "Способы пиара". Будем очень признательны, если другие администраторы и модераторы поделятся своим опытом. Ну и ещё начаты активные поиски модератора. Условия читайте в специальной теме.

Выставка баннеров

ЗАКАЗАТЬ РЕКЛАМУ В ТАБЛИЦЕ

Статистика в ТОПах.
Ротатор баннеров.

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

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


Вы здесь » PR Prod. » Склад css » Часто используемые коды


Часто используемые коды

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

1

Наиболее часто встречающиеся css или html коды

+1

2

Изменение курсора мыши

вставляем в 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>

0

3

Неподвижный фон форума
Вставляем в HTML низ

Код:
<style type="text/css">
HTML , BODY {
background-image : url(ссылка на изображение);background-attachment: fixed;
}
</style>

Но и не забываем, что ссылка на картинку фона должна быть одинаковая в "Стиль" и в "HTML низ"
Возможно, фон будет двигаться в "администрировании", но этого не будет в остальных категориях)

0

4

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

Код:
<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>

0

5

Окно-раздражалка для гостей
это вставляем в 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>&nbsp;<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>

0

6

Само набирающееся название форума

вставляем в 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>

0

7

Замена мужской/женский пол на картинки

вставляем в 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>

0

8

Замена профиль/ЛС/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>

0

9

Спойлер

вставлять в форму ответа

Код:
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]

0

10

Цветовыделение трех групп пользователей

Код:
<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>

0


Вы здесь » PR Prod. » Склад css » Часто используемые коды


Рейтинг форумов | Создать форум бесплатно