Как перетащить оформление цитаты с vb4 на vb3 ?

Serberg · 16.03.2010, 14:44 **Вверх**

Так как я вообще не силен в CSS меня очень заинтересовал вопрос переноса оформления цитаты из vb4 на vb3. Выглядит она там довольно красиво.

Может кто подсказать ?

IRIDON · 16.03.2010, 15:34 **Вверх**

А где можно глянуть на Vb 4 ? Я б мог это сделать

Serberg · 16.03.2010, 15:40 **Вверх**

Сообщение от IRIDON

А где можно глянуть на Vb 4 ? Я б мог это сделать

Да вот к примеру: _http://shop-scripts.com.ua/misc.php?do=bbcode

Снизу смотреть начинай вверх, там цитата будет Lorem ipsum dolor sit amet

IRIDON · 16.03.2010, 16:22 **Вверх**

Сообщение от Serberg

Да вот к примеру: _http://shop-scripts.com.ua/misc.php?do=bbcode

Снизу смотреть начинай вверх, там цитата будет Lorem ipsum dolor sit amet

У меня вопрос - где конфигурация Цитата?

Нашол

Serberg · 16.03.2010, 16:33 **Вверх**

Сообщение от IRIDON

У меня вопрос - где конфигурация Цитата?

В смысле оформления ? Я так понимаю что в шаблоне bbcode_quote

IRIDON · 16.03.2010, 18:12 **Вверх**

Фух сделал, осталось ток теги вставить =)

Serberg · 16.03.2010, 18:32 **Вверх**

Сообщение от IRIDON

Фух сделал, осталось ток теги вставить =)

Я новый классический стиль для бормотухи почти закончил, вот хотел в него эту цитату воткнуть. Будет интересно посмотреть на сие творение )

IRIDON · 16.03.2010, 18:40 **Вверх**

Закидываем папку buttons в папку с картинками для своего стиля (обычно она находиться в папке images или корне сайта, также обычно называться так же как и ваш стиль).

Картинку quote-left.png закидываем в папку /images/misc/

Внимание!

Не забудьте сделать бекаб таблицы, за утерянную информацию я не отвечаю, мутку я сделал достаточно быстро потому не уверен в ней на 100% в случае обнаружения сбоев писать мне.

Находим таблицу bbcode_quote в своем стиле

Меняем все содержимое на это:

Код:

<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>

Потом заходим "Во все опции стиля" опускаемся в самый низ и в "Дополнительные определения 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;
}

файлы к квадратной цитате

IRIDON · 16.03.2010, 20:45 **Вверх**

Сообщение от Serberg

Я новый классический стиль для бормотухи почти закончил, вот хотел в него эту цитату воткнуть. Будет интересно посмотреть на сие творение )

В принципе можно модифицировать и сделать например закругленые края

Serberg · 16.03.2010, 21:31 **Вверх**

Сообщение от IRIDON

В принципе можно модифицировать и сделать например закругленые края

Так отлично смотрится, не нужно. работает отлично. Проверил уже.
Скоро доделаю и открою в паблик стиль )

KaZaX · 16.03.2010, 21:52 **Вверх**

все оке, но вот не задача
все видно правильно когда цитата от кого либо, вернее цитата выделенного
а вот когда просто [quote*] текст [/quote] текс по крайней мере у меня становится белым, и ничего не видно )
хотя ... все правильно сделал

Serberg · 16.03.2010, 22:08 **Вверх**

хотя ... все правильно сделал

А у меня все ок вроде

KaZaX · 16.03.2010, 22:59 **Вверх**

возможно потому что стиль темный ?
вопрос еще сразу :
как сделать цвет фона цитаты ( здесь он белый ) например серым, а текст в цитате черным или же белым ?

В принципе можно модифицировать и сделать например закругленые края

и это бы тоже желал увидеть, если это возможно, заранее благодарен

Оффтоп

IRIDON · 16.03.2010, 23:24 **Вверх**

Сообщение от KaZaX

возможно потому что стиль темный ?
вопрос еще сразу :
как сделать цвет фона цитаты ( здесь он белый ) например серым, а текст в цитате черным или же белым ?

легко можно сделать, просто немного вправить стиль.
Ищешь стиль (на примере этого стиля, не знаю как на твоем стиле) alt2Active и там ставишь фон.

Так отлично смотрится, не нужно. работает отлично. Проверил уже.
Скоро доделаю и открою в паблик стиль )

О, вижу новый стиль =) Да эти цитаты реально в тему.

KaZaX · 16.03.2010, 23:37 **Вверх**

IRIDON, из вашего поста я ничего так для себя информативного и не понял.
Извиняюсь, но можно как либо по конкретней, что где, как на что ...

IRIDON · 17.03.2010, 00:09 **Вверх**

Сообщение от KaZaX

IRIDON, из вашего поста я ничего так для себя информативного и не понял.
Извиняюсь, но можно как либо по конкретней, что где, как на что ...

Ищешь стиль (на примере этого стиля, не знаю как на твоем стиле) alt2Active и там ставишь фон.

А что не понятно то? Знаешь как заходить в настройки стиля? Вот заходишь и ищешь там стиль alt2Active и меняешь фон. невозможно каждый раз все подробно расписывать.

Serberg · 17.03.2010, 00:15 **Вверх**

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

IRIDON · 17.03.2010, 00:46 **Вверх**

Сообщение от Serberg

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

Ок, завтра сделаю и выложу

KaZaX · 17.03.2010, 10:13 **Вверх**

Сообщение от IRIDON

А что не понятно то? Знаешь как заходить в настройки стиля? Вот заходишь и ищешь там стиль alt2Active и меняешь фон. невозможно каждый раз все подробно расписывать.

именно не знаю, или возможно я не понял вас...

Зашел в редактирование шаблонов и все, ступор ...
Возможно не туда зашел ? ...
Извиняюсь, но я еще не спец в таких делах
Заранее благодарен

IRIDON · 17.03.2010, 13:34 **Вверх**

Сообщение от KaZaX

именно не знаю, или возможно я не понял вас...

Зашел в редактирование шаблонов и все, ступор ...
Возможно не туда зашел ? ...
Извиняюсь, но я еще не спец в таких делах
Заранее благодарен

Заходишь в управление стилями, потом нажимаешь на свои стиле "Вперед" откроются "Все опции стиля" там есть меню этого класса, что я давал выше, и там в пункте "Фон" уже меняешь цвет.

IRIDON · 17.03.2010, 20:09 **Вверх**

Сделал с цитату с закругленными концами, но вспомнил что предыдущую цитату я не проверил в IE6 и ужаснулся когда увидел что там оно не работает. Потому я все подправил. Извиняюсь что такое произошло.

Вот новый исправленный код:

Код:

.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;
}

Код:

<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>

П.С. Просьба заменить предыдущий код этим, сам не могу потому что не могу редактировать свои сообщения, скорее всего в группе запрещено редактирование свои сообщений.

IRIDON · 17.03.2010, 20:17 **Вверх**

Вот сделал цитату с закругленными краями, но IE начала выкидывать приколы, думал что ничего страшного (ведь приходиться их решать каждый раз как что то делаешь) но вот один подарочек майкрософта я решить пока не смог (смотрите ниже на скрине), во всех НОРМАЛЬНЫХ браузерах нормально работает.

Завтра еще чуток поковыряюсь, решу эту проблемку и выложу.

Serberg · 17.03.2010, 20:20 **Вверх**

Сообщение от IRIDON

П.С. Просьба заменить предыдущий код этим, сам не могу потому что не могу редактировать свои сообщения, скорее всего в группе запрещено редактирование свои сообщений.

Спасибо. Код поменял и в посте на первой странице тоже заменил. Проверил - работает.

Оффтоп

IRIDON · 18.03.2010, 15:55 **Вверх**

Обещанные цитаты с закругленными краями, устранил все глюки в IE6. Пользуйтесь.

Код:

<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>

Код:

.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;
}

папку buttons закинуть в папку картинок своего шаблона
папку misc загрузить в папку images

quote_kruglie_kraya (11.0 Кб)

Serberg · 18.03.2010, 17:39 **Вверх**

Оформил инструкцию по теме

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Цитаты с Баша	Amber	Юмор	221	11.05.2017 23:03
Оформление цитаты на vb 3.x от vb 4.x [Инструкция от IRIDON]	Serberg	Инструкции по vBulletin	18	14.07.2011 21:14
Полетело оформление	wolf blan	vBulletin 4.x	11	19.03.2011 12:37
оформление на заказ!	nick378	Доска объявлений	0	11.03.2011 19:57
Вопрос по Quick Quote - Хак быстрой цитаты выделенного	motos	vBulletin 3.х	10	09.03.2011 16:28