Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > vBulletin 3.х > Инструкции по vBulletin
Расширенный поиск

Инструкции по vBulletin Всевозможные мануалы, FAQ и инструкции по vBulletin

Ответ
 
Опции темы Поиск в этой теме
Старый 18.03.2010, 17:38 Вверх   #1
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
Хорошо Оформление цитаты на vb 3.x от vb 4.x [Инструкция от IRIDON]

Оформление цитаты на vb 3.x от vb 4.x [Инструкция от IRIDON]

На текущий момент вышло два типа оформления цитаты: с скругленными и квадратными краями.

Вариант с квадратными краями:



Нажми для просмотра
1. Скачиваем файлы для квадратной цитаты ВОТ ОТСЮДА. Заливаем папки misc и buttons в папки своего стиля (если у Вас стиль по умолчанию, то обе папки скидываем в папку images.

2. Находим шаблон bbcode_quote в своем стиле и заменяем его содержимое на:

PHP код:
<div <if condition="$show['iewidthfix']"></if>">
<div style="
padding-left:20px;">
<div class="
bbcode_container">
  <div class="
bbcode_quote">
    <div class="
btbtbt">
<div class="
quote_container">
            <div class="
bbcode_quote_container"></div>
                <div class="
bbcode_postedby">
                    <if condition="
$show['username']">
        <img title="
Цитата" src="$stylevar[imgdir_button]/quote_icon.png" alt="Цитата">
        <phrase 1="
$username">$vbphrase[originally_posted_by_x]</phrase>
                        <if condition="
$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost-right.png" border="0" alt="$vbphrase[view_post]" /></a>
                        
</if>
                </
div>
          <
div class="message">$message</div>
        </
div>
            <else />
                
$message
            
</if>
    </
div
  </
div>
</
div>
    </
div>
</
div
Сохраняем изменения.

3. Зайти в опцию "Все опции стиля" (админка - Стили и шаблоны - Управление стилями. В выпадающем меню нужного стиля выбрать Все опции стиля и нажать Вперед). Опускаемся в самый низ и в окно "Дополнительные определения CSS" (обычно там два окошка стиля, добавляем во второе) вот это CSS:

Код:
.quote_container {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}


div.bbcode_quote div.message {
	padding:8px 0px;
}

.bbcode_container {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top: 5px;
	display: block;
}

.bbcode_container div.bbcode_quote {
margin-top: 0pt;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
background-color: #f2f6f8;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-style: italic;
font-variant: normal;
font-weight: normal;
font-size: 13px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
position: relative;
top: 0pt;
}


.bbcode_quote_container {
background-color: transparent;
background-image: url("images/misc/quote-left.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left center;
display: block;
width: 9px;
height: 13px;
position: absolute;
left: -8px;
}

.bbcode_postedby {
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
}

.bbcode_container div.bbcode_quote div.message {
padding-top: 8px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 0px;
}

.btbtbt {
border-left:solid 1px;
border-right:solid 1px;
border-bottom:solid 1px;
border-top:solid 1px;
border-color: #417394;
}
Сохраняем изменения.
Все.
Источник



Вариант с скругленными краями:



Нажми для просмотра
1. Скачиваем файлы для квадратной цитаты ВОТ ОТСЮДА. Заливаем папки misc и buttons в папки своего стиля (если у Вас стиль по умолчанию, то обе папки скидываем в папку images.

2. Находим шаблон bbcode_quote в своем стиле и заменяем его содержимое на:

PHP код:
<div <if condition="$show['iewidthfix']"></if>">
<div style="
padding-left:20px;">
<div class="
bbcode_container">
  <div class="
bbcode_quote">
  <div>
    <div class="
tl">
        <div class="
tr">
            <div class="
bord_top"></div>
        </div>
    </div> 
  </div>
    <div class="
btbtbt">
<div class="
quote_container">
            <div class="
bbcode_quote_container"></div>
                <div class="
bbcode_postedby">
                    <if condition="
$show['username']">
        <img title="
Цитата" src="$stylevar[imgdir_button]/quote_icon.png" alt="Цитата">
        <phrase 1="
$username">$vbphrase[originally_posted_by_x]</phrase>
                        <if condition="
$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost-right.png" border="0" alt="$vbphrase[view_post]" /></a>
                        
</if>
                </
div>
          <
div class="message">$message</div>
        </
div>
            <else />
                
$message
            
</if>
    </
div>
    <
div class="bl">
        <
div class="br"><div class="bord_top2"></div></div>
        
        <
div class="bord_botom"></div>
    </
div
  </
div>
</
div>
    </
div>
</
div
Сохраняем изменения.

3. Зайти в опцию "Все опции стиля" (админка - Стили и шаблоны - Управление стилями. В выпадающем меню нужного стиля выбрать Все опции стиля и нажать Вперед). Опускаемся в самый низ и в окно "Дополнительные определения CSS" (обычно там два окошка стиля, добавляем во второе) вот это CSS:

Код:
.quote_container {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}


div.bbcode_quote div.message {
	padding:8px 0px;
}

.bbcode_container {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top: 5px;
	display: block;
}

.bbcode_container div.bbcode_quote {
margin-top: 0pt;
margin-right: 10px;
margin-left: 10px;

background-color: #f2f6f8;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-style: italic;
font-variant: normal;
font-weight: normal;
font-size: 13px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
position: relative;
top: 0pt;
}


.bbcode_quote_container {
background-color: transparent;
background-image: url("images/misc/quote-left.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left center;
display: block;
width: 9px;
height: 13px;
position: absolute;
left: -8px;
}

.bbcode_postedby {
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
}

.bbcode_container div.bbcode_quote div.message {
padding-top: 8px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 0px;
}


.tl{
background:url(images/misc/tl_grey.gif) no-repeat left;
height: 10px;

}

.tr{
background:url(images/misc/tr_grey.gif) no-repeat right;
height: 10px;

}

.bl{
background:url(images/misc/bl_grey.gif) no-repeat left bottom;
height: 10px;

}

.br{
background:url(images/misc/br_grey.gif) no-repeat right bottom;
height: 10px;
}

.btbtbt {
border-left:solid 1px;
border-right:solid 1px;
border-color: #417394;
}

.bord_top {
border-top: 1px solid;
border-color:#417394;
margin-left: 10px;
margin-right: 10px;
border-color: #417394;
}

.bord_botom {
border-bottom: 1px solid;
border-color:#417394;
margin-left: 10px;
margin-right: 10px;
}

.bord_top2 {
border-left:1px solid;
border-right: 1px solid;
border-color: #417394;
}
Сохраняем изменения.
Все.
Источник

Последний раз редактировалось Serberg; 12.03.2012 в 19:48..
  Ответить с цитированием
15 пользователя(ей) сказали cпасибо:
Старый 24.03.2010, 01:04 Вверх   #2
Человек
 
Аватар для TAIFUN
TAIFUN вне форума
Доп. информация
По умолчанию

Совет:
Вместо слов используйте фразы, в этом случае слово "Цитата" заменить фразой:
Код:
$vbphrase[quote]
  Ответить с цитированием
4 пользователя(ей) сказали cпасибо:
Старый 10.07.2010, 17:29 Вверх   #3
Пользователь
 
Аватар для uma2rman
uma2rman вне форума
Доп. информация
По умолчанию

Вот этих кнопочек нет нифига , хотя залил и в папку images и в папку buttons в стиле. Сама цитата изменилась как надо

  Ответить с цитированием
Старый 10.07.2010, 18:02 Вверх   #4
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

uma2rman, не туда залил. у тебя походу шаблон не стандартный и картинки должны храниться в другом месте. Открой страницу с цитатой в опере и вместо изображений будут показаны пустые квадратики. Тыркаешь на них правой кнопкой мыши - свойства изображения и там узнаешь путь где должны храниться картинки от цитаты.
  Ответить с цитированием
Старый 10.07.2010, 18:04 Вверх   #5
Пользователь
 
Аватар для uma2rman
uma2rman вне форума
Доп. информация
По умолчанию

Serberg, тогда вопрос , почему сама цитата изменилась ?
Тыркаешь на них правой кнопкой мыши - свойства изображения и там узнаешь путь где должны храниться картинки от цитаты.
http://icr38.net/error/404/

Последний раз редактировалось uma2rman; 10.07.2010 в 18:22..
  Ответить с цитированием
Старый 10.07.2010, 23:04 Вверх   #6
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от uma2rman Посмотреть сообщение
http://icr38.net/error/404/
А эта ссылку тут причем ? Там ошибка 404.

Цитата Сообщение от uma2rman Посмотреть сообщение
Serberg, тогда вопрос , почему сама цитата изменилась ?
Если все сделано так как описано - то измениться ничего не может, если у тебя есть классы с таким же именем как в цитате, то меняй классы цитаты на свои.
  Ответить с цитированием
Старый 15.07.2010, 22:02 Вверх   #7
Пользователь
 
Аватар для uma2rman
uma2rman вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Serberg Посмотреть сообщение
А эта ссылку тут причем ? Там ошибка 404
Эта ошибка вылезает при попытке в опере узнать путь

Цитата Сообщение от Serberg Посмотреть сообщение
Если все сделано так как описано - то измениться ничего не может
Вот ссыль на пробный форум
http://drugspace.icr38.net/showthread.php?p=7#post7
  Ответить с цитированием
Старый 15.07.2010, 22:34 Вверх   #8
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
Стрелка

Цитата Сообщение от uma2rman Посмотреть сообщение
Эта ошибка вылезает при попытке в опере узнать путь
Тебе иконки надо положить в папку techforums/buttons/.
  Ответить с цитированием
Старый 26.08.2010, 01:04 Вверх   #9
Уважаемая личность
 
Аватар для Vasich
Vasich вне форума
Доп. информация
По умолчанию

Есть проблема с простым цитированием из быстрого и расширенного ответа
вот здесь
Как исправить?

Последний раз редактировалось Vasich; 27.08.2010 в 12:02..
  Ответить с цитированием
Старый 26.08.2010, 15:37 Вверх   #10
forever alone
 
Аватар для no name
no name вне форума
Доп. информация
По умолчанию

а у меня почему то углов в круглой цитате нету,в чем проблема?

Последний раз редактировалось no name; 26.08.2010 в 15:42..
  Ответить с цитированием
Старый 26.08.2010, 16:48 Вверх   #11
Уважаемая личность
 
Аватар для Vasich
Vasich вне форума
Доп. информация
По умолчанию

Заливаем папки misc и buttons в папки своего стиля, тогда в коде прописываем где находится папка images
Или сюда - images/misc (по умолчанию)
  Ответить с цитированием
Старый 27.08.2010, 23:38 Вверх   #12
Уважаемая личность
 
Аватар для Vasich
Vasich вне форума
Доп. информация
По умолчанию

Наверное я задал глупый вопрос или уж очень простой...
В посте №9.
Но все же хотелось бы получить ответ от автора, а то как то не годится такой разрыв в цитате.
  Ответить с цитированием
Старый 28.08.2010, 14:14 Вверх   #13
Опытный пользователь
 
Аватар для Shout
Shout вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Serberg Посмотреть сообщение
а для тёмного фона нету?

Последний раз редактировалось Serberg; 28.08.2010 в 17:11..
  Ответить с цитированием
Старый 28.08.2010, 23:43 Вверх   #14
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Shout, вообще при великом желании можно переделать без особых проблем. Тут надо только цвет заливки другой сделать + картинки от цитаты тонировать в темный цвет и все.
  Ответить с цитированием
Старый 11.01.2011, 06:41 Вверх   #15
Знаток
 
Аватар для Bahok
Bahok вне форума
Доп. информация
По умолчанию

Не работает ваша цитата!!!!!! Пути картинок проверил! Сдела лвсе по инструкции!! Не робит.


Последний раз редактировалось Bahok; 11.01.2011 в 06:45..
  Ответить с цитированием
Старый 11.01.2011, 07:50 Вверх   #16
forever alone
 
Аватар для no name
no name вне форума
Доп. информация
По умолчанию

http://www.bormotuhi.net/showpost.ph...43&postcount=5
тут есть картинки ?нет..потому что это просто цитата а не цитата чьего нить сообщения..цитируй у кого нить сообщение на форуме.а не свою цитату делай..
З.ы а для чего скрываешь форум на скрине ?есть что скрывать?!?
  Ответить с цитированием
Старый 11.01.2011, 09:29 Вверх   #17
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Оффтоп
  Ответить с цитированием
2 пользователя(ей) сказали cпасибо:
Старый 19.01.2011, 07:21 Вверх   #18
Пользователь
 
Аватар для LoyZ
LoyZ вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Vasich Посмотреть сообщение
Есть проблема с простым цитированием из быстрого и расширенного ответа
Как исправить?
Решил проблемку следующим образом. Удалил из шаблона следующие условия:
Код:
                    <if condition="$show['username']"> 
        <img title="Цитата" src="$stylevar[imgdir_button]/quote_icon.png" alt="Цитата"> 
        <phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase> 
                        <if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost-right.png" border="0" alt="$vbphrase[view_post]" /></a> 
                        </if> 
                </div> 
          <div class="message">$message</div> 
        </div> 
            <else /> 
                $message 
            </if>
ну и для логической совместимости, изменил фразу "originally_posted_by_x". Вместо существующей по умолчаний, поставил "Цитата:"
В итоге получилось следующее:

Это при обычном:
[QUOTE]Наверное я задал глупый вопрос или уж очень простой...
В посте №9.
Но все же хотелось бы получить ответ от автора, а то как то не годится такой разрыв в цитате.[/QUOTE]


PS а наверное можно даже и просто удалить фразу, но это уже "вопрос стиля"

Последний раз редактировалось LoyZ; 19.01.2011 в 08:10..
  Ответить с цитированием
Старый 14.07.2011, 21:14 Вверх   #19
Опытный пользователь
 
Аватар для FEARKILLER
FEARKILLER вне форума
Доп. информация
По умолчанию

А никто не заметил что не хватает закрытие 2х <div> кодов?
Ведь стоит же условие, выделил зелёным. Они и находятся в этом условии, а после <else /> этих 2х закрывающих тегов </div> нет. Собсно по этому и кривая простая цитата получается, когда нет в ней "Сообщение от Username".


Код:
<div <if condition="$show['iewidthfix']"></if>"> 
	<div style="padding-left:20px;"> 
		<div class="bbcode_container"> 
			<div class="bbcode_quote"> 
				<div> 
					<div class="tl"> 
						<div class="tr"> 
							<div class="bord_top"></div> 
						</div> 
					</div>  
				</div> 
			<div class="btbtbt"> 
				<div class="quote_container"> 
					<div class="bbcode_quote_container"></div> 
						<div class="bbcode_postedby"> 
							<if condition="$show['username']"> 
								<img title="$vbphrase[quote]" src="$stylevar[imgdir_button]/quote_icon.png" alt="$vbphrase[quote]"> 
								<phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase> 
									<if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost-right.png" border="0" alt="$vbphrase[view_post]" /></a> 
									</if> 
						</div> 
					<div class="message">$message</div> 
				</div> 
							<else />
						???
				$message 
				??? 
							</if> 
			</div> 
				<div class="bl"> 
					<div class="br"><div class="bord_top2"></div></div> 
					<div class="bord_botom"></div> 
				</div>  
			</div> 
		</div> 
	</div> 
</div>
Вот рабочий код для закруглённой цитаты, для другой исправляейте сами.
Нажми для просмотра

PHP код:
<div <if condition="$show['iewidthfix']"></if>"> 
    <div style="
padding-left:20px;"> 
        <div class="
bbcode_container"> 
            <div class="
bbcode_quote"> 
                <div> 
                    <div class="
tl"> 
                        <div class="
tr"> 
                            <div class="
bord_top"></div> 
                        </div> 
                    </div>  
                </div> 
            <div class="
btbtbt"> 
                <div class="
quote_container"> 
                    <div class="
bbcode_quote_container"></div> 
                        <div class="
bbcode_postedby"> 
                            <if condition="
$show['username']"> 
                                <img title="
$vbphrase[quote]" src="$stylevar[imgdir_button]/quote_icon.png" alt="$vbphrase[quote]"> 
                                <phrase 1="
$username">$vbphrase[originally_posted_by_x]</phrase> 
                                    <if condition="
$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost-right.png" border="0" alt="$vbphrase[view_post]" /></a> 
                                    
</if> 
                        </
div
                    <
div class="message">$message</div
                </
div
                            <else />
                        </
div>
                
$message 
                
</div
                            </if> 
            </
div
                <
div class="bl"
                    <
div class="br"><div class="bord_top2"></div></div
                    <
div class="bord_botom"></div
                </
div>  
            </
div
        </
div
    </
div
</
div


Ps. Народ, я какой раз отсюда что-то беру, всегда всё править приходится ((х , ибо кривое как бумеранг, но не всегда. Да это погрешности авторов, но можно же выкладывать исправленые версии, если вы ставите на свой форум это или хотябы предупреждать.
  Ответить с цитированием
3 пользователя(ей) сказали cпасибо:
Ответ

Метки
wbnfnf, замена цитаты, оформление цитаты, цитата


Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Цитаты с Баша Amber Юмор 221 11.05.2017 23:03
Полетело оформление wolf blan vBulletin 4.x 11 19.03.2011 12:37
Вопрос по Quick Quote - Хак быстрой цитаты выделенного motos vBulletin 3.х 10 09.03.2011 16:28
Как перетащить оформление цитаты с vb4 на vb3 ? Serberg vBulletin 3.х 31 23.03.2010 13:32


Текущее время: 01:45. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.32563 секунды с 14 запросами