В данном подфоруме я буду выкладывать разнообразные украшения форума phpbb3, от смайлов до скриптов, от ВВ-кодов до различных полезных программ.
Модераторы: Vl@d1m1r , Lorem Ipsum , Atlas
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 12 авг 2011, 17:59
а данной статье мы рассмотрим ВВ-коды нашего форума
вернее эта статья будет полезна админам других форумов, потому как отсюда они могут взять необходимые ВВ-коды
примеры работы этих ВВ-кодов вы сможете увидеть в темах
и
ну что ж начнем-с
Таймер
Использование BBCode
Замена HTML
Код: Выделить всё
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="distribution" content="global">
<meta name='revisit' content='1'>
<meta name='revisit' content='1 day'>
<meta name='revisit' content='1 days'>
<meta name='revisit-after' content='1 day'>
<meta name='revisit-after' content='1 days'>
<meta name="robots" content="index,all">
<meta name='revisit-after' content='1'>
<meta name='document-state' content='Dynamic'>
<DIV align="center" ID="countdown"></DIV>
<SCRIPT type="text/javascript" language="javascript">//Скрипт обратного отсчета времени CountDown
var eventstr="Конкурс закончился!"; //Эта строка выводиться по окончанию отсчета
var countdownid=document.getElementById("countdown"); //ID элемента в который выводится время
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); function CountDowndmn(yr,m,d){cdyear=yr; cdmonth=m; cdday=d; var today=new Date(); var todayy=today.getYear(); if (todayy<1000)
todayy+=1900; var todaym=today.getMonth(); var todayd=today.getDate(); var todayh=today.getHours(); var todaymin=today.getMinutes(); var todaysec=today.getSeconds(); var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec; futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring); dday=Math.floor(dd/(60*60*1000*24)*1); dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1); dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1); dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1); if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1){countdownid.innerHTML=eventstr; return} else {var lastchar=""+dsec; lastchar=lastchar.substring(lastchar.length-1,lastchar.length);
var dsecstr="секунд"; if (lastchar=="1"){dsecstr="секунда";} if ((lastchar=="2")||(lastchar=="3")||(lastchar=="4")){dsecstr="секунды";}
lastchar=""+dmin; lastchar = lastchar.substring(lastchar.length-1,lastchar.length); var dminstr="минут"; if (lastchar=="1"){dminstr="минута";} if ((lastchar=="2")||(lastchar=="3")||(lastchar=="4")){dminstr="минуты";}
lastchar=""+dhour; lastchar=lastchar.substring(lastchar.length-1,lastchar.length); var dhourstr="часов"; if (lastchar=="1"){dhourstr="час";} if ((lastchar=="2")||(lastchar=="3")||(lastchar=="4")){dhourstr="часа";}
lastchar=""+dday; lastchar=lastchar.substring(lastchar.length-1,lastchar.length); var ddaystr="дней"; if (lastchar=="1"){ddaystr="день";} if ((lastchar=="2")||(lastchar=="3")||(lastchar=="4")){ddaystr="дня";}
countdownid.innerHTML="До окончания конкурса осталось: <br> "+dday+ " " +ddaystr+", "+dhour+" "+dhourstr+", "+dmin+" "+dminstr+" и "+dsec+" "+dsecstr;}
setTimeout("CountDowndmn(cdyear,cdmonth,cdday)",1000);} CountDowndmn(2011,06,01); //Дата отсчета: год, месяц, число
</SCRIPT>
Подсказка
Примечание от админа или модератора
Использование BBCode
Замена HTML
Код: Выделить всё
<br />
<table cellspacing="0" style="width: 95%; border: 1px solid #DBDBCE">
<tr>
<td style="padding: 10px; font-size: 35px; font-weight: bold; font-family: Garamond,'Times New Roman',serif; color: #BB0000; background-color: #FFFFFF; vertical-align: middle; width: 5%">A</td>
<td style="padding: 10px; color: #AA0000; background-color: #EBEADD;">{TEXT}</td>
</tr>
</table>
<br />
либо
Использование BBCode
Замена HTML
Код: Выделить всё
<br />
<table cellspacing="0" style="width: 95%; border: 1px solid #DBDBCE">
<tr>
<td style="padding: 10px; font-size: 35px; font-weight: bold; font-family: Garamond,'Times New Roman',serif; color: #BB0000; background-color: #FFFFFF; vertical-align: middle; width: 5%">M</td>
<td style="padding: 10px; color: #AA0000; background-color: #EBEADD;">{TEXT}</td>
</tr>
</table>
<br />
Обтекание текстом картинки
Использование BBCode
Замена HTML
Код: Выделить всё
<img src="{URL}" alt="Изображение" align="{IDENTIFIER}" class="imgltr" />
Подсказка
Ссылка ввиде кнопки
Использование BBCode
Замена HTML
Код: Выделить всё
<input class="button2 btnlite" type="button" value="{INTTEXT}" title="{URL}" onclick="window.location.href='{URL}'" />
Подсказка
Код: Выделить всё
ссылка ввиде кнопки [link=имя кнопки]ссылка[/link]
Вставка видео с майл.ру
Использование BBCode
Код: Выделить всё
[mailvid]http://video.mail.ru/{TEXT3}/{TEXT}/{TEXT1}/{TEXT2}.html[/mailvid]
Замена HTML
Код: Выделить всё
<object width="626" height="367" type="application/x-shockwave-flash" data="http://img.mail.ru/r/video2/player_v2.swf?par=http://content.video.mail.ru/{TEXT3}/{TEXT}/{TEXT1}/${TEXT2}" ><param name="movie" value="http://img.mail.ru/r/video2/player_v2.swf?par=http://content.video.mail.ru/{TEXT3}/{TEXT}/{TEXT1}/${TEXT2}" /><param name="flashvars" value="imaginehost=video.mail.ru&perlhost=video.mail.ru&alias={TEXT3}&username={TEXT}&albumid={TEXT1}&id={TEXT2}&catalogurl=http://video.mail.ru/themes/music&page=1" /><param name="devicefont" value="false"/><param name="menu" value="false"/><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /></object>
Подсказка
Код: Выделить всё
Видео с Mail.ru : [mailvid]ссылка на видео[/mailvid]
Вставка видео с рутуба
Использование BBCode
Код: Выделить всё
[rutube]http://rutube.ru/tracks/{NUMBER}.html?v={IDENTIFIER}[/rutube]
Замена HTML
Код: Выделить всё
<object width="470" height="353"><param name="movie" value="http://video.rutube.ru/{IDENTIFIER}"></param><param name="wmode" value="window"></param><param name="allowFullScreen" value="true"></param><embed src="http://video.rutube.ru/{IDENTIFIER}" type="application/x-shockwave-flash" wmode="window" width="470" height="353" allowFullScreen="true" ></embed></object>
Подсказка
Код: Выделить всё
Видео с RuTube: [rutube]ссылка на видео[/rutube]
Вставка видео с ВКОНТАКТЕ
Использование BBCode
Код: Выделить всё
[vkontakte]<iframe src="http://vkontakte.ru/video_ext.php?oid={IDENTIFIER}&id={NUMBER}&hash={TEXT}" width="607" height="360" frameborder="0"></iframe>[/vkontakte]
Замена HTML
Код: Выделить всё
<iframe src="http://vkontakte.ru/video_ext.php?oid={IDENTIFIER}&id={NUMBER}&hash={TEXT}" width="607" height="360" frameborder="0"></iframe>
Подсказка
вот впринципе и все основные, добавленные на наш форум, ВВ-коды
статья будет пополняться по мере установки новых ВВ-кодов
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#1
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 29 дек 2011, 20:52
Нижний индекс
Использование BBCode
Замена HTML
В подсказке пишите что угодно
Верхний индекс
Использование BBCode
Замена HTML
В подсказке пишите что угодно
Спойлер
Использование BBCode
Замена HTML
Код: Выделить всё
<div id="spoiler"><div><input type="button" value="Показать спойлер" style="width:150px;font-size:12px;margin:10px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Спрятать спойлер'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Еще раз показать?'; }" />
<div id="show" style="display: none; background-color:transparent; margin: 0px;border-style:solid;border-width:1px; padding: 4px; width:98%">{TEXT}<div id="hide"></div></div></div> </div>
В подсказке пишите что угодно
Центрирование текста
Использование BBCode
Замена HTML
Код: Выделить всё
<div style="text-align: center;">{TEXT}</div>
В подсказке пишите что угодно
Отступ
Использование BBCode
Замена HTML
Код: Выделить всё
<div style="text-indent:{NUMBER}px;">{TEXT}</div>
В подсказке пишите что угодно
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#2
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 03 фев 2012, 19:32
Вот такой вот ВВ-код
Использование BBCode
Замена HTML
Открыть
stylesheet.css вашего стиля и в самый конец добавить
Код: Выделить всё
icode {
padding: 0 0.3em 1px;
white-space: nowrap;
}
icode {
background: #FFFFFF;
border: 1px solid #D8D8D8;
color: #2E8B57;
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
padding: 0 0.3em;
}
После этого очистить кеш в админке
Группа таких вот ВВ-кодов
раз раз
Два
Тры
Для начала открываем любой из CSS файлов стиля и добавляем в самый конец
Код: Выделить всё
.div_avert {
width: 95%;
margin: 8px auto;
padding: 10px 6px 6px 8px;
min-height: 18px;
height:auto;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-box-shadow: 1px 1px 12px #555;
box-shadow: 1px 1px 12px #555;
}
.span_avert {
padding-left: 26px;
}
.info_div {
background-image: url("/images/info.png");
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #b2ccff;
border: 2px solid #80aaff;
}
.error_div {
background-image: url("/images/error.png");
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #ffb2b2;
border: 2px solid #ff8080;
}
.ok_div {
background-image: url("/images/ok.png");
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #c2f2b3;
border: 2px solid #3cb371;
}
Потом выкачиваем эти картинки
Код: Выделить всё
http://hello-vitebsk.ru/images/ok.png
http://hello-vitebsk.ru/images/error.png
http://hello-vitebsk.ru/images/info.png
И помещаем их в корневую папку
/images/
После идем в админку и добавляем следущие ВВ-коды
Использование BBCode
Замена HTML
Код: Выделить всё
<div class="div_avert ok_div"><span class="span_avert">{TEXT}</span></div>
Использование BBCode
Замена HTML
Код: Выделить всё
<div class="div_avert info_div"><span class="span_avert">{TEXT}</span></div>
Использование BBCode
Замена HTML
Код: Выделить всё
<div class="div_avert error_div"><span class="span_avert">{TEXT}</span></div>
При добавлении ВВ-кодов не забываем ставить галочку в пункте
Показывать на странице ответа , после всего этого чистим кеш ТЕМ, Админка - Стили - Темы, напротив своего стиля жмем - Обновить или кеш
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#3
Baikoded
Начинаю осваивать Форум
Сообщения: 144 Стаж: 12 лет 2 месяца
Откуда: космодром Байконур
Контактная информация:
Сообщение
Baikoded » 30 мар 2012, 11:11
Не нашел куда лучше разместить свою просьбу, поэтому размещу здесь (админ поправит в случае необходимости).
На нашем форуме используется следующий спойлер.
Использовать BBCode
Замена HTML
Код: Выделить всё
<div style="width: 50%; margin: 1px 20px 20px;"><div class="quotetitle"><input value="{TEXT}" style="width: 600px; font-size: 12px; font-weight: bold; color: olive; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '{TEXT}'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '{TEXT}'; }" type="button"></div><div class="quotecontent"><div style="display: none;">{TEXT1}</div></div></div>
Подсказка
При открытии спойлера вложенный текст занимает не всю ширину сообщения и выровнен по левому краю. Что не очень удобно.
Как устранить это? Спасибо
«Байконур» - космодром и город, гордость человечества
Baikoded
#4
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 30 мар 2012, 11:41
В самом начале кода есть любопытная строка
а так же есть еще
Попробуйте поиграться с этими значениями ширины, особенно в последнем коде(выдранным мной) попробуйте заменить
600px на
100%
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#5
Baikoded
Начинаю осваивать Форум
Сообщения: 144 Стаж: 12 лет 2 месяца
Откуда: космодром Байконур
Контактная информация:
Сообщение
Baikoded » 30 мар 2012, 17:38
Первая цифра оказалась шириной текста, вторая - шириной "таблички" заголовка (см. вложение )
«Байконур» - космодром и город, гордость человечества
Baikoded
#6
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 30 мар 2012, 22:28
Теперь понял, уберите эту строку из кода
Именно она отвечает за отступы слева и справа
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#7
Baikoded
Начинаю осваивать Форум
Сообщения: 144 Стаж: 12 лет 2 месяца
Откуда: космодром Байконур
Контактная информация:
Сообщение
Baikoded » 31 мар 2012, 09:11
Лучше с этой css в строке, только я немного изменил значения на
А есть ли достаточно простое решение, чтобы весь раскрывающийся текст поместить в рамку или просто на иной цветовой фон?
«Байконур» - космодром и город, гордость человечества
Baikoded
#8
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 31 мар 2012, 10:44
Можно, кстати вот одному из дивов присваивается класс
Он у вас гденибудь прописан? ну это второстепенный вопрос, а рамка прописывается с помощью
css code border: 3px #6b8dba solid; // стиль рамки, по порядку - толщина рамки в пикселях, HTML цвет рамки
Можете как угодно ее отредактировать, вставлять код скорее всего надо после
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#9
Baikoded
Начинаю осваивать Форум
Сообщения: 144 Стаж: 12 лет 2 месяца
Откуда: космодром Байконур
Контактная информация:
Сообщение
Baikoded » 31 мар 2012, 12:37
На первой строке кода уже есть такой класс
Код: Выделить всё
<div style="width: 50%; margin: 1px 20px 20px;"><div class="quotetitle">
так куда попробовать вставить
«Байконур» - космодром и город, гордость человечества
Baikoded
#10
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 31 мар 2012, 13:55
Епрст блин, написал же
Вставлять после
Насчет класса,
, мало написать этот набор буквочек, надо присвоить ему CSS стиль, откуда брали этот ВВ-код ? Какой стиль на форуме используется?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#11
Baikoded
Начинаю осваивать Форум
Сообщения: 144 Стаж: 12 лет 2 месяца
Откуда: космодром Байконур
Контактная информация:
Сообщение
Baikoded » 31 мар 2012, 14:27
Вставка после
дает видимую рамку заголовку спойлера, а потом, соответственно и всего сообщения с раскрывающимся текстом
«Байконур» - космодром и город, гордость человечества
Baikoded
#12
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 31 мар 2012, 14:38
Значит вставляйте после
Либо заменить
На
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#13
Baikoded
Начинаю осваивать Форум
Сообщения: 144 Стаж: 12 лет 2 месяца
Откуда: космодром Байконур
Контактная информация:
Сообщение
Baikoded » 31 мар 2012, 15:01
Если вставляю после
то меняется просто форматирование рамки заголовка спойлера
«Байконур» - космодром и город, гордость человечества
Baikoded
#14
Baikoded
Начинаю осваивать Форум
Сообщения: 144 Стаж: 12 лет 2 месяца
Откуда: космодром Байконур
Контактная информация:
Сообщение
Baikoded » 31 мар 2012, 15:06
При выполнении второй рекомендуемой замены, появляется ещё одна рамка вокруг названия темы спойлера, но которая не охватывает вскрывающийся текст
«Байконур» - космодром и город, гордость человечества
Baikoded
#15
Baikoded
Начинаю осваивать Форум
Сообщения: 144 Стаж: 12 лет 2 месяца
Откуда: космодром Байконур
Контактная информация:
Сообщение
Baikoded » 31 мар 2012, 15:15
Если
Вставляю вместо
То под заголовкам названия спойлера появляется сложенная рамка толщиной в две линии. При раскрытии спойлера, открывающийся текст оказывается в рамке как надо.
Как убрать сложенную рамку при сложенном спойлере?
«Байконур» - космодром и город, гордость человечества
Baikoded
#16
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 31 мар 2012, 15:20
Блин, нет возможности проверять все сразу, попробуйте так - все предыдущие мои советы отмените, тобишь восстановите то что было, а кусок кода
заменить на
Код: Выделить всё
<div style="border: 3px #6b8dba solid;">{TEXT1}</div>
Ну эт самый очевидный вариант
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#17
Baikoded
Начинаю осваивать Форум
Сообщения: 144 Стаж: 12 лет 2 месяца
Откуда: космодром Байконур
Контактная информация:
Сообщение
Baikoded » 31 мар 2012, 16:10
Браво!
Именно так и оказалось - это рабочий вариант того, что нужно!!!
Большое спасибо!
«Байконур» - космодром и город, гордость человечества
Baikoded
#18
DeaDRoMeO
Старожил Форума
Сообщения: 16763 Стаж: 13 лет 2 месяца
Откуда: Витебск
Контактная информация:
Сообщение
DeaDRoMeO » 31 мар 2012, 16:27
Всегда пожалуйста
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
DeaDRoMeO
#19
lardi
Активно осваиваю Форум
Сообщения: 207 Стаж: 12 лет 3 месяца
Сообщение
lardi » 03 апр 2012, 06:40
Не могу понять, каково назначение bb-кода [*]? И еще. Существует ли bb-код пробела ( )?
lardi
#20