Test

Объявление

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

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


Вы здесь » Test » Новый форум » Тема 1


Тема 1

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

1

...

0

2

HTML-верх:

Код:
<style> 
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(http://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

Эта часть кода отвечает за оформление меню.
Ниже приведены доступные для пользователей изменения в дизайне:

div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}

Отвечает за дизайн основных блоков.

width: 130px; - ширина основных блоков, в пикселах.
height: 40px; - высота основных блоков, в пикселах.
border: 2px solid #FFD700; - толщина, метод начертаний и цвет границ основных блоков.
background: #FFFFCC; - цвет фона основных блоков.
text-align: center; - выравнивание текста в основных блоках (по-умолчанию: центр).
font-family: Comic Sans Ms; - шрифт в основных блоках меню.
font-size: 15px; - размер текста в основных блоках меню.
padding: 5px; - отступ от краёв основных блокв (поля).

.spll {width: 130px; height: 70px; }

Не рекомендовано для изменения неопытным пользователям!
Замечание: width: 130px; менять одновременно с предыдущим значением ширины (ширина основных блоков).

.spll div .splCont {height: auto; width: 300px; background:  url(http://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}

Отвечает за дизайн выпадающих блоков.

height: auto; - высота выпадающих блоков. По-умолчанию осуществляется автоподгон по ширине. При необходимости можно заменить auto на любое числовое значение с указанием единиц измерения.
width: 300px; - ширина выпадающих блоков.
background:  url(http://forumupload.ru/uploads/0003/83/96/1556-1.png); - фоновое изображение выпадающих блоков. При необходимости можно установить непрозрачный цвет, путём замены на background: #FFFFCC; с указанием нужного цвета.
padding: 5px; - отступ от краёв выпадающих блокв (поля).
z-index: 1000; не рекомендовано к изменению. Данный параметр отвечает за наложение выпадающих блоков на форум. При уменьшении этого значения меню будет открывыться под таблицу форума. Если какой-либо элемент форума закрывает собой выпадающии меню, это значение необходимо увеличить.
margin-top: 5px; - отступ, между основными и выпадающими блоками. При значении 0 - без отступа.
border: 2px solid #FFD700; - толщина, метод начертаний и цвет границ выпадающих блоков.
font-size: 12px; - размер текста в выпадающих блоках меню.
font-family: Microsoft Sans Serif; - шрифт в выпадающих блоках меню.
text-align: center; - выравнивание текста в выпадающих блоках (по-умолчанию: центр).

______________________________________________

HTML-низ:

Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://himlibrary.narod.ru/javscript/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

Внимание! Производить какие-либо изменения во этой части кода ЗАПРЕЩЕНО!

______________________________________________

Туда, где должно быть меню

Код:
<center><table style="width: 90%">
<tr>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Четвёртый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>

</tr>
</table></center>

Содержимое меню.

а).По-умолчанию в коде содержится 6 блоков. По своему усмотрению Вы можете изменить это число, добавив новые или удалив какие-либо. Чтобы осуществить это, достаточно размножить (в случае увеличения числа блоков) или удалить (для уменьшения их числа) такой фрагмент:

   

<td><div class="spll">
    <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
    <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
    Тут будет что-то</DIV></DIV>
    </div></td>

Внимание! Не меняйте НИКАКИЕ числовые значения в этой части кода! В противном случае меню перестанет работать!

б). Чтобы заменить информацию в основных блоках, найдите в коде слова "Первый блок". Замените их на нужное Вам. Это может быть как текстовая информация, так и графическая (картинки). Можно использовать любой HTML.

в). Чтобы заменить информацию в выпадающих блоках, найдите в коде слова "Тут будет что-то" и замените на нужную Вам информацию. Это может быть как текстовая информация, так и графическая (картинки). Можно использовать любой HTML.

0

3

[dice=3872-13]

0

4

[dice=3872-13]

0

5

[dice=1936-13]

0

6

Свернутый текст

ооо

0

7

сплойер

Код:
<style type="text/css">
#button-spoiler {background-image:url('http://forumupload.ru/uploads/0000/12/13/488-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>
<script>
function addSpoiler(str,from,internal){
var pos=0,pos2=0,newpos=0
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("[/spoiler]",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>

0

8

[spoiler*]ггг[/spoiler*]

0

9

Свернутый текст

тт

0

10

Код:
<script>
function addSpoiler(str,from,internal){
var pos=0,pos2=0,newpos=0
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("[/spoiler]",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;background: none;"><cite style="width:100%;margin:0;"><input class="spoiler-button" style="width:140px;font-size:10px; margin:0;" type="button" value="Показать cпойлер" onclick="hideSpoiler(this)"></cite><blockquote class="quote-box" style="display:none; width: 80%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>'
return txt}
$(document).ready(function(){
$("div.quote-box > cite > input.spoiler-button").click(function(){
spoiler = $(this).parents("div.quote-box").find("blockquote.quote-box").toggle("normal");
});
});
function hideSpoiler(sp){
if(sp.value=='Показать cпойлер'){
sp.value='Скрыть cпойлер'}
else{
sp.value='Показать cпойлер'}
}
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>

0

11

бла|ррр

проверка  :crazyfun:

0

12

[*spoiler]ррр[*/spoiler]

0

13

р|п

провер.

0

14

Код:
<table width="100%" border="0">
  <tr>
<td><img src="http://s005.radikal.ru/i210/1008/f2/131b2fb19557.jpg" ></a>
    <td><div style="overflow-y: scroll; overflow-x: hidden; height: 338px;"><center><b>
<b><a href="http://x-lines.ru/" target="_blank"><img src="http://x-lines.ru/icp/abW06/e1771e/0/26/Rprivetstvie.png" border="0" /></a></b><br>
Привет гость|зарегистрированный пользователь! Мы рады приветствовать тебя на нашем форуме - ролевой игре о собаках. Если вам нравятся эти животные и вы готовы играть у нас, то вам нужно всего лишь пройти несложный процесс регистрации, ознакомиться с правилами, заполнить анкету и вступить в игру! С ув. администрация.<br>
<b><a href="http://x-lines.ru/" target="_blank"><img src="http://x-lines.ru/icp/abW06/e1771e/0/26/Rnovosti.png" border="0" /></a></b><br>
<i>Дополнен и обновлен свод <a href="http://dogshistory.mybb.ru/viewtopic.php?id=4#p4"> правил </a>. <br>Новые требования по написанию постов действуют с 01.08.10.</i>
<br><i><a href="http://dogshistory.mybb.ru/viewtopic.php?id=7&p=2#p21392"> Внимание модераторам! </a></i>
<br><i><b>До 16 августа ведется <a href="http://dogshistory.mybb.ru/viewtopic.php?id=455#p14938"> перекличка </a></b></i> <br>
<br>
<b><a href="http://x-lines.ru/" target="_blank"><img src="http://x-lines.ru/icp/abW06/e1771e/0/26/Rpogoda.png" border="0" /></a></b><br>
<i>Полдень;</i>
<br>Тучи рассеялись. Солнце уже во всю припекает землю.  
<br>Ветер лишь изредка падает признаки "жизни".
<br>Температура воздуха + 30. 
<br>
<a href="http://x-lines.ru/" target="_blank"><img src="http://x-lines.ru/icp/abW06/e1771e/0/26/RsobqtiyPvPigre.png" border="0" /></a> </b>
<b>Город</b><br>
В парке встретились двое собак – доберман Шероу и хаски Финри. Вскоре, между ними развязался разговор, в котором Шеролоу явно взял преимущество. Позже, к этой парочке присоединилась еще одно собака по кличке Ребекка, что недавно оказалась в этих места. Конечно, она не настроено враждебно, но кто знает, что может прийти в голову уже сидевшей в парке парочке. 
<br>В тоже время, на окраине города, в небольшом доме, ведется разговор между Чипом и Элли. Но  в эту мирную беседу постоянно кто-то лезет, из-за чего Чип начинает нервничать.
<br>На свалке тоже происходит некоторое движение: приятели Лайт и Ло ищут себе ужин, при этом мило общаясь и не отвлекаясь на посторонних. 
<br><b>ЖДВ</b><br>
Здесь все довольно спокойно, разве что, в депо разместились Шаста со своей маленькой дочерью Джей Ли. 
<br>В <b>лесу</b> и <b>деревне</b> сейчас все спокойно.
<b><a href="http://x-lines.ru/" target="_blank"><img src="http://x-lines.ru/icp/abW06/e1771e/0/26/Rreklama.png" border="0" /></a></b><br>
Реклама осуществляется со спец. аккаунта (ник - <b>piar</b>; пароль - <b>2010</b>). Реклама должна быть взаимной и осуществляться в <a href="http://dogshistory.mybb.ru/viewtopic.php?id=19">общей</a> теме. Убедительная просьба оставлять ссылку на пост с нашей рекламой у вас! 
<br>Мы - <a target="_blank" href="http://vkontakte.ru/club18941297"><img src="http://s08.radikal.ru/i181/1007/f9/e2c23b65cd92.jpg" ></a>
<br><b><a href="http://x-lines.ru/" target="_blank"><img src="http://x-lines.ru/icp/abW06/e1771e/0/26/Rpartnjrq.png" border="0" /></a></b>
<br><a target="_blank" href="http://wf.mybb.ru/"><img src="http://i077.radikal.ru/1006/60/06f5fc3e98ed.jpg" ></a><a href="http://dikiemustangi.mybb.ru/" target="_blank" ><img src="http://forumupload.ru/uploads/000a/cd/8d/9032-1.gif" border="0"></a><a href="http://kotvoitel.rolevaya.ru/" mce_href="" target=_blank><img src="http://s61.radikal.ru/i173/1006/58/0601c8341cb3.gif" mce_src="http://s61.radikal.ru/i173/1006/58/0601c8341cb3.gif" border="0" alt="Таинственный и неизведанный мир фурри ждет тебя! Жми скорей! ^ _ ^"> </a><a target="_blank" href="http://sledsanddogsstorytime.forumbb.ru/"><img src="http://s56.radikal.ru/i154/1003/d9/a0f40c0a838e.gif" ></a><a href="http://wolwl.rolevaya.ru/" target=_blank><img src="http://s03.radikal.ru/i176/1007/ac/28f07e1d4cb7.gif"</a><a target="_blank" href="http://lionsdream.spybb.ru/"><img src="http://i067.radikal.ru/1007/d6/40659c9c520d.png" ></a><a href="http://felidae.rolebb.ru/" target="_blank"><img src="http://s53.radikal.ru/i141/1003/24/a712427774e0.jpg"title="Кошачьи: они заполонили этот мир!"border="0" width="88" height="31"></a>
<br></center></a></div></td>
  </tr>
</table>
<br>

0

15

http://s010.radikal.ru/i313/1010/49/6e80f00af7f8.jpg

0

16

http://savepic.net/29306.png

0

17

http://savepic.net/43644.png

0

18

http://savepic.net/31358.png

0

19

http://savepic.net/31358.png

[c] Jonas Blackmur

In every life we have some trouble
But when you worry you make it double
Don't worry, be happy
Don't worry, be happy now

Код:
[align=center][url=http://dogshistory.mybb.ru/][img]http://savepic.net/31358.png[/img][/url][/align]
[table][tr][td][align=center][size=10][c] Jonas Blackmur[/size][/align][/td][/tr][/table]
[table][tr][td][align=center]In every life we have some trouble
But when you worry you make it double
[url=http://dogshistory.mybb.ru/]Don't worry, be happy[/url]
Don't worry, be happy now[/align]
[/td][/tr][/table]

0

20

http://savepic.net/84123.png
сорви голос, доказывая что умеешь молчать (с)
http://savepic.net/117914.png

Код:
[align=right][url=http://dogshistory.mybb.ru/][img]http://savepic.net/84123.png[/img][/url]
сорви голос, доказывая что умеешь молчать (с)
[url=http://dogshistory.mybb.ru/][img]http://savepic.net/117914.png[/img][/url][/align]

0

21

л

0

22

рро

Отредактировано заяц (2011-01-07 16:07:31)

0


Вы здесь » Test » Новый форум » Тема 1