...
Тема 1
Сообщений 1 страница 22 из 22
Поделиться22010-08-19 19:04:33
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.
Поделиться32010-08-28 18:49:46
[dice=3872-13]
Поделиться42010-08-28 18:51:35
[dice=3872-13]
Поделиться52010-08-28 19:10:14
[dice=1936-13]
Поделиться62010-08-30 12:42:41
ооо
Поделиться72010-08-30 12:43:05
сплойер
<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>
Поделиться82010-08-30 12:46:41
[spoiler*]ггг[/spoiler*]
Поделиться92010-08-30 12:47:36
тт
Поделиться102010-08-30 12:48:49
<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>
Поделиться112010-08-30 13:07:47
проверка
![]()
Поделиться122010-08-30 13:09:00
[*spoiler]ррр[*/spoiler]
Поделиться132010-08-30 13:16:54
провер.
Поделиться142010-10-06 21:15:06
<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>
Поделиться192010-11-02 21:32:21
[c] Jonas Blackmur |
In every life we have some trouble |
[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]
Поделиться222011-01-07 16:07:17
рро
Отредактировано заяц (2011-01-07 16:07:31)