Чичас выложу коды с обьяснениями х)
Обучение .dress xDDD
Сообщений 1 страница 13 из 13
Поделиться32009-08-21 20:01:48
Идешь администратирование==>стиль==>цвета css как то так Оо удаляешь там все и пишешь то. что я скажу)
Для начала поставим фон.
HTML, BODY {background-image: url("ссылка на картинку")!important; background-repeat: repeat !important;}
Если хочешь, чтобы он не двигался, то это:
HTML, BODY {background-image: url("ссылка"); background-attachment: fixed;}
Поделиться52009-08-21 20:12:33
Теперь залей его одним цветом, давай сейчас белым. (#ffffff)
А цвет шрифта на всем форуме поставь черным (#000000)
#pun {background-color: #цвет форума;color: #номер цвета шрифта на всем форуме;}
Поделиться62009-08-21 20:24:02
так, во первых - сначала должен стоять фон. потому что у второго скрипта нету одной части. которая приводит его в действие х)
Ширина форума меняется так:
Идешь администратирование==>стиль==>Структура style.css
Ищешь в этом окошке пункт А5.1 и меняешь цифру на свою)
/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 765px;
Поделиться72009-08-21 20:31:19
Шаппка и/или лого не обязательная часть дизайна, но если понадобится код, вот:
#pun-title table {background-image : url(ссылка на шапку);
height : 100px;
background-repeat : no-repeat;
}#pun-title .title-logo span {display: none;}
#pun-title .title-logo {background-image : url(ссылка на лого);
background-repeat : no-repeat; height : 300px;
}
Выделенное меняешь на свое (это высота). Вставляешь ссылки.
Поделиться82009-08-21 20:32:52
Далее следует цвет ссылок.
.punbb a:link {color: цвет;}
.punbb a:visited {color: цвет;}
.punbb a:hover {color: цвет;}
#pun-navlinks a:link, #pun-navlinks a:visited {color: цвет;}
#pun-navlinks a:hover {
color: цвет;
}
Не забывает перед номером цвета ставить #!
ink не посещенная
visited посещенная
hover при направлении курсором.
:link, #pun-navlinks a:visited ссылки "форум,поиск,регистраця" и тыды. Не посещенная
navlinks a:hover {
color: цвет; тоже,при наведении курсором.
Поделиться92009-08-21 20:40:36
чтобы лого влезало надо передвинуть баннер. код:
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 285px; top: -0px
}
Поделиться102009-08-21 20:46:10
Теперь цитата.
#pun-main .quote-box, #pun-main .code-box {color: цвет текста; background-color: цвет фона;background-image : url(ссыль на картинку);background-repeat: no-repeat; background-position: top right;}
Не забываем про #!
Поделиться112009-08-21 20:52:30
Картинка под категориями, жди нас хД
#pun-main h2 {
color : цвет текста;
background-color : transparent; background-image : url(панельки);
}
Поделиться122009-08-25 18:35:24
<script type="text/javascript">
var trr=document.getElementsByTagName("div")
var fi=0
for (fi=0; fi<=(trr.length-1);fi++)
{if (trr[fi].className=="post-links")
{var drr=trr[fi].getElementsByTagName("a")
drr[0].innerHTML="<img src='картинка для профиль'/>"
drr[1].innerHTML="<img src='картинка для ЛС' />"
var er=2
for (er=2; er<=(drr.length-1); er++)
{if (drr[er].innerHTML.indexOf("E-mail")!=-1)
{drr[er].innerHTML="<img src='картинка для маила' />"}
else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1)
{drr[er].innerHTML="<img src='картинка для www' />"}
else if (drr[er].innerHTML.indexOf("Цитировать")!=-1)
{drr[er].innerHTML="<img src='картинка для Цитировать'/>"}
else if (drr[er].innerHTML.indexOf("Редактировать")!=-1)
{drr[er].innerHTML="<img src='картинка для редактировать' />"}
else if (drr[er].innerHTML.indexOf("Удалить")!=-1)
{drr[er].innerHTML="<img src='картинка для удалить' />"}
}}}
</script>
Поделиться132009-08-25 19:00:39
<style type="text/css">
#pun {margin-left: 350px;}
</style>
<table valign="top" width="710" border="0" cellspacing="0" cellpadding="0">
<TR valign="top" width="710"><TD height =100% width=0 valign="top">
<table bgColor= valign="top" cellspacing="0" cellpadding="1"><tr valign="top"><td width="210px" valign="top">
<div class='sidebar'>
<span class='desc'>
<center><img src="http://i30.tinypic.com/fw25nb.png"></br><br>
<div class="maintitle">
</div>
<font size=1><b>Вас приветствует ролевая игра *Melrose!</b>
<br>Добро пожаловать, дорогие мои слушатели. Мы 5679316 колледж индиго и знаете, мы этим жутко гордимся. Располагайтесь у нас, в нашем.. кхм... новом, но уже сумасшедшим доме и мире всяких пончиков, сусликов и вафель. Тапочки и сковородки берем свои, да хД Во флуде видите себя прилично, на чужие люстры и шкафы не залезать. Заходите. Будем вам рады! Безмерно хD <br><br><b>Действующие акции:</b><br><a href=http://melrose.rusff.ru/viewtopic.php?id=3#p6>Acction #1. "Children of color violet"</a>
<br><a href=http://melrose.rusff.ru/viewtopic.php?id=4#p8>Acction #2. "Vanilla and black pepper"</a>
<br>
<img src="http://i26.tinypic.com/f03czk.png">
<br><a href="http://chocolateeverywhere.rusff.ru" target="_blank"><img src="http://i27.tinypic.com/nr0sns.gif"title="Горький шоколад"border="0"width="88" height="31"></a> <a href="http://snowdiamonds.rolka.su/" target="_blank"><img src="http://i29.tinypic.com/i5q0l1.gif"title="The Twilight Saga: Snow Diamonds"border="0"width="88" height="31"></a>
<br /><br><br>
<div class="maintitle">
</div>
<div class="tablepad"><span class='desc' >
<img src="http://i28.tinypic.com/2upvgjp.png"></br>
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>* тык xD</option>
<option value="http://melrose.rusff.ru/viewtopic.php?id=25#p42"><small>* правила</small></option>
<option value="http://melrose.rusff.ru/viewtopic.php?id=7#p23"><small>* занятые внешности</small></option>
<option value="http://melrose.rusff.ru/viewtopic.php?id=14#p31"><small>* сюжет</small></option>
<option value="http://melrose.rusff.ru/viewtopic.php?id=12#p29"><small>* шаблон анкеты</small></option>
<option value="http://melrose.rusff.ru/viewtopic.php?id=9#p26"><small>* занятые способности</small></option>
</select>
</form>
</span>
</span></div>
</div>
<br /><br>
<div class="maintitle">
</div>
<div class="tablepad"><span class='desc' >
<img src="http://i29.tinypic.com/dcbrj4.png" border="0">
<br><b>Действия в игре:</b><br>
Ученики лениво сползают со своих кроватей и приводят себя в порядок. Администрация выделила дорогим ученикам выходной в честь праздника. Дорогие студенты! Вечером пройдет бал в честь Дня Святого Валентина!
<br><br>
<b>Время и погода:</b><br>
14 февраля, 2009 год. 6:00-9:00<br><i>Деревья покрыты снежными кружевами, они как будто спят, высокие вершины елей украшены гирляндами шишек. На поляне особняком красуются крохотные елочки. Их совсем занесло. Вьюга посеребрила пышную прическу стройных сосен. Легкие порывы ветра срывают с бархатной снежной каймы, прильнувшей к голым ветвям деревьев, пушистые хлопья снега. Они кружатся в воздухе, выписывая причудливые фигуры, и, медленно опускаясь на землю, сливаются с нежным белым ковром.</i> (с) Дневник Розмари Бон
<br><br>
<b>Для рекламы:</b><br>
Рекламим от гостя, или от аккуанта <b>Advertising</b>, пароль <b>1111</b>. Если создатите рекламный аккаунт - удалим вместе с рекламой.
Реклама строговзаимна и проверятся ежедневно. Удачи, ога ^___^
</span>
</div>
</div>
<br />
<div class="titlemedium"></div>
<div class="tablepad"><span class='desc' >
<img src="http://i30.tinypic.com/2hfhq44.png" border="0" ></a><br>
<a href="http://melrose.rusff.ru/profile.php?id=2" title="Arielle Clough"><img src="http://i28.tinypic.com/161z6fd.jpg" border="0" style="filter:alpha(opacity=20);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a><br>
<a href="http://melrose.rusff.ru/profile.php?id=6" title="Rosemary Bone"><img src="http://i30.tinypic.com/2rfavb7.jpg" border="0" style="filter:alpha(opacity=20);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a><br>
<a href="http://melrose.rusff.ru/profile.php?id=5" title="Jasmine M. Adams"><img src="http://i30.tinypic.com/a0jndi.png" border="0" style="filter:alpha(opacity=20);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a><br>
<br>
<br>
</span>
</span></div>
</div>
<br >
<div class="titlemedium"></div>
<div class='tablepad'><span class='desc'>
<img src="http://i30.tinypic.com/23jfjpx.png" border="0"></a></br>
<a href="http://melrose.rusff.ru/profile.php?id=3" title="Sophia Huntington"><img src="http://i30.tinypic.com/2cf5no4.jpg" border="0" style="filter:alpha(opacity=20);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a><br>
<br>
</span>
</span></div>
</div>
<br >
<div class="maintitle">
</div>
<img src="http://i27.tinypic.com/2qcqi2p.png" border="0"><br>
<br>
<br>
Оригинальная идея оформления форума была позаимствована у американских и итальянских форумов, базирующихся на © afterfate и © invisionfree хостингах, а так же у наших отечественных коллег. Плагиат и копирование любых элементов строго ЗАПРЕЩЕНЫ и караются согласно ст. 146 Уголовного Кодекса РФ. <br>
* для нормального отображения дизайна используйте браузер Mozilla FireFox или Opera.
<br><center><a href="http://ruzone.org/arb/users/melrose.rusff.ru" target="_blank" title="Контент форума защищен авторскими правами. Номер свидетельства о защите контента авторскими правами - N0D1/75184"><img src="http://ruzone.org/arb/output/c7f93cbb92096e3aff70901ea1605c29.png" alt="Весь материал защищен авторскими правами"/></a></center><div class="maintitle">
</div>
<br></div>
</left></td></tr></table></td>
<td valign=top width=710>
<table class="aa" bgColor="" cellspacing="2" cellpadding="0" width=710 align=left><TR><TD align=left></div>
</div>
<td valign=top width=710>
<table class="aa" bgColor="" cellspacing="2" cellpadding="0" width=710 align=left>
<TR><TD align=left>
</div>
</div>