Good day

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

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


Вы здесь » Good day » Коды дизайна » Коды


Коды

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

1

Как сделать фон и правильно его настроить?
Администрирование - Настройки - HTML-верх
Установить следующий код:

<style type="text/css">
html, body {background-image: url("адрес изображения"); background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
</style>

В этом коде используются следующие параметры:
background-image - определяет адрес изображения, которая будет на фоне форума
Значения:
адрес изображения адрес(путь) изображения
(этот параметр является обязательным! )
background-attachment - определяет, будет ли ваш фон прокручиваться вместе с форумом или оставаться фиксированым, неподвижным
Значения:
fixed фиксированный
scroll прокручивающийся вместе с форумом
(этот параметр вы можете задать автоматически, как описано выше! )
background-repeat - определяет, будет ли многократно повторяться фон и если будет, то каким именно образом
Значения:
no-repeat фон стоит единым нефрагментированным куском, а не "мозаикой" (в этом случае вам нужно будет точно подобрать размер вашего фона! )
repeat - картинка фона множится по принципу "мозаики", по вертикали и по горизонтали
repeat-x - повторение идет только по горизонтали
repeat-y - повторение идет только по вертикали
background-position - задает расположение неповторяющегося фона
Значения:
(положение по вертикали)
top - наверху
center - по центру
bottom - снизу
(положение по горизонтали)
left - слева
center - по центру
right - справа

0

2

Ставим шапку
Администрирование - Настройки - HTML-верх

<style type="text/css">
#pun-title .title-logo {background-image : url(адрес картинки);
background-repeat : no-repeat; height : 134px; padding-left : 958px;
}
#pun-title .title-logo span {display: none;}
</style>

Выделенные значения изменяете на свои.
height - высота картинки в пикселях
padding-left - ширина картинки в пикселях

0

3

Меняем стандартные иконки на свои
Администрирование - Настройки - HTML-верх
Новые сообщения

<style type="text/css">TR.inew Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>

Нет новых сообщений

<style type="text/css"> Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>

Важная тема

<style type="text/css">TR.isticky Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>

Закрытая тема

<style type="text/css"> TR.iclosed Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>

Перенесённая тема

<style type="text/css"> TR.iredirect Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>


Код:
<style type="text/css">
.punbb table Div.icon {float: right; display: block; width: 60px; height: 60px; border-style: none;
background-image: url("http://xmages.net/storage/10/1/0/f/b/upload/602aaec6.png");
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url("http://xmages.net/storage/10/1/0/f/b/upload/8bf86a69.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://xmages.net/storage/10/1/0/f/b/upload/ac0300a3.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://xmages.net/storage/10/1/0/f/b/upload/91c791f7.png") no-repeat;}
</style>

<style>
#pun-stats ul.container {
background: transparent url(http://xmages.net/storage/10/1/0/f/2/upload/5ef1da3c.png) no-repeat 17px 12px;
padding-left:87px;
}
</style>

0

4

Меняем стандартные иконки на свои. Version №2
Если вы сделали свой стиль в генераторе, то иконки можно будет заменить только этим скриптом. Скрипт, выложенный више не поможет!
Администрирование - Настройки - HTML-верх

<style>
.punbb table Div.icon {float: left; display: block; width: 30px; height: 30px; border-style: none;
background-image: url(картинка нет новых сообщений);
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url(картинка новое сообщение) no-repeat;}
TR.isticky Div.icon {
background: url(картинка важная тема) no-repeat;}
TR.iclosed Div.icon {
background: url(Картинка закрытая тема) no-repeat;}
TR.iredirect Div.icon {
background: url(Картинка перенесённая тема) no-repeat;}
</style>

Там где красное вставляете ссылку на картинку.
Выделенное жирным изменяете на своё.
width - ширина картинки в пикселях
height - высота в пикселях

0

5

Переливающиеся ссылки
Код:

Код:
<script 
language="Javascript"> 
var rate = 20; 
var obj; 
var act = 0; 
var elmH = 0; 
var elmS = 128; 
var elmV = 255; 
var clrOrg; 
var TimerID; 
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { 
Browser = true; 
} else { 
Browser = false;} 
if (Browser) { 
document.onmouseover = doRainbowAnchor; 
document.onmouseout = stopRainbowAnchor;} 
function doRainbow(){ 
if (Browser && act != 1) { 
act = 1; 
obj = event.srcElement; 
clrOrg = obj.style.color; 
TimerID = setInterval("ChangeColor()",100);}} 
function stopRainbow(){ 
if (Browser && act != 0) { 
obj.style.color = clrOrg; 
clearInterval(TimerID); 
act = 0;}} 
function doRainbowAnchor(){ 
if (Browser && act != 1) { 
obj = event.srcElement; 
while (obj.tagName != "A" && obj.tagName != "BODY") { 
obj = obj.parentElement; 
if (obj.tagName == "A" || obj.tagName == "BODY") 
break;} 
if (obj.tagName == "A" && obj.href != "") { 
act = 1;//osw 
clrOrg = obj.style.color; 
TimerID = setInterval("ChangeColor()",100);}}} 
function stopRainbowAnchor(){ 
if (Browser && act != 0) { 
if (obj.tagName == "A") { 
obj.style.color = clrOrg; 
clearInterval(TimerID); 
act = 0;}}} 
function ChangeColor(){ 
obj.style.color = makeColor();} 
function makeColor(){ 
if (elmS == 0) { 
elmR = elmV; elmG = elmV; elmB = elmV;} 
else { 
t1 = elmV; 
t2 = (255 - elmS) * elmV / 255; 
t3 = elmH % 60; 
t3 = (t1 - t2) * t3 / 60; 
if (elmH < 60) { 
elmR = t1; elmB = t2; elmG = t2 + t3;} 
else if (elmH < 120) { 
elmG = t1; elmB = t2; elmR = t1 - t3;} 
else if (elmH < 180) { 
elmG = t1; elmR = t2; elmB = t2 + t3;} 
else if (elmH < 240) { 
elmB = t1; elmR = t2; elmG = t1 - t3;} 
else if (elmH < 300) { 
elmB = t1; elmG = t2; elmR = t2 + t3;} 
else if (elmH < 360) { 
elmR = t1; elmG = t2; elmB = t1 - t3;} 
else { 
elmR = 0; elmG = 0; elmB = 0;}} 
elmR = Math.floor(elmR);//fantasyflash.ru 
elmG = Math.floor(elmG); 
elmB = Math.floor(elmB); 
clrRGB = "#" + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); 
elmH = elmH + rate; if (elmH >= 360) elmH = 0; 
return clrRGB;}</script> 


</body> 
</html><!-- ><!-- "><!-- "><!-- -->

0

6

Скрипт замены надписей активны/неактивны под аватаром на картинки

<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='адрес онлайн картинки' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='адрес оффлайн картинки' />"}
}
</script>

0

7

Замена ссылок Профиль - ЛС - Email картинками

<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

8

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

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

im.style.backgroundColor="#FFFFFF"
normal1.style.backgroundColor="#FFFFFF" цвет фона строк Важные темы и Темы форума
normal1.style.color="#0000FF"
im.style.color="#0000FF"  цвет шрифта в этих строках.

0

9

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

<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

10

Смена шрифта для форума в данном случае Для ссылок(ставить хтмл низ/верх):
<style>
BODY A{font-family : "Шрифт";}
</style>

0

11

Кнопки "в кириллицу" и "в латиницу"
Буква ю и латинская точка изъяты из скрипта неслучайно.
Не знаю куда ставить, но скорее всего в форму ответа.

<script type="text/javascript">
var latin=("q-w-e-r-t-y-u-i-o-p-]-a-s-d-f-g-h-j-k-l-;-'-z-x-c-v-b-n-m-,-Q-W-E-R-T-Y-U-I-O-P-]-A-S-D-F-G-H-J-K-L-;-'-Z-X-C-V-B-N-M-,").split("-")
var ciril=("й-ц-у-к-е-н-г-ш-щ-з-ъ-ф-ы-в-а-п-р-о-л-д-ж-э-я-ч-с-м-и-т-ь-б-Й-Ц-У-К-Е-Н-Г-Ш-Щ-З-Ъ-Ф-Ы-В-А-П-Р-О-Л-Д-Ж-Э-Я-Ч-С-М-И-Т-Ь-Б").split("-")
function advert()
{
var val=document.selection.createRange()
var val1=val.text
var qw=0
for(qw=0; qw<=(latin.length-1); qw++)
{var latin1="/"+latin[qw]+"/g"
val1=val1.replace(eval(latin1), ciril[qw])}
val.text=val1}
function advert1()
{
var val=document.selection.createRange()
var val1=val.text
var qw=0
for(qw=0; qw<=(latin.length-1); qw++)
{var ciril1="/"+ciril[qw]+"/g"
val1=val1.replace(eval(ciril1), latin[qw])}
val.text=val1}
</script>
<input type="button" value="В кириллицу" onclick="advert()" />
<input type="button" value="В латиницу" onclick="advert1()" />

0

12

Подпись по умолчанию тем, у кого ее нет

<script type="text/javascript">
if (document.URL.indexOf("viewtopic")!=-1)
{var sigs=document.getElementById('pun-main').getElementsByTagName("div")
var v=0
for (v=0; v<=(sigs.length-1); v++)
{if (sigs[v].className=="post-content")
{if (sigs[v].innerHTML.toLowerCase().indexOf("<span>подпись автора</span>")==-1)
{sigs[v].innerHTML=sigs[v].innerHTML+"<dl class='post-sig'><dt><span>Подпись автора</span></dt><dd><p>"+"Ваш текст по умолчанию"+"</p></dd></dl>"}}}}
</script>

0

13

Цепляем картинку к категории. Автор Duka
в хтмл-низ

Код:
<script type="text/javascript">
var logo="<img src='адрес изображения'>"
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].className=="category"){
name=arr[i].innerHTML
name=name.substring(48)
arr[i].innerHTML="<h2><div class=\"catleft\"><!-- --></div><span> "+logo+" &ensp;"+name+""
}
i++
}
</script>

0

14

сполйер наград

Код:
<!-- Спойлер наград -->

<div id="html-footer" class="section">
	<div class="container"><!-- спойлер наград на 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://uploads.ru/i/K/o/7/Ko7fy.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>
<!--Конец//=спойлер наград в Профиле, в Топике-->

0

15

Код:
[16:58:03] Irreal Faces: /*Блок кнопок в шапке*/

#map { /*Карта*/
   position: absolute;
   left: 258px; /*Отступ слева*/
   top: 102px; /*Отступ справа*/
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/karta.png') no-repeat;
   width: 60px; /*Ширина*/
   height: 17px; /*Высота*/
   font-size: 30px;
   opacity: 0.8; 
}
#map:hover {
   cursor: pointer;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/karta1.png') no-repeat;
}
#charter {
   position: absolute;
   left: 331px;
   top: 50px;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/ustav.png') no-repeat;
   width: 55px;
   height: 14px;
   font-size: 30px;
   opacity: 0.8;
}
#charter:hover {
   cursor: pointer;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/ustav1.png') no-repeat;
}
#plot {
   position: absolute;
   left: 423px;
   top: 80px;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/sujet.png') no-repeat;
   width: 65px;
   height: 14px;
   font-size: 30px;
   opacity: 0.8;
}
#plot:hover {
   cursor: pointer;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/sujet1.png') no-repeat;
}
#chron {
   position: absolute;
   left: 521px;
   top: 54px;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/hroniki.png') no-repeat;
   width: 77px;
   height: 17px;
   font-size: 30px;
   opacity: 0.8;
}
#chron:hover {
   cursor: pointer;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/hroniki1.png') no-repeat;
}
#roles {
   position: absolute;
   left: 595px;
   top: 130px;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/v_rolyah.png') no-repeat;
   width: 64px;
   height: 16px;
   font-size: 30px;
   opacity: 0.8;
}
#roles:hover {
   cursor: pointer;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/v_rolyah1.png') no-repeat;
}
#actions {
   position: absolute;
   left: 674px;
   top: 70px;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/akcii.png') no-repeat;
   width: 54px;
   height: 14px;
   cursor: pointer;
   font-size: 30px;
   opacity: 0.8;
}
#actions:hover {
   cursor: pointer;
   background: url('http://irreality.ucoz.ru/SCdesign/Shapka/akcii1.png') no-repeat;
}

/*Конец блока кнопок в шапке*/

в самом конце перед </style> в теле, да

0

16

Код:
<TABLE align="center" cellSpacing="0" cellPadding="0" width="852" height="414" border="0" background="http://savepic.net/4071660.jpg"> 
<tr><td height="190"></td></tr><tr><td width="400" align="center">
<a href="http://gamemix.unoforum.ru/?1-1-0-00000002-000-0-0#000"target=_blank><img src=http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/41F0440043004320438043B04300.png></a><br>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000008-000-0-0#010"target=_blank><img src=http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/425043E044704430.png></a><br>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000006-000-0-0#000"target=_blank><img src=http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/43D0430043204380433043004460438044F0.png></a><br>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000009-000-0-0#000"target=_blank><img src=http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/420043E043B04380.png></a>
</td><td></td></tr></TABLE>


<img src="http://savepic.net/4071660.jpg" border="0">


<left>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000002-000-0-0#000"target= blank><img border=0 src='http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/41F0440043004320438043B04300.png'></a>
<br>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000008-000-0-0#010"target= blank><img border=0 src='http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/425043E044704430.png'></a>
<br>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000006-000-0-0#000"target= blank><img border=0 src='http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/43D0430043204380433043004460438044F0.png'></a>
<br>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000009-000-0-0#000"target= blank><img border=0 src='http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/420043E043B04380.png'></a>

</left>




<div style="position:relative;">
<a href="http://gamemix.unoforum.ru/?1-1-0-00000002-000-0-0#000"><img style="position:relative;top:100px;right:100px;" src="http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/41F0440043004320438043B04300.png"></a>
</div>

<div style="position:relative;">
<img style="position:absolute;top:100px;left:100px;" src="http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/43D0430043204380433043004460438044F0.png">
</div>

<div style="position:relative;">
<a href="http://gamemix.unoforum.ru/?1-1-0-00000002-000-0-0#000"><img style="position:absolute;top:100px;left:100px;" src="http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/41F0440043004320438043B04300.png"></a>
</div>



<left>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000002-000-0-0#000"target= blank><img border=0 src='http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/41F0440043004320438043B04300.png'></a>
<br>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000008-000-0-0#010"target= blank><img border=0 src='http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/425043E044704430.png'></a>
<br>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000006-000-0-0#000"target= blank><img border=0 src='http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/43D0430043204380433043004460438044F0.png'></a>
<br>
<a href="http://gamemix.unoforum.ru/?1-1-0-00000009-000-0-0#000"target= blank><img border=0 src='http://i1085.photobucket.com/albums/j433/Zyablik/Nedodiz/420043E043B04380.png'></a>

</left>

0

17

Код:
<script src="//scripts.borda.ru/opt.js" charset="utf-8"></script> 
 <script charset="utf-8"> 
 <!-- 
 //Добавляем медальки для форума 
 OPT.data.medals = [  
     [":ms01:", "http://shot.photo.qip.ru/302LlRd.gif", 20, 35, "За вклад в развитие форума"],   
     [":ms02:", "http://shot.photo.qip.ru/202LlRc.png", 24, 40, "За прекрасный дизайн"] 
  ];
 //Добавляем компоненту 
     OPT.util.component.add("medals"); 
 --> 
 </script>

медальки на борду

0


Вы здесь » Good day » Коды дизайна » Коды


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