TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
Stats
  • Total Posts: 196,021
  • Total Topics: 21,332
  • Online today: 926
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 335
  • Total: 335

Quotes in .css file (resolved)

Started by bluedevil, November 22, 2007, 04:37:59 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

bluedevil

I added a .gif for quoting posts


.css file:


/* A quote, perhaps from another post. */
.quote
{
   color: #FFC300;
   background: #272727 url(images/startquote.gif) 4px 4px no-repeat;
   border: 1px solid #CFCFCF;
   margin: 15px;
   padding: 15px;
   font-size: x-small;
   line-height: 1.4em;

But as you can see,the post is right on top of the image.

http://www.midwestavalancheclub.com/index.php?topic=1728.msg14927#new


How is this fixed?   Also,is it possible to add an end quote like this?


Zetan

A few of icrips themes has these, and I think there is a topic about it at *cough* SMF  :)
I've been adding similar to my quotes, but just the top section.

IchBin

This is something you'll have to add to the display.template.php manually. Of course, just grab a theme that has it and look to see how they did it. :)

bluedevil

Quote from: IchBinâ,,¢ on November 22, 2007, 05:25:08 PM
This is something you'll have to add to the display.template.php manually. Of course, just grab a theme that has it and look to see how they did it. :)

Good idea!    But i wonder,which theme has this?

bluedevil

OK. I got it.  Tip found here:
http://www.netmechanic.com/news/vol6/css_no9.htm

I added:

white-space:wrap;

and changed from 5px to 30px:

margin: 30px;
padding: 30px;


it looks like this now

/* A quote, perhaps from another post. */
.quote
{
   color: #FF9900;
   background: #272727 url(images/startquote.gif) 4px 4px no-repeat;
                white-space:wrap;
                border: 1px solid #666666;
   margin: 30px;
   padding: 30px;
   font-size: x-small;
   line-height: 1.4em;
}

bluedevil

I looked on most of the themes over at porkys and didnt find any cool quotes.

bluedevil

#6
Got it.


{
   color: #FF9900;
   background: #272727 url(images/startquote.gif) 4px 4px no-repeat;
   border: 1px solid #666666;
   margin: 20px;
   padding: 10px 10px 10px 40px;
   font-size: x-small;
   line-height: 1.4em;
}

Zetan

sweet  :up:
thats a lot smaller than the code crip uses.

psssst... don't forget the Code box  ;)

bluedevil

#8
Quote from: ZTN on November 23, 2007, 09:23:28 PM
sweet  :up:
thats a lot smaller than the code crip uses.

psssst... don't forget the Code box  ;)

Oops. I used the wrong box. Fixed.

whoesa

Lol you always seem to be asking the same questions everywhere.  :o

This website is proudly hosted on Crocweb Cloud Website Hosting.