Role Playing Game

Объявление



Дорогие гости!
Наш форум - это своего рода площадка для ролевиков. Здесь собрано все самое нужное и интересное для вас. У нас вы сможете не только найти себе пристанище в мире ролевых, но и прорекламировать свой проект, найти необходимый контент для ролевой и всевозможные идеи. Здесь вы сможете как просто пообщаться с другими ролевиками, так и ознакомиться с их творчеством или выложить свое. Здесь каждый желающий сможет принять участие в конкурсах с ценными призами и просто найти себе друзей по интересам. Именно из наших уст вы сможете в дальнейшем узнавать последние новости из мира ролевых, первыми узнавать о новых проектах, читать независимую оценку на форумы. Одним словом только у нас вы найдете все, что нужно истинному ролевику и даже чуточку больше.

Уже с нами

А у нас первый конкурс.

Успели принять в нем участие

Что-то будет 3

Текст текст текст текст

Гостевая
Перенос тем
Вопросы/предложения
Ищу тебя
Дизайнерские
Мастерские графики
Рукописи
Конкурсы

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

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

Вы здесь » Role Playing Game » Коды и скрипты » Дизайн

Дизайн

Страница: 1

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

1

  • Автор: Enima Lin
  • Администратор
  • Enima Lin
  • Зарегистрирован: 2013-08-10
  • Приглашений: 0
  • Сообщений: 614
  • Уважение: +10
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    2013-11-24 18:19:38

В данной теме вы найдете следующие скрипты:

0

2

  • Автор: Enima Lin
  • Администратор
  • Enima Lin
  • Зарегистрирован: 2013-08-10
  • Приглашений: 0
  • Сообщений: 614
  • Уважение: +10
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    2013-11-24 18:19:38

Цветовыделение групп

!-- Цветовыделение групп -->
<script type="text/javascript">
var arr=document.links
var arr1=new Array ("Медузия", "Арей", "Дафна", "Gamer")
var arr2=new Array ("Диметра", "Катерина Лоткова", "Юля Северова", "Таня")
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>

______________________________________________________
var arr3=new Array ("…") - группы определенного цвета. Эту строку размножаете, столько, сколько надо групп, давая каждой номер:
var arr4=new Array ("…")
var arr5=new Array ("…")
и т.д.
жирным выделены названия цветов, меняете на свое.

0

3

  • Автор: Enima Lin
  • Администратор
  • Enima Lin
  • Зарегистрирован: 2013-08-10
  • Приглашений: 0
  • Сообщений: 614
  • Уважение: +10
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    2013-11-24 18:19:38

Любой объект в шапке

В HTML Верх

Код:
<div style="position: absolute;
top: 178px;
left: 250px;
width:186px;">
Тут код вашего объекта: картинки, плеера, таблицы и т.д.
</div>

top: 178px;

Сдвиг от верха шапки.

left: 250px;

Сдвиг влево по шапке.

width:186px;

Ширина поля

0

4

  • Автор: Enima Lin
  • Администратор
  • Enima Lin
  • Зарегистрирован: 2013-08-10
  • Приглашений: 0
  • Сообщений: 614
  • Уважение: +10
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    2013-11-24 18:19:38

Скрипт переключения меню под профилем

Под аватаром появляются кнопочки переключения:
1 кнопка - информация пользователя
2 кнопка - 1 доп. поле
3 кнопка - 2 доп. поле
4 кнопка - 3 доп. поле

в HTML-низ

Код:
<script>
function HideInfo(id,but){
if(but.value=="1"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if ((fil[fi].className=="pa-fld1") || (fil[fi].className=="pa-fld2") || (fil[fi].className=="pa-fld3"))
{fil[fi].style.display = "none";}
if ((fil[fi].className!="pa-fld1") && (fil[fi].className!="pa-fld2") && (fil[fi].className!="pa-fld3"))
{fil[fi].style.display = "block";}
}
}
if(but.value=="2"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld1") 
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld1")
{fil[fi].style.display = "block";}
}
}
if(but.value=="3"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld2")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld2") 
{fil[fi].style.display = "block";}
}
}
if(but.value=="4"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld3")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld3") 
{fil[fi].style.display = "block";}
}
}
  return false}
d = document.getElementsByTagName("div")
for (i=0;d[i]; i++){
if (d[i].className.indexOf("post-author")!=-1){t = d[i].innerHTML
   if((j = t.toLowerCase().indexOf("<li class=pa-from>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-from\">"))!=-1 || (j = t.toLowerCase().indexOf("<li class=pa-reg>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-reg\">"))!=-1)
    d[i].innerHTML = t.substring(0,j)+"<center><input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='1' id='bu1' title='Об игроке'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='2' id='bu2' title='Об игроке'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='3' id='bu3' title='Доп. поле'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='4' id='bu4' title='Доп. поле'>&nbsp;</center><div id='info"+i+"'>"+t.substring(j,t.length)+"</div>"}}
</script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {

$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();

$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});

});
</script>

Во второе окно стиля:

Код:
#bu1 {background-image: url(ССЫЛКА НА КАРТИНКУ); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu2 {background-image: url(ССЫЛКА НА КАРТИНКУ); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu3 {background-image: url(ССЫЛКА НА КАРТИНКУ); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu4 {background-image: url(ССЫЛКА НА КАРТИНКУ); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}

ВНИМАНИЕ! ПОЛЯ ДОЛЖНЫ БЫТЬ ВИДНЫ ВСЕМ! И ДОЛЖНЫ СТОЯТЬ В САМОМ НИЗУ ПОЛЕЙ!
ЧТОБЫ СДЕЛАТЬ ИХ ПОСЛЕ АВАТАРА, СТАВИМ В САМЫЙ НИЗ HTML НИЗ:

Код:
<script type="text/javascript">
$(".post .post-author ul").each(function(){
 $(this).find("center:first").insertBefore($(this).find("li.pa-avatar"))

});
</script>

0

5

  • Автор: Enima Lin
  • Администратор
  • Enima Lin
  • Зарегистрирован: 2013-08-10
  • Приглашений: 0
  • Сообщений: 614
  • Уважение: +10
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    2013-11-24 18:19:38

Профиль по центру

в Цвета style_cs.css

Код:
#pun-main .post-author ul {text-align: center;}

0

6

  • Автор: Enima Lin
  • Администратор
  • Enima Lin
  • Зарегистрирован: 2013-08-10
  • Приглашений: 0
  • Сообщений: 614
  • Уважение: +10
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    2013-11-24 18:19:38

Двигаем рекламный баннер

в самый низ структуры style.css

Код:
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 10px; top:270px
}

или в HTML-верх

Код:
<!--Двигаем рекламный баннер-->
<style>#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 10px; top:270px
}</style>

0

Страница: 1

Вы здесь » Role Playing Game » Коды и скрипты » Дизайн

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