[Обзор]

Видел обсуждение как здесь креативно реализован вывод Bb-кода Offtop






1. занимает много места, отвлекает
2. СЕО кафе - доходчиво, но не эстетично,
3. vbsupport - не эстетично, зато дешево и практично (с)

Кто-нибудь, где-нибудь видел какие-нибудь еще креативные решения?

Реализовать можно что угодно ))

Чаще встречаю как тут

@Kronshtadt, попробуй взять js и css от анимационного спойлера

Originally Posted by Liked

попробуй взять js и css от анимационного спойлера

ТС делает обзор решений, а не реализует новый ВВ-код.

Originally Posted by Sven

Реализовать можно что угодно ))

Это то понятно, дело не в реализации, а в креатиности вида. У меня затяжной кризис жанра, выйти из него никак не могу. В принципе вариант 1 ближе всего к решению, но по высоте много места занимает. можно на фоне колобка "офф" написать, но как то не так.

Раз уж зашла тема, объясните мне, чем отличается спойлер от оффтопа?

Originally Posted by Dyuhaha

чем отличается спойлер от оффтопа?

кнопками, и "мордой"
смысл один и тот же

@Kronshtadt, проще оставить так как есть, потому, что так offtop может использоваться, в случае с сео кафе и с иконкой, это уже ближе к спойлеру

вот мое решение (ну не мое, а взято откуда уже не помню):
ББКод

<div style="margin:10px;"><span><a href="#" title="click to see offtopic text" onclick="
obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; 
obj.display=tmp; 
return false;" class="offtopic"><b><i>Off-topic</i></b></a><div class="offtopic-body" style="display: none;">{param}</div></span></div>

.offtopic {
	margin: 30px 20px 30px 10px;
	border:1px solid ffffcc;
	padding: 4px 4px 4px 18px;
	color:#513d66;
	background:#ffefff url(images/misc/offtopic.png) no-repeat left;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
}

.offtopic-body {
	margin: 4px 10px;
	border:1px solid ffffcc;
	padding:4px;
	color:#505050;
	background:#ffefff;
	border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	-webkit-border-radius:0 6px 6px 6px;
}

цвет и текст конечно можно заменить.
как и хочет заказчик-извращенец - занимает мало места, и на мой взгляд эстетично и практично ;)

картинка внизу

@M.C., а как он выглядит?

а если заморочиться то можно и какой-нить эффект выплывания от jquery замутить

P.S.
вот помоги если можешь: http://vbsupport.ru/forum/showthread.php?t=48350