ВВ-коды форума

В данном подфоруме я буду выкладывать разнообразные украшения форума phpbb3, от смайлов до скриптов, от ВВ-кодов до различных полезных программ.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
Милена
Самый Любознательный
Самый Любознательный
Сообщения: 371
Стаж: 9 лет 7 месяцев
Откуда: РФ

ВВ-коды форума

Сообщение Милена »

Класс :claping: Очень эстетично :-00): Мне очень нравится :co_ol:
Как поставить? :du_ma_et:

п.с. одобри мой аккаунт на своём форуме, пожалуйста, вечно у меня с почтой проблемы :ze_va_et:
#581
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

это тоже своего рода конструктор...
Прописка bbcode в Административном разделе:

Создание bbcode menu
Использование BBCode:

Код: Выделить всё

[menu={TEXT1}]{TEXT2}[/menu]
Замена HTML:

Код: Выделить всё

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type='text/javascript'></script>
<script type="text/javascript">
function posMouse(e){
 var mouX = 0, mouY = 0;
 if (!e) e = window.event;
 if (e.pageX || e.pageY) {
  mouX = e.pageX;
  mouY = e.pageY;
 } else if (e.clientX || e.clientY) {
  mouX = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
  mouY = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
 }
 return {"x":mouX, "y":mouY}
}
$(document).ready(function(){
 $('div.txt').mouseover(function(){
  $(this).next().slideDown('slow');
 })
 .mouseout(function(e){
  var elem = $(this).next(), mou = posMouse(e);
  if ((mou.x < elem.offset().left) || (mou.x > elem.offset().left + elem.width()) || (mou.y < elem.offset().top))
   elem.slideUp('slow');
 });
 $('div.box').mouseleave(function(){
  $(this).slideUp('slow');
 });
});
</script>
<table border=0 cellpadding=1 cellspacing=1 width="100%">
<tr>
<td width=100%  valign="top"><div class='txt'>{TEXT1}</div>
<div class='box'>{TEXT2}</div></td>
</tr>
</table>
Подсказка:

Код: Выделить всё

главный блок: [menu=название]блоки[/menu]

Создание bbcode podmenu
Использование BBCode:

Код: Выделить всё

[podmenu={TEXT}]{URL}[/podmenu]
Замена HTML:

Код: Выделить всё

<a href="{URL}" class="bbdopmenu" title="перейти">{TEXT}</a>
Подсказка:

Код: Выделить всё

блок меню: [podmenu=название]ссылка[/podmenu]
Добавить в стили (оформление):

Открыть ваш стиль/theme/stylesheet.css
Найти

Код: Выделить всё

/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}
Вставить перед найденным

Код: Выделить всё

/** BBCode Menu **/

div.txt {
width: 150px;
height: 20px;
color: #FFFFFF;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
background: #069;
text-align: center;
padding: 2px 0 0 0;
}
div.box {
background-color: #069;
display: none;
width: 150px;
color: #FFFFFF;
text-align: center;
padding: 0;
border-top: 1px solid #FFFFFF;
}
.bbdopmenu {
width: 140px;
margin: 1px;
padding: 2px 4px 2px 4px;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbdopmenu:hover {
background: rgb(96,145,172);
}
div.box a {
text-decoration: none;
color: #FFFFFF; 
}
div.box a:hover {
text-decoration: underline;
}
Завершение установки:
очистите кэш (хотя и без этого должно работать) и проверьте работоспособность.

Применение:

Код: Выделить всё

[menu=название]
[podmenu=название ссылки]ссылка[/podmenu]
[podmenu=название ссылки 2]ссылка 2[/podmenu]
[/menu]
внешний вид творения:

три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#582
Аватара пользователя
Милена
Самый Любознательный
Самый Любознательный
Сообщения: 371
Стаж: 9 лет 7 месяцев
Откуда: РФ

ВВ-коды форума

Сообщение Милена »

Всё отлично :bra_vo:
Только вот прости, я сразу не доглядела два момента: само название списка можно сделать линком? И второе: реально ли сделать так, чтобы выпадающие подменю не сдвигали форум вниз, а перекрывали его?
#583
Аватара пользователя
Чародейка
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 219
Стаж: 8 лет 4 месяца

ВВ-коды форума

Сообщение Чародейка »

а на просильвер можно это творение?
#584
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

да. переделал код, но писать сейчас отредактированный некогда. ссылку в название встроил, но "фиксация" поля страницы возможна только при задании жёсткого размера поля срабатывания (его не видно - но оно будет занято). посмотри сама:
ссыль
мне в ночь на работу - пошёл спать. завтра напишу.
Чародейка писал(а):а на просильвер можно это творение?
не знаю - попробуйте поставьте - что получится. просилвер - стиль "плавающий" - там может возня с css возникнуть. сам я не проверял.

// шшш, сгоношили вы меня. сейчас проверил на (чистом) просилвере - всё работает. не съезжает. => оба варианта. и тот, что написан и улучшенный...

до завтра.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#585
Аватара пользователя
Чародейка
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 219
Стаж: 8 лет 4 месяца

ВВ-коды форума

Сообщение Чародейка »

белк писал(а):до завтра.
всего доброго! пасибочки)
#586
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

расширенный вариант выпадающего меню: добавлена активная ссылка-название и позиционирование выпадающего списка поверх остального текста.
1. menu

Использование BBCode

Код: Выделить всё

[menu={TEXT1},{URL}]{TEXT2}[/menu]
Замена HTML

Код: Выделить всё

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type='text/javascript'></script>
<script type="text/javascript">
function posMouse(e){
 var mouX = 0, mouY = 0;
 if (!e) e = window.event;
 if (e.pageX || e.pageY) {
  mouX = e.pageX;
  mouY = e.pageY;
 } else if (e.clientX || e.clientY) {
  mouX = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
  mouY = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
 }
 return {"x":mouX, "y":mouY}
}
$(document).ready(function(){
 $('div.txt').mouseover(function(){
  $(this).next().slideDown('slow');
 })
 .mouseout(function(e){
  var elem = $(this).next(), mou = posMouse(e);
  if ((mou.x < elem.offset().left) || (mou.x > elem.offset().left + elem.width()) || (mou.y < elem.offset().top))
   elem.slideUp('slow');
 });
 $('div.box').mouseleave(function(){
  $(this).slideUp('slow');
 });
});
</script>
<div class="box_static"><div class='txt'><a href="{URL}" class="bbmenu">{TEXT1}</a></div>
<div class='box'>{TEXT2}</div></div>
Подсказка

главный блок: [menu=название,ссылка]блоки[/menu]

2. podmenu

главный блок: [menu=название,ссылка]блоки[/menu]

Код: Выделить всё

[podmenu={TEXT}]{URL}[/podmenu]
Замена HTML

Код: Выделить всё

<a href="{URL}" class="bbdopmenu">{TEXT}</a>
Подсказка

Код: Выделить всё

блок меню: [podmenu=название]ссылка[/podmenu]
Открыть ваш стиль/theme/stylesheet.css
Найти

Код: Выделить всё

/* Private messages
 ------------------ */
.pm_marked_colour {
   background-color: #000000;
}
Вставить перед найденным

Код: Выделить всё

/** BBCode Menu **/

div.box_static {
margin: 5px;
position: relative;
}
div.txt {
width: 150px;
height: 20px;
color: #FFFFFF;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
background: #069;
text-align: center;
padding: 2px 0 0 0;
}
div.box {
background-color: #069;
display: none;
width: 150px;
color: #FFFFFF;
text-align: center;
padding: 0;
border-top: 1px solid #FFFFFF;
position: absolute;
}
.bbmenu {
width: 148px;
margin: 0px;
padding: 0 0 2px 0;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbmenu:hover {
background: rgb(96,145,172);
}
.bbdopmenu {
width: 140px;
margin: 1px;
padding: 2px 4px 2px 4px;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbdopmenu:hover {
background: rgb(96,145,172);
}
div.box a {
text-decoration: none;
color: #FFFFFF; 
}
div.box a:hover {
text-decoration: underline;
}
div.txt a {
text-decoration: none;
color: #FFFFFF;
padding: 0 0 2px 0; 
}
для стилей на основе prosilver можно сделать точно такие же правки как и для subsilver2, только прописать их в конце файла ваш стиль/theme/common.css
если в стиле prosilver выпадающий список не фиксируется - стоит поставить более простой вариант...
в конец файла ваш стиль/theme/common.css вставить код

Код: Выделить всё

/** BBCode Menu **/

div.box_static {
margin: 5px;
}
div.txt {
width: 150px;
height: 20px;
color: #FFFFFF;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
background: #069;
text-align: center;
padding: 2px 0 0 0;
}
div.box {
background-color: #069;
display: none;
width: 150px;
color: #FFFFFF;
text-align: center;
padding: 0;
border-top: 1px solid #FFFFFF;
}
.bbmenu {
width: 148px;
margin: 0px;
padding: 0 0 2px 0;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbmenu:hover {
background: rgb(96,145,172);
}
.bbdopmenu {
width: 140px;
margin: 1px;
padding: 2px 4px 2px 4px;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbdopmenu:hover {
background: rgb(96,145,172);
}
div.box a {
text-decoration: none;
color: #FFFFFF; 
}
div.box a:hover {
text-decoration: underline;
}
div.txt a {
text-decoration: none;
color: #FFFFFF;
padding: 0 0 2px 0; 
}
В subsilver2 система должна заработать сразу, а в prosilver необходимо почистить кэш Темы на вкладке Стили.

Применение кода меню:

Код: Выделить всё

[menu=название,ссылка]
[podmenu=название ссылки]ссылка[/podmenu]
[podmenu=название ссылки 2]ссылка 2[/podmenu]
[/menu]
Успехов в применении...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#587
Аватара пользователя
mokvo4
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 9 лет 1 месяц
Откуда: Санкт-Петербуг

ВВ-коды форума

Сообщение mokvo4 »

Sensey #102 пост писал(а):Сергей, очень понравился BB-код "Ссылка в виде кнопки" из первого поста. Только кнопка получается серая, невзрачная. Как прописать в код изменение цвета кнопки, текста внутри. И если можно, хотелось бы скруглить углы у этой кнопки-ссылки. Спасибо!
Есть генератор кнопок который выдаст Вам с генерируемый стиль CSS с конструированной Вами кнопки. Остается лишь скопировать полученный стиль и вставить его в файл вашего стиля styles/prosilver/theme/colours.css
#588
Sapsan22
Заглянул на огонек
Заглянул на огонек
Сообщения: 4
Стаж: 8 лет 1 месяц

ВВ-коды форума

Сообщение Sapsan22 »

Подскажите пожалуйста,если можно подробнее,потому как я еще не спец по установке вв кодов.Меня интерисует как установить вв код, Примечание от админа или модератора,если можно подробнее.он мне очень нужен.
#589
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

на этой странице: http://hello-vitebsk.ru/viewtopic.php?f=144&t=551 есть
Примечание от админа или модератора
как прописать bbcode: http://hello-vitebsk.ru/viewtopic.php?f=144&t=2480

успехов.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#590
Sapsan22
Заглянул на огонек
Заглянул на огонек
Сообщения: 4
Стаж: 8 лет 1 месяц

ВВ-коды форума

Сообщение Sapsan22 »

белк,а что тебе лень написать,если знаешь?Я это все читал,но конкретного пояснения нигде нету.Мне нужно конкретно куда вставлять этот скрипт ?Я еще так понял,что конкретной помощи здесь не дождешся,все наверное будут по ссылкам гонять туда,сюда.
#591
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

так ведь по второй ссылке всё разжёвано. даже со сканами куда вставлять....

Сообщение добавлено... спустя 10 минут 40 секунд:
ну можно и ещё раз написать...

1. идёте в Администраторский раздел. Находите категорию (сверху) Сообщения - заходите.
Справа на странице будет список bbcode форума. Внизу находится кнопка добавить bbcode - нажимаете.

2. в поле Использование BBCode необходимо прописать

Код: Выделить всё

[adm]{TEXT}[/adm]
3. в поле Замена 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 />
4. в поле Подсказка можете написать пояснение к данному коду (если надо)

5. показывать на странице ответа - поставите галочку и этот bbcode будет видно при создании темы (всем)

это код админа, код модератора необходимо прописать так

2. в поле Использование BBCode необходимо прописать

Код: Выделить всё

[mod]{TEXT}[/mod]
3. в поле Замена 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 видим новый.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#592
Sapsan22
Заглянул на огонек
Заглянул на огонек
Сообщения: 4
Стаж: 8 лет 1 месяц

ВВ-коды форума

Сообщение Sapsan22 »

Благодарю!Я зашел в ПУ и не нашел как ты написал "Находите категорию (сверху) Сообщения".Где эти сообщения ???
#593
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

а что такое ПУ?

кстати, у вас, случаем, не новая версия форума? не 3.1.х?

если да - то здесь вам не помогут. новая версия создана по другому принципу и там всё по-другому.

для новой версии вопросы по форуму надо задавать здесь: http://phpbbworld.ru/index.php

я новую версию сам не ставил - потому не знаю что там и как (только читал описание и техданные).

сообщение:


три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#594
Sapsan22
Заглянул на огонек
Заглянул на огонек
Сообщения: 4
Стаж: 8 лет 1 месяц

ВВ-коды форума

Сообщение Sapsan22 »

Может я вообще не в тему пишу.У меня сайт от Укоз,домена нету.А про версию форума я не знаю,где её посмотреть,я же писал,что я только начинающий
#595
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

даа... этот форум создан для поддержки сайтов на основе платформы phpbb3.
вам надо в поиске поискать какие-нибудь обсуждения именно насчёт вашей платформы.
примерно здесь: http://yraaa.ru/forum/5-2085-1.
на каждой платформе всё сделано по разному, поэтому универсального способа не существует.... :du_ma_et:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#596
skazik
Заглянул на огонек
Заглянул на огонек
Сообщения: 23
Стаж: 9 лет 2 месяца
Откуда: г.Оренбург

ВВ-коды форума

Сообщение skazik »

Добрый день) Подскажите, в этой теме есть такой BB код - Скачать с показом счетчика (сколько раз скачали), как бывает во вложениях. Я вот такой ищу по инету и не могу найти. Есть варианты только для воблы, а для PHPBB не нашла.

Сообщение добавлено... спустя 34 минуты 51 секунду:
Вот есть bb код, но он для другого движка и не смогла его сделать

http://ipbmaster.ru/topic/6836-bb-kod-knopka-skachat/
#597
Аватара пользователя
Чародейка
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 219
Стаж: 8 лет 4 месяца

ВВ-коды форума

Сообщение Чародейка »

Доброй ночи. Ссылка ввиде кнопки у меня не работает((, кнопка появилась, а вот ссылку вставляю, она текстом [link=]***[/link] проходит
#598
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

ссылка с первой страницы темы?

попробуйте заменить на такое:

Замена HTML

Код: Выделить всё

<a class="button2"  href="{URL}"  title="{URL}" onclick="window.location.href='{URL}'">{INTTEXT}</a>
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#599
Аватара пользователя
Чародейка
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 219
Стаж: 8 лет 4 месяца

ВВ-коды форума

Сообщение Чародейка »

не сработало(((
#600
Ответить