News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

my new nested quoting style

Started by admactanium, November 19, 2004, 07:45:13 PM

Previous topic - Next topic

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.

/* 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
Cristián Lávaque http://cristianlavaque.com

admactanium

Quote from: 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

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

Really sorry .. real life is demanding my full attention .. will be back soon hopefully :)

codenaught

This is VERY nice!  :D

It looks a lot better I personally think.

Thanks.
Dev Consultant
Former SMF Doc Coordinator

ivytony

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

help

Anguz

Cristián Lávaque http://cristianlavaque.com

Advertisement: