Topic: my new nested quoting style

[admactanium]

this is just me futzing around with the great work that ama did on his quoting style. i'm trying to emulate, or at least get close to, a vbulletin style quoting system. what i came up with is close but also better in some ways. forgive me if the php is messy, i'm new at playing around with this stuff.

Code: [Select]

/* A quote, perhaps from another post. */
.quote
{
     width: 95%;
     background-color: #dcd8eb;
     border-left: #808080 0px solid;
     border-right: #808080 0px solid;
     border-bottom: #808080 1px solid;
     padding: 4px;
     margin: 0px auto 8px;
     color: #000000;
     font-weight: bold;
}

/* Nested quotes alternating color. */
.quote .quote, .quote .quote .quote .quote, .quote .quote .quote .quote .quote .quote
{
     background-color: #EBEBEB;
}
.quote .quote .quote, .quote .quote .quote .quote .quote
{
     background-color: #dcd8eb;
}


/* The "Quote:" header parts... */
.quoteheader
{
     width: 95%;
     border-left: 0;
     border-right: 0;
     border-top: #808080 1px solid;
     padding: 3px;
     font-style: italic;
     font-weight: bold;
     font-size: x-small;
     font-color: #4D4D4D;
     margin: 8px auto 0px;
     background-position: center right;
     background-image: url(images/quote1.gif);
     background-repeat: no-repeat;
     background-color: #C5BEE3;
}

/* Nested quoteheaders alternating color. */
.quote .quoteheader, .quote .quote .quote .quoteheader, .quote .quote .quote .quote .quote .quoteheader
{
     background-color: #B9B9BA;
     background-position: center right;
     background-image: url(images/quote2.gif);
     background-repeat: no-repeat;
}
.quote .quote .quoteheader, .quote .quote .quote .quote .quoteheader
{
     background-color: #C5BEE3;
}

it ends up looking like this:



with these images being uploaded into your themename/image/ folder:




any comments are appreciated.

[admactanium]

i'm also still trying to get the quoting text at the top to simply say $username "said:" rather than all the specifics of when they posted. my board won't need that level of time specificity. i'd also like to remove the underline and make that text gray. any help would be appreciated.

[Anguz]

Good job on the styling. I remember a topic very much like this one in the Feature Requests, iirc.

I replied to the quoteheader topic with the solution.
http://www.simplemachines.org/community/index.php?topic=20180.msg162494#msg162494

[admactanium]

Good job on the styling. I remember a topic very much like this one in the Feature Requests, iirc.

I replied to the quoteheader topic with the solution.
http://www.simplemachines.org/community/index.php?topic=20180.msg162494#msg162494

yes, thank you. i figured out some of the padding issues in this style obviously. my main concern now was just formatting the quote header text. thanks agai.

[A.M.A]

Nice .. thanks for sharing that.

[codenaught]

This is VERY nice! 

It looks a lot better I personally think.

Thanks.

[ivytony]

in which file should I add this snippet to change the quote styles??? rather confused....

help

[Anguz]

The CSS file.