...
Тема 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(https://upforme.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(https://upforme.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(https://upforme.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('https://upforme.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="https://upforme.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)







