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

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

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

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

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

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

Это несложно.
Добавление bbcode:

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

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

[background={COLOR}]{TEXT}[/background]
Замена HTML

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

<div style="background:{COLOR};padding:5px;margin:5px;color:#000000;border:1px solid #000000;border-radius:5px">{TEXT}</div>
Подсказка

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

[background=цвет]сообщение[/background]
при этих параметрах и фоне white получится это:



небольшие пояснения по коду:

{COLOR} - Цвет HTML. Цвет может быть задан в числовом формате #FF1234 или ключевым словом цвета CSS. Например, white
padding:5px - внутренний отступ между текстом и рамкой
margin:5px - внешний отступ между этим блоком и остальным текстом
color:#000000 - цвет текста сообщения
border:1px solid #000000 - рамка. толщина 1px, непрерывно, цвет чёрный
border-radius:5px - закругление углов рамки.

Успехов.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#501
Kysychiy
Заглянул на огонек
Заглянул на огонек
Сообщения: 2
Стаж: 9 лет 3 месяца

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

Сообщение Kysychiy »

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

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

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

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

выглядеть будет примерно так:

Данный bbcode не прописывается в админке, а устанавливается редактированием файлов форума.
Может кому и пригодится как замена цветовому блоку (или добавление).
Итак, кого заинтересовало:

bbcode Выпадающий список цветов

Открыть subsilver2/template/posting_buttons.html
Найти

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

<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
					<option value="200">{L_FONT_HUGE}</option>
				<!-- ENDIF -->
			<!-- ENDIF -->
		</select></span>
Вставить после найденного

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

<span class="genmed nowrap">{L_COLOR_SELECTED}:
               <select class="gensmall" name="color" onchange="bbfontstyle('[color=' + this.form.color.options[this.form.color.selectedIndex].value + ']', '[/color]');" title="{L_TITLE_COLOR}">
               
               <option style="color: black;" value="white">&nbsp;{L_COLOR_WHITE}</option>
               <option style="color: black;" value="black">&nbsp;{L_COLOR_BLACK}</option>
               <option style="color: red;" value="red">&nbsp;{L_COLOR_RED}</option>   
               <option style="color: green;" value="green">&nbsp;{L_COLOR_GREEN}</option> 
               <option style="color: darkgreen;" value="darkgreen">&nbsp;{L_COLOR_DARK_GREEN}</option>   		   
               <option style="color: blue;" value="blue">&nbsp;{L_COLOR_BLUE}</option>
	       <option style="color: darkblue;" value="darkblue">&nbsp;{L_COLOR_DARK_BLUE}</option>
	       <option style="color: indigo;" value="indigo">&nbsp;{L_COLOR_INDIGO}</option>
               <option style="color: brown;" value="brown">&nbsp;{L_COLOR_BROWN}</option>  
               <option style="color: gray;" value="gray">&nbsp;{L_COLOR_GRAY}</option>
               <option style="color: olive;" value="olive">&nbsp;{L_COLOR_OLIVE}</option>  
   
               </select></span>
Открыть prosilver/template/posting_buttons.html
Найти

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

<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
				<option value="200">{L_FONT_HUGE}</option>
			<!-- ENDIF -->
		<!-- ENDIF -->
	</select>
Вставить после найденного

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

<select name="color" onchange="bbfontstyle('[color=' + this.form.color.options[this.form.color.selectedIndex].value + ']', '[/color]');" title="{L_TITLE_COLOR}">
               <option style="color: white;" value="white">&nbsp;{L_COLOR_SELECTED}</option>
               <option style="color: black;" value="white">&nbsp;{L_COLOR_WHITE}</option>
               <option style="color: black;" value="black">&nbsp;{L_COLOR_BLACK}</option>
               <option style="color: red;" value="red">&nbsp;{L_COLOR_RED}</option>   
               <option style="color: green;" value="green">&nbsp;{L_COLOR_GREEN}</option> 
               <option style="color: darkgreen;" value="darkgreen">&nbsp;{L_COLOR_DARK_GREEN}</option>   		   
               <option style="color: blue;" value="blue">&nbsp;{L_COLOR_BLUE}</option>
	       <option style="color: darkblue;" value="darkblue">&nbsp;{L_COLOR_DARK_BLUE}</option>
	       <option style="color: indigo;" value="indigo">&nbsp;{L_COLOR_INDIGO}</option>
               <option style="color: brown;" value="brown">&nbsp;{L_COLOR_BROWN}</option>  
               <option style="color: gray;" value="gray">&nbsp;{L_COLOR_GRAY}</option>
               <option style="color: olive;" value="olive">&nbsp;{L_COLOR_OLIVE}</option>  
               </select>
Открыть language/ru/common.php
Найти Вставить перед найденным

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

// BBCODE COLOR
'TITLE_COLOR'   => 'Выбрать цвет',
			   'COLOR_SELECTED'   => 'Цвет шрифта',
			   'COLOR_WHITE'   => 'Белый',
			   'COLOR_BLACK'   => 'Чёрный',
			   'COLOR_RED'   => 'Красный',
			   'COLOR_GREEN'   => 'Зелёный',
			   'COLOR_DARK_GREEN'   => 'Тёмно-зелёный',  
			   'COLOR_BLUE'   => 'Синий',
			   'COLOR_DARK_BLUE'   => 'Тёмно-синий',
			   'COLOR_INDIGO'   => 'Индиго',
			   'COLOR_BROWN'   => 'Коричневый',
			   'COLOR_GRAY'   => 'Серый',
			   'COLOR_OLIVE'   => 'Оливковый',
всё.
Это как каркас. довольно просто. можете сами редактировать цвета в списке.
//хотя, наверное, русификацию можно прописать и чисто в language/ru/posting.php так как это применяется только при создании темы...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#503
mela
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 246
Стаж: 9 лет 6 месяцев
Контактная информация:

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

Сообщение mela »

Здорово, Белк, спасибо. Внесу в закладки :-00):
#504
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

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

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

//сорри, оказалось - повтор. сам сообщение удалить не могу. просьба удалить. практически оригинал здесь
Последний раз редактировалось белк 08 фев 2015, 19:00, всего редактировалось 1 раз.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#505
mela
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 246
Стаж: 9 лет 6 месяцев
Контактная информация:

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

Сообщение mela »

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

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

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

Светлана, там не сложно.
буквы EN-RU - это перевод раскладки клавиатуры. здесь

про выравнивание тоже народ уже писал...

в сабсилвере, по-моему, выравнивание как вы хотите и так по-умолчанию.
для вашего стиля потом посмотрю - напишу.

Сообщение добавлено... спустя 2 часа 31 минуту 43 секунды:
Значит так... Светлана, вот вам модули для вставки выравнивания, стиль текста, цвет текста + изменение внешнего вида как вы просили.
Открыть posting_buttons.html
Найти

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

<!-- IF S_BBCODE_FLASH -->
		<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
	<!-- ENDIF -->
Вставить после

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

<br />
	<!-- ALIGN GO -->
      <select name="addbbcodealign" onchange="bbfontstyle('[align=' + this.form.addbbcodealign.options[this.form.addbbcodealign.selectedIndex].value + ']', '[/align]');this.form.addbbcodealign.selectedIndex = 0;">
      <option value="" selected="selected">{L_TEXT_ALIGN}</option>
      <option value="left">{L_TEXT_LEFT}</option>
      <option value="right">{L_TEXT_RIGHT}</option>
      <option value="center">{L_TEXT_CENTER}</option>
      <option value="justify">{L_TEXT_JUSTIFY}</option>
      </select>
        <!-- ALIGN GO -->
Найти

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

<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
			<option value="100" selected="selected">{L_FONT_SIZE}</option>
                        <option value="50">{L_FONT_TINY}</option>
			<option value="85">{L_FONT_SMALL}</option>
			<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
				<option value="150">{L_FONT_LARGE}</option>
				<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
					<option value="200">{L_FONT_HUGE}</option>
				<!-- ENDIF -->
			<!-- ENDIF -->
		</select>
Вставить после

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

<select name="addbbcodefont" onchange="bbfontstyle('[font=' + this.form.addbbcodefont.options[this.form.addbbcodefont.selectedIndex].value + ']', '[/font]');this.form.addbbcodefont.selectedIndex = 6;">
      <option style="font-family: Tahoma;" value="Tahoma">Tahoma</option>
      <option style="font-family: Verdana;" value="Verdana">Verdana</option>
      <option style="font-family: Arial Black;" value="Arial Black">Arial Black</option>
      <option style="font-family: Comic Sans MS;" value="Comic Sans MS">Comic Sans MS</option>
      <option style="font-family: Lucida Console;" value="Lucida Console">Lucida Console</option>
      <option style="font-family: Palatino Linotype;" value="Palatino Linotype">Palatino Linotype</option>
      <option value="" selected="selected">Стиль шрифта</option>
      <option style="font-family: MS Sans Serif4;" value="MS Sans Serif4">MS Sans Serif4</option>
      <option style="font-family: System;" value="System">System</option>
      <option style="font-family: Georgia1;" value="Georgia1">Georgia1</option>
      <option style="font-family: Impact;" value="Impact">Impact</option>
      <option style="font-family: Courier;" value="Courier">Courier</option>
      <option style="font-family: Symbol;" value="Symbol">Symbol</option>
      <option style="font-family: Georgia1;" value="Georgia1">Georgia1</option>
      <option style="font-family: Segoe Print;" value="Segoe Print">Segoe Print</option>
      <option style="font-family: Courier;" value="Courier">Courier</option>
      <option style="font-family: Fixedsys;" value="Fixedsys">Fixedsys</option>
   </select>
            <select name="color" onchange="bbfontstyle('[color=' + this.form.color.options[this.form.color.selectedIndex].value + ']', '[/color]');" title="{L_TITLE_COLOR}">
               <option style="color: white;" value="white">&nbsp;{L_COLOR_SELECTED}</option>
               <option style="color: black;" value="white">&nbsp;{L_COLOR_WHITE}</option>
               <option style="color: black;" value="black">&nbsp;{L_COLOR_BLACK}</option>
               <option style="color: red;" value="red">&nbsp;{L_COLOR_RED}</option>   
               <option style="color: green;" value="green">&nbsp;{L_COLOR_GREEN}</option> 
               <option style="color: darkgreen;" value="darkgreen">&nbsp;{L_COLOR_DARK_GREEN}</option>            
               <option style="color: blue;" value="blue">&nbsp;{L_COLOR_BLUE}</option>
               <option style="color: darkblue;" value="darkblue">&nbsp;{L_COLOR_DARK_BLUE}</option>
               <option style="color: indigo;" value="indigo">&nbsp;{L_COLOR_INDIGO}</option>
               <option style="color: brown;" value="brown">&nbsp;{L_COLOR_BROWN}</option>  
               <option style="color: gray;" value="gray">&nbsp;{L_COLOR_GRAY}</option>
               <option style="color: olive;" value="olive">&nbsp;{L_COLOR_OLIVE}</option>  
            </select>
<br />
такой расклад кода в вашем стиле выглядеть будет примерно так:


Дальше. Русификация.
Открыть language/ru/posting.php
Найти

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

'FONT_TINY'					=> 'Очень маленький',
Вставить после

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

// BBCODE COLOR
            'TITLE_COLOR'          => 'Выбрать цвет',
            'COLOR_SELECTED'    => 'Цвет шрифта',
            'COLOR_WHITE'         => 'Белый',
            'COLOR_BLACK'         => 'Чёрный',
            'COLOR_RED'            => 'Красный',
            'COLOR_GREEN'         => 'Зелёный',
            'COLOR_DARK_GREEN'   => 'Тёмно-зелёный',  
            'COLOR_BLUE'   => 'Синий',
            'COLOR_DARK_BLUE'   => 'Тёмно-синий',
            'COLOR_INDIGO'   => 'Индиго',
            'COLOR_BROWN'   => 'Коричневый',
            'COLOR_GRAY'   => 'Серый',
            'COLOR_OLIVE'   => 'Оливковый',
// ALIGN ON
        'STYLE_SHIFT'                     => 'Стиль шрифта',
        'TEXT_ALIGN'                      => 'Выравнивание',
        'TEXT_LEFT'                         => 'Влево',
        'TEXT_RIGHT'                       => 'Вправо',
        'TEXT_CENTER'                     => 'По центру',
        'TEXT_JUSTIFY'                     => 'По ширине',
 
Дальше. Добавление в админку bbcode для активации модулей
Создать bbcode:
Использование BBCode

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

[font={SIMPLETEXT}]{TEXT}[/font]
Замена HTML

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

<span style="font-family:{SIMPLETEXT};">{TEXT}</span>
Подсказка

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

Выбрать стиль шрифта
Показывать на странице ответа: НЕТ
Использование BBCode

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

[align={SIMPLETEXT}]{TEXT}[/align]
Замена HTML

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

<div style="text-align:{SIMPLETEXT};">{TEXT}</div>
Подсказка

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

Выравнивание
Показывать на странице ответа: НЕТ
Очистить кэш и вроде бы всё... :du_ma_et:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#507
mela
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 246
Стаж: 9 лет 6 месяцев
Контактная информация:

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

Сообщение mela »

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

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

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

от нечего делать приделал к этой выпадающей полоске ещё один блок. на тематических форумах может пригодиться для выделения мысли в сообщениях... :-0=)
выглядит для артродии это так:
(картинки, конечно, лучше поставить свои...)


текст обтекает картинку и картинка имеет отступы. смотрится довольно неплохо. можно для этих целей и целые блоки использовать на одну кнопку - здесь такие есть - но они слишком сильно выделяются на странице. а это просто встраивается в текст сообщения, показывая на что обратить внимание. это тоже своего рода конструктор... на вкус и цвет...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#509
Аватара пользователя
boroda-max
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 180
Стаж: 11 лет 4 месяца
Откуда: CCCР. Ленинград
Контактная информация:

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

Сообщение boroda-max »

белк писал(а):от нечего делать приделал к этой выпадающей полоске ещё один блок
Замечательное решение!
Буду премного благодарен, если поделитесь :-00):
#510
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

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

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

Вашему вниманию предлагается ещё один выпадающий блок к линейке уже существующих. Блок даёт возможность быстрой вставки изображения, акцентирующего внимание на части сообщения. Для этих целей существуют и отдельные блоки с отдельными кнопками, но, по-моему видению, они слишком сильно выделяются в теле сообщения. Бывает, что надо просто заострить внимание, не разрушая при этом структуру текста. Данные вставки-изображения прижаты к левому краю и обеспечивают "обтекание их текстом", что и позволяет обходиться без отдельных блоков. А часть сообщения рядом с иконкой будет выделена визуально.

Если вас сие творчество заинтересовало - ставится это действие так:

Открыть ваш стиль/template/posting_buttons.html
Вставить после блока цвет шрифта (либо, если отдельно, после "размера шрифта")

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

<select name="ikonka" onchange="bbfontstyle('[ikon=' + this.form.ikonka.options[this.form.ikonka.selectedIndex].value + ']', '[/ikon]');" title="{L_IKON_SEL_TITLE}">
      <option value="" selected="selected">{L_IKON_SEL}</option>
      <option value="gal">{L_IKON_GAL}</option>
      <option value="vnim">{L_IKON_VNIM}</option>
      <option value="inf">{L_IKON_INF}</option>
</select>
Открыть language/ru/posting.php
Вставить после правок цветового блока (либо можете поставить в конец файла перед )); ?> )

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

// IKON
        'IKON_SEL'           => 'Иконка:',
        'IKON_SEL_TITLE'     => 'Добавить в сообщение иконку',
        'IKON_GAL'           => 'Галочка',
        'IKON_VNIM'          => 'Важно',
        'IKON_INF'           => 'Информ',
Добавить в файл .css следующие классы:

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

/*------------- ikonki is bbcode ---------------*/
 
.gal {
 background:url('images/ikonki/32x32/gal_icon.png');
 width: 32px;
 height:32px;
 float: left;
 margin: 5px 5px 5px 0;
}

.vnim {
 background:url('images/ikonki/32x32/vnim_icon.png');
 width: 32px;
 height:32px;
 float: left;
 margin: 5px 5px 5px 0;
}

.inf {
 background:url('images/ikonki/32x32/info_icon.png');
 width: 32px;
 height:32px;
 float: left;
 margin: 5px 5px 5px 0;
}
Загрузить в папку ваш стиль/theme/images/ папку с изображениями.
ikonki.rar
набор изображений для мода
(15.71 КБ) 14 скачиваний
(в папке находятся изображения 3 размеров. выберите тот размер, который вам подходит, изменяя код ссылки на изображение в файле .css здесь:

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

 background:url('images/ikonki/32x32/info_icon.png');
этот кусочек заменить, предположим, на этот )

Прописать этот bbcode в админке, чтобы система его "видела":
Использование BBCode

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

[ikon={SIMPLETEXT}][/ikon]
Замена HTML

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

<div class="{SIMPLETEXT}"></div>
Подсказка
пусто

Показывать на странице ответа - нет



Очистить кэши и всё. Картинки можете заменить на свои, оставив неизменным название. Успехов.

//Этот блок тоже в полной мере "конструктор" и даёт много возможностей для полёта вашей фантазии... :)
Последний раз редактировалось белк 13 фев 2015, 06:20, всего редактировалось 1 раз.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#511
Аватара пользователя
boroda-max
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 180
Стаж: 11 лет 4 месяца
Откуда: CCCР. Ленинград
Контактная информация:

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

Сообщение boroda-max »

Спасибо большое - пробую пробовать "вариации" (стиль на основе Просильвера) выдает [ikon=gal][/ikon] (без подключения CSS. как я понимаю) хотя и путь менял и прописывал в разных файлах CSS.
#512
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

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

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

так в css картинка и прописывается... как это - без подключения?

//звиняйте, голова дырявая :ny_tik:
Забыл написать прописку в админке для активации..
Вот:

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

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

[ikon={SIMPLETEXT}][/ikon]
Замена HTML

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

<div class="{SIMPLETEXT}"></div>
Подсказка
пусто

Показывать на странице ответа - нет

:po_zor:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#513
Аватара пользователя
boroda-max
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 180
Стаж: 11 лет 4 месяца
Откуда: CCCР. Ленинград
Контактная информация:

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

Сообщение boroda-max »

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

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

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

пожалуйста, вот и славненько. :-00):
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#515
Аватара пользователя
mokvo4
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 9 лет 1 месяц
Откуда: Санкт-Петербуг

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

Сообщение mokvo4 »

akella1900 писал(а):Модификация.

Дальше встал как всегда вопрос
dqdmitry писал(а):
Виталий, еслиб к ней ещё и Вот так сделать

Тут уж была загвоздка, можно целую статью написать где находятся и как работают стандартные вв коды, и почему не так с пользовательскими кодами.
Но пропустим этот этап. И так выпив 2 литра пива и посмотрев кино, конечно я не вспомню как оно называлось и о чем там вообще сюжет , так как в голове крутилась структра форума и его работа с вв кодами. Немного подумав пошел взял еще 2 литра и вот что получилось, для того чтобы работало всплывающее окно для вставки ссылки и размеров миниатюры картинки делаем следющее.
Идем к себе на сайт с любой страницей где есть редактор, путем просмотра кода находим номер нашей кнопки "miniimg", запоминаем, ее надо будет вставить в код вместо "ВАШ НОМЕР".
идем в styles/subsilver2/template и открываем файл editor.js
находим
А как модифицировать на Prosilver
файла editor.js ни где не нашел

Сообщение добавлено... спустя 39 минут 10 секунд:
Bbcod для вставки мультимедиа взял Здесь
работает превосходно, поддерживает аудио все видео и карты,
но хотелось бы как у img всплывающее окно, чтобы пользователи могли в него вводить url.
помогите осуществить это.
а также такое всплывающее окно для flash и для miniimg, чтобы пользователь указал размеры и url
#516
Аватара пользователя
Claudia
Заглянул на огонек
Заглянул на огонек
Сообщения: 36
Стаж: 10 лет 8 месяцев
Откуда: Украина
Контактная информация:

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

Сообщение Claudia »

Добрый вечер !
Сегодня себе на форум переделала и поставила такой бб код. Может кому пригодится.

бб код tip= Всплывающая подсказка

бб коод выводит нужную информацию как подсказку.

Использование BBCode
[tip={TEXT2}]{TEXT1}[/tip]
Замена HTML
<style>
a.tooltip {outline:double
; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
z-index:10;display:none; padding:14px 20px;
margin-top:60px; margin-left:-160px;
width:300px; line-height:16px;
}
a.tooltip:hover span{
display:inline; position:absolute;
border:2px solid #FFF; color:#EEE;
background:#333 url(cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}

/*CSS3 extras*/
a.tooltip span
{
border-radius:2px;
box-shadow: 0px 0px 8px 4px #666;
/*opacity: 0.8;*/
}
</style>
<p class="tt">
<a class="tooltip">{TEXT1}<span><img src="http://webdevoloper.4adm.ru/storage/web ... es/tip.png" width="15" height="15"/>{TEXT2}</span></a>
</p>
Подсказка
[tip=Подсказка(пояснение)]Любое слово[/tip]
Внешне пример на скрине.
#517
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

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

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

Спасибо. Если на форуме уже установлен свой tooltip (при установке мода) - конфликтов не будет? Не тестировали?
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#518
Аватара пользователя
Claudia
Заглянул на огонек
Заглянул на огонек
Сообщения: 36
Стаж: 10 лет 8 месяцев
Откуда: Украина
Контактная информация:

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

Сообщение Claudia »

Андрей, не тестировала. Не могу сказать.

Немного изменила Ваш бб код и поставила к себе на форум. Спасибо!
Вот что получилось для subsilver2.
Правка.
<span class="genmed nowrap">Цвет шрифта:
<select class="gensmall" name="color" onchange="bbfontstyle('[color=' + this.form.color.options[this.form.color.selectedIndex].value + ']', '[/color]');" title="{L_TITLE_COLOR}">

<option style="color: #FFFFFF;" value="#FFFFFF">&nbsp;{#FFFFFF}</option>
<option style="color: #00BFFF;" value="#00BFFF">&nbsp;{#00BFFF}</option>
<option style="color: #FFFF00;" value="#FFFF00">&nbsp;{#FFFF00}</option>
<option style="color: #FF0000;" value="#FF0000">&nbsp;{#FF0000}</option>
<option style="color: #00BF00;" value="#00BF00">&nbsp;{#00BF00}</option>
<option style="color: #00FFFF;" value="#00FFFF">&nbsp;{#00FFFF}</option>
<option style="color: #FF40FF;" value="#FF40FF">&nbsp;{#FF40FF}</option>
<option style="color: #80FF00;" value="#80FF00">&nbsp;{#80FF00}</option>
<option style="color: #400000;" value="#400000">&nbsp;{#400000}</option>
<option style="color: #4040FF;" value="#4040FF">&nbsp;{#4040FF}</option>
<option style="color: #FF8000;" value="#FF8000">&nbsp;{#FF8000}</option>

</select></span>
Скрин.
#519
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

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

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

1. ясно. ну может быть проверим. попозже.
2. интересно получилось. мне кажется, я уже писал, что мои bbcode - это конструкторы. каждый может переработать их "под себя".
так интереснее. разве нет? :se_lya_ne:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#520
Ответить