Страница 1 из 1

Создание кнокпи, аналог Quote

Добавлено: 19 июн 2010, 20:37
anger
Собственно пытался переделать готовую, что на форуме тут нашёл, но как то не вышло, сама кнопка нужна как для модуля news, так и для форума.

в спойлере пример скриншота, вида поста и ссылка с примерами, более чётко сделанными.
Спойлер: Показать +


Перейдя по ссылки можно более чётко увидеть, что там заголовок отделён полосой от самого поста.
Заголовок "Сообщение от Blizzard Entertainment" или как ещё более понятно можно перевести "Originally Posted by Blizzard Entertainment"

Сам css код
Спойлер: Показать +

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

div.post_text ul { padding:0 0 0 10px; }
.bluepost { background: url('/images/blizz-bg.gif'); padding: 0;zoom:1;clear:both; }
.bluepost .bluepost-content { color: #0099FF; font-size: 11px; position: relative; bottom: -10px; padding: 0 4px 10px 15px; }
.bluepost .top-right { width: 100%; background: url('/images/blizz-top-right.gif') no-repeat top right; height: 38px; padding-top: 11px; }
.bluepost .top-right span { color: #0099FF; font-weight: bold; padding-left: 55px; }
.bluepost .top-left { width: 100%; background: url('/images/blizz-top-left.gif') no-repeat; height: 38px; }
.bluepost .bottom-right { width: 100%; background: url('/images/blizz-bottom-right.gif') no-repeat bottom right; height: 24px; }
.bluepost .bottom-left { width: 100%; background: url('/images/blizz-bottom-left.gif') no-repeat; height: 24px; }

Оффтопик: http://mmoboom.ru/ это сайт, откуда ксс и там же картинки находятся, которые в ксс коде


Конечно приятней было бы чтобы оформление было как на ссылке в первом спойлере, но там я вообще не капли не понял, как сделано.. =( помогите сделать такую вот ББ-кнопочку (bluepost), кто может... Заранее спасибо за помощь..

Re: Создание кнокпи, аналог Quote

Добавлено: 20 июн 2010, 09:43
SOKOJI
Было бы классно, если бы вы указывали ссылки на темы, в которых есть схожие решения. А то еще и нам в поиск лезть надо =)

Не пробовал, но попробуй вот это:

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

<!-- В общий вид страниц форума, после $BODY$ START -->
<script type="text/javascript">
e=document.getElementsByTagName("TD");
for(k=0;k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[bluepost]') != -1) {
s=s.replace('[bluepost]','<div class="bluepost">');
s=s.replace('[/bluepost]','</div>');
e[k].innerHTML=s;
}}}
</script>
<!-- В общий вид страниц форума, после $BODY$ END -->

<!-- В форму добавления сообщения START -->
<input type="button" value="bluepost" onclick="simpletag('bluepost','','','message',''); return false;" class="codeButtons" title="Синий пост" id="bluepost" />
<!-- В форму добавления сообщения END -->


На всякий случай: пользовался генератором бб-кодов от Allcity.

Re: Создание кнокпи, аналог Quote

Добавлено: 20 июн 2010, 18:41
AllCity
О хорошо что нагадал если найду исходник добавлю версию jQ туда :D

Re: Создание кнокпи, аналог Quote

Добавлено: 21 июн 2010, 04:16
anger
не знаю, вроде всё верно и ксс полностью взято, но почему то получается такое

Спойлер: Показать +
Изображение


нашёл пример того, как сделано на юкозе

Спойлер: Показать +
Оффтопик: Link

Re: Создание кнокпи, аналог Quote

Добавлено: 27 дек 2010, 11:20
anger
Спойлер: Показать +

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

<div class="blizzquotewrap"> 
<div class="blizzquoteinner">
<span class="corners-top">
<span>
       </span>
        </span>
<div class="blizzquoteheader">
<span>Цитата <b> сотрудников Близзард</b>       
</span>
       </div>
<div class="blizzquote"> Text in here </div>
<span class="corners-bottom">
       <span>
        </span>
         </span>
          </div>
           </div>


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

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

[blizz][/blizz]