Simple Machines Community Forum

Customizing SMF => Tips and Tricks => Topic started by: admactanium on November 19, 2004, 07:45:13 PM

Title: my new nested quoting style
Post by: admactanium on November 19, 2004, 07:45:13 PM
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:

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fhomepage.mac.com%2Fjeffnee%2F.Pictures%2Fquotings.gif&hash=ff6186f5be899424892eafb1283e9d9d)

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

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fhomepage.mac.com%2Fjeffnee%2F.Pictures%2Fquote1.gif&hash=52f38ccbc4ae821d372e5d529c7ca500)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fhomepage.mac.com%2Fjeffnee%2F.Pictures%2Fquote2.gif&hash=3e66a40ea5cb7abafdd79f21ebedf41b)

any comments are appreciated.
Title: Re: my new nested quoting style
Post by: admactanium on November 19, 2004, 07:46:49 PM
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.
Title: Re: my new nested quoting style
Post by: Anguz on November 19, 2004, 09:22:54 PM
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
Title: Re: my new nested quoting style
Post by: admactanium on November 19, 2004, 09:39:08 PM
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.
Title: Re: my new nested quoting style
Post by: A.M.A on November 19, 2004, 09:47:26 PM
Nice .. thanks for sharing that.
Title: Re: my new nested quoting style
Post by: codenaught on November 19, 2004, 09:59:48 PM
This is VERY nice!  :D

It looks a lot better I personally think.

Thanks.
Title: Re: my new nested quoting style
Post by: ivytony on March 17, 2005, 09:40:58 PM
in which file should I add this snippet to change the quote styles??? rather confused....

help
Title: Re: my new nested quoting style
Post by: Anguz on March 17, 2005, 11:26:37 PM
The CSS file.