|
|
vBulletin 3.х Раздел о vBulletin и всем что касается этого скрипта |
|
Опции темы | Поиск в этой теме |
16.03.2010, 14:44 Вверх | #1 | |||
Коварный тип
|
Как перетащить оформление цитаты с vb4 на vb3 ?
Так как я вообще не силен в CSS меня очень заинтересовал вопрос переноса оформления цитаты из vb4 на vb3. Выглядит она там довольно красиво.
Может кто подсказать ? |
|||
16.03.2010, 15:40 Вверх | #3 | |||
Коварный тип
|
Сообщение от IRIDON
Снизу смотреть начинай вверх, там цитата будет Lorem ipsum dolor sit amet |
|||
16.03.2010, 18:40 Вверх | #8 | |||
.:V.I.P.:.
|
Закидываем папку 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> Код:
.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 в 17:41.. |
||||
16.03.2010, 21:52 Вверх | #11 | |||
Грамотный форумчанин
|
все оке, но вот не задача
все видно правильно когда цитата от кого либо, вернее цитата выделенного а вот когда просто [quote*] текст [/quote] текс по крайней мере у меня становится белым, и ничего не видно ) хотя ... все правильно сделал |
|||
16.03.2010, 22:59 Вверх | #13 | |||
Грамотный форумчанин
|
возможно потому что стиль темный ?
вопрос еще сразу : как сделать цвет фона цитаты ( здесь он белый ) например серым, а текст в цитате черным или же белым ? Оффтоп |
|||
Последний раз редактировалось KaZaX; 16.03.2010 в 23:02.. |
||||
16.03.2010, 23:24 Вверх | #14 | |||
.:V.I.P.:.
|
легко можно сделать, просто немного вправить стиль.
Ищешь стиль (на примере этого стиля, не знаю как на твоем стиле) alt2Active и там ставишь фон. Скоро доделаю и открою в паблик стиль ) |
|||
Последний раз редактировалось IRIDON; 16.03.2010 в 23:29.. |
||||
17.03.2010, 00:15 Вверх | #17 | |||
Коварный тип
|
IRIDON, напиши навсякий случай вариант с закругленными краями, потом можно будет в кучку собрать все соображения и разместить статью в разделе инструкций.
|
|||
17.03.2010, 20:09 Вверх | #21 | |||
.:V.I.P.:.
|
Сделал с цитату с закругленными концами, но вспомнил что предыдущую цитату я не проверил в 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, 20:17 Вверх | #22 | |||
.:V.I.P.:.
|
Вот сделал цитату с закругленными краями, но IE начала выкидывать приколы, думал что ничего страшного (ведь приходиться их решать каждый раз как что то делаешь) но вот один подарочек майкрософта я решить пока не смог (смотрите ниже на скрине), во всех НОРМАЛЬНЫХ браузерах нормально работает. Завтра еще чуток поковыряюсь, решу эту проблемку и выложу. |
|||
Cказали cпасибо: |
18.03.2010, 15:55 Вверх | #24 | |||
.:V.I.P.:.
|
Обещанные цитаты с закругленными краями, устранил все глюки в 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; } папку misc загрузить в папку images quote_kruglie_kraya (11.0 Кб) |
|||
Последний раз редактировалось Serberg; 09.03.2012 в 23:47.. |
||||
Cказали cпасибо: |
Метки |
изменение цитаты, мод цитаты, модификация quote |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Цитаты с Баша | 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 |