в общем суть вопроса в том можно ли изменить тег чтобы он был более функционален?

 

а именно требуется:

тезменить тег Изображания чтобы он работал так же как в трекер движке.

привер:

[img=right] и [img=left]

и чтобы размер изображения размещенного на форуме через url тег изменялся а при нажатии на него увеличивался до оригинального размера.

 

тег spoiler внешним видом вот таким:

тег даного споилега выглядит следующим образом:

 [spoiler]
		 вот такой спойлер нужен
[spoiler="Название spoiler-a"]
		 вместо "скрытый текст" можно вписать свое название
[/spoiler]
[/spoiler]

 

одним можно ли сделать теги img и spoiler такие как на трекере?

 

за ранее спасибо!

в общем суть вопроса в том можно ли изменить тег чтобы он был более функционален?

Сделать можно все. Другой вопрос, поиск исполнителя.

 

тезменить тег Изображания чтобы он работал так же как в трекер движке.

Я не знаю, движок трекера. Но уменьшение внешних картинок, ищут многие. Безрезультатно ...

Проще всего, "уменьшить" размер с помощью CSS.

 

Сделать как в трекере скрытый текст, в паблике нет и скорее всего не появится.

тег спойлера как на трекере в сети я видел, но он мануал по его установки был для версии 2.х.х не помню точно для какой, я в CSS не силен по этому не знаю как эти файлы спойлера прикрутить к 3 версии.

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

 

*если есть желающие попробовать прикрутить спойлер к 3 версии обращайтесь в личку или стучите в асю 479366696

Да, такой спойлер было бы замечательно!

Действительно стандартный спойлер выглядит откровенно галимо!

 

Проблема ещё и в том, что в кнопку не влезает всё русское слово - Show 4 символа, а Показать или Развернуть - 8 и 10 символов - оба не влезают в кнопку :(

 

Также не всегда радует, что эта хрень (спойлер) на всю ширину форума фигачит свою строку - когда он закрыт - выгляит как какая-то разделительная полоса, неуместная в этом месте. Было бы здорово, чтобы была просто кнопка либо "Показать/Развернуть", либо вида "[+]" в нужном месте текста, без длинной полоски на новой строке. А после нажатия - в этом месте раздвигался скрытый текст.

 

Может кто-нить с этим помочь?

Вот вы тут сретесь.

 

Поправить спойлер можно так:

 

1. Отредактируйте BBCode (Look & Feel > Post Content > BBCode Management > Spoiler)

 

Use Option in tag? = Yes

Option is optional? = Yes

Custom BBCode Replacement:

<div class='bbc_spoiler'>
<input type='button' class='bbc_spoiler_show' value='+' /><span class='spoiler_title'>{option}</span>
<div class='bbc_spoiler_wrapper'><div class='bbc_spoiler_content' style="display:none;">{content}</div></div>
</div>

 

2. Отредактируйте языковые строки (Look & Feel > Manage Languages):

 

Найти строку по ключу "spoiler_show", установить перевод "+".

Найти строку по ключу "spoiler_hide", установить перевод "-".

 

3. Добавьте в CSS (ipb_styles.css) в конец строки

 

.bbc_spoiler { border: 1px solid #002F06; background: #D3D3D3; position: relative; display: block; margin: 10px 0; }
.bbc_spoiler .bbc_spoiler { margin: 10px; }
.bbc_spoiler .bbc_spoiler_wrapper { border-left: 0px !important; border-right: 0px !important; border-bottom: 0px !important; padding: 0; border-top: 1px solid #002F06; background: #fff; }
.bbc_spoiler .bbc_spoiler_content { border: 0; padding: 5px; }
.bbc_spoiler .bbc_spoiler_show { position: absolute; left: 5px; top: 5px; border: 1px solid #666; background: #fff; margin: 0; padding: 0; color: #666; width: 16px; height: 16px; font-size: 14px; }
.bbc_spoiler .spoiler_title { padding: 5px 5px 5px 25px; display: block; }

 

4. Отредактируйте файл /admin/sources/classes/bbcode/core.php

 

Найдите строки 2048-2049:

									if( $_bbcode['bbcode_useoption'] AND $_bbcode['bbcode_optional_option'] AND !$_option )
								{
									$_option	= $_content;

 

замените на:

									if( $_bbcode['bbcode_useoption'] AND $_bbcode['bbcode_optional_option'] AND !$_option )
								{
									$_option	= ($_tag == 'spoiler') ? 'Скрытый текст' : $_content;

 

5. Откройте на правку файл /public/js/ipb.js

 

Добавьте после строки 1198:

		ipb.delegate.register('.bbc_spoiler_show', ipb.global.toggleSpoiler);

 

Строку:

		ipb.delegate.register('.spoiler_title', function(e, label){$(label).up().down('.bbc_spoiler_show').click()} );

 

Сбросьте кэш постов и кэш браузера. Все выглядит как на картинке и работает как задумано.

А насчет обтекания текста и картинок - добавьте два новых кода:

 

1. FLOAT:

 

Custom BBCode Tag = float

Use Option in tag? = Yes

Option Regular Expression Filter = /(left|right)/i

Custom BBCode Replacement:

<div style="float:{option}; padding: 0 10px 10px 10px; padding-{option}: 0;">{content}</div>

 

2. CLEAR

 

Custom BBCode Tag = clear

Use Option in tag? = No

Custom BBCode Replacement:

<br class='clear' />

 

Пример использования:

[float=left][img][/float]Text[clear]Text

Ritsuka, большое спасибо за ценную помощь!

А насчет обтекания текста и картинок - добавьте два новых кода:

 

1. FLOAT:

 

Custom BBCode Tag = float

Use Option in tag? = Yes

Option Regular Expression Filter = /(left|right)/i

Custom BBCode Replacement:

<div style="float:{option}; padding: 0 10px 10px 10px; padding-{option}: 0;">{content}</div>

 

2. CLEAR

 

Custom BBCode Tag = clear

Use Option in tag? = No

Custom BBCode Replacement:

<br class='clear' />

 

Пример использования:

[float=left][img][/float]Text[clear]Text

Обтекать? Это будет картинка находится полностью в тексте, а не так как сейчас 1 картинка на строке и текст её не обтекает?

Да, должно быть так. Попробуйте.

т.е. я как понял это получается двойной ББкод?

т.е. я как понял это получается двойной ББкод?

Вложенный, если быть точнее.

т.е. я как понял это получается двойной ББкод?

float - парный, clear - одинарный.

Надо будет попробовать слепить. Т.е. что бы обтекание работало надо использовать два ББ кода? а нельзя тогда как то их объедение?

Почитайте про float и clear, ну, хотя бы здесь. Что это и для чего оно нужно.

 

clear - тег опциональный, полезен, если графика по высоте заметно превосходит блок текста, рядом с которым она должна быть размещена.

А вместо стандартного для вставки картинки его можно залепить?

Ritsuka, добавил Ваш код, немного модифицировав CCS (подкорректировал цвета и отступы, чтобы заголовок был посередине кнопки).

 

.bbc_spoiler { border: 1px solid #aaa; background: #ddd; position: relative; display: block; margin: 10px 0; }
.bbc_spoiler .bbc_spoiler { margin: 10px; }
.bbc_spoiler .bbc_spoiler_wrapper { border-left: 0px !important; border-right: 0px !important; border-bottom: 0px !important; padding: 0; border-top: 1px solid #aaa; background: #fff; }
.bbc_spoiler .bbc_spoiler_content { border: 0; padding: 5px; }
.bbc_spoiler .bbc_spoiler_show { position: absolute; left: 5px; top: 4px; border: 1px solid #666; background: #fff; margin: 0; padding: 0; color: #666; width: 16px; height: 16px; font-size: 14px; }
.bbc_spoiler .spoiler_title { padding: 2px 2px 2px 25px; display: block; }

Но заметил одну странность, не связанную с корректировками, поскольку проявляется и в Вашем варианте: в предварительном просмотре высота заголовка ниже, чем в отредактированном посте. В итоге заголовок уезжает относительно кнопки вверх в предварительном просмотре. Уже все отступы, по идее, перебрал, но то там криво, то там. С чем может быть связано? Скин стандартный.

 

Изменено 18 февраля 201115 г пользователем Bonov