2013-02-23, 01:37 AM
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:
As such my quotes look like this now which is cool:
![[Image: 171032test.png]](https://camo.mybb.com/abc4538bc66d57744e3cff683f3c7c94e5b44693/687474703a2f2f7777772e75706c2e636f2f75706c6f6164732f313731303332746573742e706e67)
However I want to further change it what I'd actually like is to display it like this:
![[Image: test2.png]](https://camo.mybb.com/fc395c4135aab216faaa97b98abe2724563637aa/687474703a2f2f7777772e75706c2e636f2f75706c6f6164732f74657374322e706e67)
So that the original message is in the 'quote box' but that the who wrote it and when to be outside.
How would I go about achieving this? This is clearly not a CSS modification but I am guessing a template change SOMEWHERE and I can't figure it out...
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 I want to further change it what I'd actually like is to display it like this:
So that the original message is in the 'quote box' but that the who wrote it and when to be outside.
How would I go about achieving this? This is clearly not a CSS modification but I am guessing a template change SOMEWHERE and I can't figure it out...