Изменяем вид цитат

Сегодня изменим вид цитат
1.Вот исходники Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,для тех кому не понятно будет.
2.Идем в директорию \engine\includes\classes и открываем файл parse.class.php и заменяем строки

$content	=	preg_replace("#\[quote\]\s*(.*?)\s*\[/quote\]#is", "<blockquote><b>".$lang['bb_quote']."</b>$1</blockquote>",$content);
$content	=preg_replace("#\[quote=(.*?)\]\s*(.*?)\s*\[/quote\]#is","<blockquote><b>$1 ".$lang['bb_wrote']."</b>$2</blockquote>",$content);

$content=preg_replace("#\[quote\]\s*(.*?)\s*\[/quote\]#is", '<div class="bbQuoteBlock"><div class="bbQuoteName" ><b>Цитата</b> </div><div class="quoteMessage"><blockquote><b>'.$lang['bb_quote'].'</b>$1</blockquote></div></div>',$content);
$content	=	preg_replace("#\[quote=(.*?)\]\s*(.*?)\s*\[/quote\]#is",'<div class="bbQuoteBlock"><div class="bbQuoteName" ><b>Цитата</b> </div><div class="quoteMessage"><blockquote><b>$1 '.$lang['bb_wrote'].'</b>$2</blockquote></div></div>',$content);

1. Голубой
   
   Код:

   .bbQuoteName { 
     background:#6cadcd; 
     color:#fff; 
     line-height:28px; 
     padding-left:15px; 
     text-transform:uppercase; 
   } 
   .quoteMessage { 
     border:1px solid #e5e1d9 !important; 
     border-top:0 none !important; 
     padding:15px 15px 15px 15px; 
     background:#f2eee6 url(Ваш путь до картинки/blue_arrow.png) no-repeat 90% top; 
     font-style:italic; 
   } 

2. Зеленый
   
   Код:

   .bbQuoteName { 
     background:#AABC38; 
     color:#fff; 
     line-height:28px; 
     padding-left:15px; 
     text-transform:uppercase; 
   } 
   .quoteMessage { 
     border:1px solid #e5e1d9 !important; 
     border-top:0 none !important; 
     padding:15px 15px 15px 15px; 
     background:#f2eee6 url(Ваш путь до картинки/green_arrow.png) no-repeat 90% top; 
     font-style:italic; 
   }

3. Серый
   
   Код:

   .bbQuoteName { 
     background:#c7c8c8; 
     color:#fff; 
     line-height:28px; 
     padding-left:15px; 
     text-transform:uppercase; 
   } 
   .quoteMessage { 
     border:1px solid #e5e1d9 !important; 
     border-top:0 none !important; 
     padding:15px 15px 15px 15px; 
     background:#f2eee6 url(Ваш путь до картинки/gray_arrow.png) no-repeat 90% top; 
     font-style:italic; 
   }

4. Розовый
   
   Код:

   .bbQuoteName { 
     background:#ff6cb2; 
     color:#fff; 
     line-height:28px; 
     padding-left:15px; 
     text-transform:uppercase; 
   } 
   .quoteMessage { 
     border:1px solid #e5e1d9 !important; 
     border-top:0 none !important; 
     padding:15px 15px 15px 15px; 
     background:#f2eee6 url(Ваш путь до картинки/pink_arrow.png) no-repeat 90% top; 
     font-style:italic; 
   }

Можешь почитать и вот эту статейку "Аннимированные кнопки иконки"

Scampiqq 2.01.2014 - 02:48 Спасибо большое за подробный пример

ответить

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