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

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

vBulletin 3.х Раздел о vBulletin и всем что касается этого скрипта

Ответ
 
Опции темы Поиск в этой теме
Старый 16.03.2010, 13:44 Вверх   #1
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
Вопрос Как перетащить оформление цитаты с vb4 на vb3 ?

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

Может кто подсказать ?
  Ответить с цитированием
Старый 16.03.2010, 14:34 Вверх   #2
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

А где можно глянуть на Vb 4 ? Я б мог это сделать
  Ответить с цитированием
Cказали cпасибо:
Старый 16.03.2010, 14:40 Вверх   #3
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от IRIDON
А где можно глянуть на Vb 4 ? Я б мог это сделать
Да вот к примеру: _http://shop-scripts.com.ua/misc.php?do=bbcode

Снизу смотреть начинай вверх, там цитата будет Lorem ipsum dolor sit amet
  Ответить с цитированием
Старый 16.03.2010, 15:22 Вверх   #4
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Serberg Посмотреть сообщение
Да вот к примеру: _http://shop-scripts.com.ua/misc.php?do=bbcode

Снизу смотреть начинай вверх, там цитата будет Lorem ipsum dolor sit amet
У меня вопрос - где конфигурация Цитата?

Нашол

Последний раз редактировалось IRIDON; 16.03.2010 в 15:29..
  Ответить с цитированием
Старый 16.03.2010, 15:33 Вверх   #5
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от IRIDON Посмотреть сообщение
У меня вопрос - где конфигурация Цитата?
В смысле оформления ? Я так понимаю что в шаблоне bbcode_quote
  Ответить с цитированием
Старый 16.03.2010, 17:12 Вверх   #6
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

Фух сделал, осталось ток теги вставить =)
  Ответить с цитированием
Cказали cпасибо:
Старый 16.03.2010, 17:32 Вверх   #7
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от IRIDON Посмотреть сообщение
Фух сделал, осталось ток теги вставить =)
Я новый классический стиль для бормотухи почти закончил, вот хотел в него эту цитату воткнуть. Будет интересно посмотреть на сие творение )
  Ответить с цитированием
Старый 16.03.2010, 17:40 Вверх   #8
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию




Закидываем папку 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;
}
файлы к квадратной цитате

Последний раз редактировалось Serberg; 18.03.2010 в 16:41..
  Ответить с цитированием
2 пользователя(ей) сказали cпасибо:
Старый 16.03.2010, 19:45 Вверх   #9
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Serberg Посмотреть сообщение
Я новый классический стиль для бормотухи почти закончил, вот хотел в него эту цитату воткнуть. Будет интересно посмотреть на сие творение )
В принципе можно модифицировать и сделать например закругленые края
  Ответить с цитированием
Cказали cпасибо:
Старый 16.03.2010, 20:31 Вверх   #10
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от IRIDON Посмотреть сообщение
В принципе можно модифицировать и сделать например закругленые края
Так отлично смотрится, не нужно. работает отлично. Проверил уже.
Скоро доделаю и открою в паблик стиль )
  Ответить с цитированием
Старый 16.03.2010, 20:52 Вверх   #11
Грамотный форумчанин
 
Аватар для KaZaX
KaZaX вне форума
Доп. информация
По умолчанию

все оке, но вот не задача
все видно правильно когда цитата от кого либо, вернее цитата выделенного
а вот когда просто [quote*] текст [/quote] текс по крайней мере у меня становится белым, и ничего не видно )
хотя ... все правильно сделал
  Ответить с цитированием
Старый 16.03.2010, 21:08 Вверх   #12
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

хотя ... все правильно сделал
А у меня все ок вроде
  Ответить с цитированием
Старый 16.03.2010, 21:59 Вверх   #13
Грамотный форумчанин
 
Аватар для KaZaX
KaZaX вне форума
Доп. информация
По умолчанию

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

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


Оффтоп

Последний раз редактировалось KaZaX; 16.03.2010 в 22:02..
  Ответить с цитированием
Старый 16.03.2010, 22:24 Вверх   #14
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

Цитата Сообщение от KaZaX Посмотреть сообщение
возможно потому что стиль темный ?
вопрос еще сразу :
как сделать цвет фона цитаты ( здесь он белый ) например серым, а текст в цитате черным или же белым ?
легко можно сделать, просто немного вправить стиль.
Ищешь стиль (на примере этого стиля, не знаю как на твоем стиле) alt2Active и там ставишь фон.

Так отлично смотрится, не нужно. работает отлично. Проверил уже.
Скоро доделаю и открою в паблик стиль )
О, вижу новый стиль =) Да эти цитаты реально в тему.

Последний раз редактировалось IRIDON; 16.03.2010 в 22:29..
  Ответить с цитированием
2 пользователя(ей) сказали cпасибо:
Старый 16.03.2010, 22:37 Вверх   #15
Грамотный форумчанин
 
Аватар для KaZaX
KaZaX вне форума
Доп. информация
По умолчанию

IRIDON, из вашего поста я ничего так для себя информативного и не понял.
Извиняюсь, но можно как либо по конкретней, что где, как на что ...
  Ответить с цитированием
Старый 16.03.2010, 23:09 Вверх   #16
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

Цитата Сообщение от KaZaX Посмотреть сообщение
IRIDON, из вашего поста я ничего так для себя информативного и не понял.
Извиняюсь, но можно как либо по конкретней, что где, как на что ...
Ищешь стиль (на примере этого стиля, не знаю как на твоем стиле) alt2Active и там ставишь фон.
А что не понятно то? Знаешь как заходить в настройки стиля? Вот заходишь и ищешь там стиль alt2Active и меняешь фон. невозможно каждый раз все подробно расписывать.
  Ответить с цитированием
Cказали cпасибо:
Старый 16.03.2010, 23:15 Вверх   #17
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

IRIDON, напиши навсякий случай вариант с закругленными краями, потом можно будет в кучку собрать все соображения и разместить статью в разделе инструкций.
  Ответить с цитированием
Старый 16.03.2010, 23:46 Вверх   #18
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Serberg Посмотреть сообщение
IRIDON, напиши навсякий случай вариант с закругленными краями, потом можно будет в кучку собрать все соображения и разместить статью в разделе инструкций.
Ок, завтра сделаю и выложу
  Ответить с цитированием
Cказали cпасибо:
Старый 17.03.2010, 09:13 Вверх   #19
Грамотный форумчанин
 
Аватар для KaZaX
KaZaX вне форума
Доп. информация
По умолчанию

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

Зашел в редактирование шаблонов и все, ступор ...
Возможно не туда зашел ? ...
Извиняюсь, но я еще не спец в таких делах
Заранее благодарен
  Ответить с цитированием
Старый 17.03.2010, 12:34 Вверх   #20
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

Цитата Сообщение от KaZaX Посмотреть сообщение
именно не знаю, или возможно я не понял вас...

Зашел в редактирование шаблонов и все, ступор ...
Возможно не туда зашел ? ...
Извиняюсь, но я еще не спец в таких делах
Заранее благодарен
Заходишь в управление стилями, потом нажимаешь на свои стиле "Вперед" откроются "Все опции стиля" там есть меню этого класса, что я давал выше, и там в пункте "Фон" уже меняешь цвет.
  Ответить с цитированием
Старый 17.03.2010, 19:09 Вверх   #21
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

Сделал с цитату с закругленными концами, но вспомнил что предыдущую цитату я не проверил в 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>
П.С. Просьба заменить предыдущий код этим, сам не могу потому что не могу редактировать свои сообщения, скорее всего в группе запрещено редактирование свои сообщений.
  Ответить с цитированием
Cказали cпасибо:
Старый 17.03.2010, 19:17 Вверх   #22
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию



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



Завтра еще чуток поковыряюсь, решу эту проблемку и выложу.
  Ответить с цитированием
Cказали cпасибо:
Старый 17.03.2010, 19:20 Вверх   #23
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

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

Оффтоп
  Ответить с цитированием
Cказали cпасибо:
Старый 18.03.2010, 14:55 Вверх   #24
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
Радость


Обещанные цитаты с закругленными краями, устранил все глюки в 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; 09.03.2012 в 22:47..
  Ответить с цитированием
Cказали cпасибо:
Старый 18.03.2010, 16:39 Вверх   #25
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Оформил инструкцию по теме
  Ответить с цитированием
Cказали cпасибо:
Ответ

Метки
изменение цитаты, мод цитаты, модификация quote

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

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

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

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

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


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


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

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