MyBB Community Forums

Hi guys.

So I managed to sort of modify the quote to appear similar to vbulletin. Which is nice. I also used a plugin called vB Style Quotes

Causes quotes to use the simpler vB style syntax, eg, [quote=USERNAME;PID].

However what really helped me was this:

My code is:

blockquote {
	background: #FAFAE3 url(images/quote.png) top left no-repeat;
	color: #000000;
	border-color: #335C85;
	border: 1px solid #335C85;
	padding: 2px;
	padding-left: 30px;
	position: relative;
	word-wrap: break-word;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 2em;
	font-style: italic;
}
}

As such my quotes look like this now which is cool:



However what I want to change is how it's displayed the part that says Ahmed: test and the date time can it be displayed on top in this style so that in the quote itself is the original message only:

nice, and for the code?

well that's the thing lol i'm not sure how to change it so that the quote from: username on dat at time is changed outside of the box.

I want that to be outside of the box.


Anyone?

The CSS I was able to change the STYLE as its no longer square, different color, it is rounded, it has the little picture, but... i want to change the quote text to be in the box and the information about the quote outside of the box like the later picture.

Mine is like the big picture with ahmed username thats mine. bigbobs is the one i want to try to make it like.

---

No one understands what I'm trying to do? Or should I post this in another section?...

If you want to move the text you will need to edit the hardcode not the CSS, CSS only describes looks. Admin CP > Templates and Styles > Templates > Your template Set > postbit templates > postbit_quote

(2013-02-22, 09:59 PM)MuslimBB Wrote: [ -> ]well that's the thing lol i'm not sure how to change it so that the quote from: username on dat at time is changed outside of the box.

I want that to be outside of the box.


Anyone?

The CSS I was able to change the STYLE as its no longer square, different color, it is rounded, it has the little picture, but... i want to change the quote text to be in the box and the information about the quote outside of the box like the later picture.

Mine is like the big picture with ahmed username thats mine. bigbobs is the one i want to try to make it like.

---

No one understands what I'm trying to do? Or should I post this in another section?...

i would like to see the code to look like the quote..

(2013-02-23, 08:31 AM)Tindris Wrote: [ -> ]If you want to move the text you will need to edit the hardcode not the CSS, CSS only describes looks. Admin CP > Templates and Styles > Templates > Your template Set > postbit templates > postbit_quote

Hmm thanks for the help bro but isnt this just the reply button code or something?

<a href="newreply.php?tid={$tid}&amp;pid={$post['pid']}"><img src="{$theme['imglangdir']}/postbit_quote.gif" alt="{$lang->postbit_quote}" title="{$lang->postbit_quote}" /></a>

i see the newreply.php as a link?

i dont see anything in here about time or username or whatever? What I'm trying to achieve is have the rounded box contain the original message and on top the information by whom, when, etc... just like the second screenshot vs my current screenshot.

The css i posted changed the style which is great, but i want to change the appearance further by extracting on top outside of the box the username, subject, post id, time&date, etc... to sit on top of the box

---

It appears this dude was after the same thing I was talking about

http://community.mybb.com/thread-108173.html

I was just doing some firebug analysis and also came across that link where he talks about this:

Code:
<blockquote><cite><span> (December 19th, 2008 11:46 AM)</span><span class="highlight">Rcpalace</span> Wrote: <a href="http://community.mybboard.net/post-285873.html#pid285873" class="quick_jump">&nbsp;</a></cite>@ Edit 3, Unplugging your sata drive isn't a good idea while your system is running! You'll definitely damage it in the long run.</blockquote>


So it seems the "Cite" is the username info, the Span is the time date info and then the PID the little quick jump button Theeeen comes the quoted text.

So rearranging this... so that the 'cite' time whatever is outside of the box.. if that makes sense i dont know hmm im trying to figure out this so badly..

guys, how can i make the code line to look like here?

Here you go brother:

http://www.w3schools.com/css/css_border.asp

Although you should have creaed your own thread

HOWEVER back to my problem it looks like i'll have to modify core files or the vbquote.php I'm geting closer yes yes yes!! I'm persistent and there's no way i am gonna give up haha even if no one comes to the rescue!

http://community.mybb.com/archive/index....665-3.html

(2013-02-24, 07:10 AM)MuslimBB Wrote: [ -> ]Here you go brother:

http://www.w3schools.com/css/css_border.asp

Although you should have creaed your own thread

HOWEVER back to my problem it looks like i'll have to modify core files or the vbquote.php I'm geting closer yes yes yes!! I'm persistent and there's no way i am gonna give up haha even if no one comes to the rescue!

http://community.mybb.com/archive/index....665-3.html

thanks for your helps and sorry for hijacking your topic

Edit global.css and search for blockquote cite, then delete the line that begins with border-bottom.
It will look something like this: