Advertisement:

Author Topic: my new nested quoting style  (Read 20651 times)

Offline admactanium

  • Semi-Newbie
  • *
  • Posts: 96
my new nested quoting style
« 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:



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




any comments are appreciated.

Offline admactanium

  • Semi-Newbie
  • *
  • Posts: 96
Re: my new nested quoting style
« Reply #1 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.

Offline Anguz

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,430
  • Gender: Male
    • cristianlavaque.com
Re: my new nested quoting style
« Reply #2 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
Cristián Lávaque http://cristianlavaque.com

Offline admactanium

  • Semi-Newbie
  • *
  • Posts: 96
Re: my new nested quoting style
« Reply #3 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.

Offline A.M.A

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 2,133
  • Gender: Male
  • ..
Re: my new nested quoting style
« Reply #4 on: November 19, 2004, 09:47:26 PM »
Nice .. thanks for sharing that.
Really sorry .. real life is demanding my full attention .. will be back soon hopefully :)

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: my new nested quoting style
« Reply #5 on: November 19, 2004, 09:59:48 PM »
This is VERY nice!  :D

It looks a lot better I personally think.

Thanks.
Dev Consultant
Former SMF Doc Coordinator

Offline ivytony

  • Jr. Member
  • **
  • Posts: 122
Re: my new nested quoting style
« Reply #6 on: March 17, 2005, 09:40:58 PM »
in which file should I add this snippet to change the quote styles??? rather confused....

help

Offline Anguz

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,430
  • Gender: Male
    • cristianlavaque.com
Re: my new nested quoting style
« Reply #7 on: March 17, 2005, 11:26:37 PM »
The CSS file.
Cristián Lávaque http://cristianlavaque.com