Quote&Code Enhanced!

Started by A.M.A, August 24, 2004, 06:54:13 PM

Previous topic - Next topic

A.M.A

This is some effect I've found in other forums and like it.

Sample:



1. Upload the two images ( - ) to your 'Themes\default\images' folder.
2. Open 'style.css' and look for :
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #C3B8D0;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #cccccc;
border: 1px solid #000000;
padding: 1px;
font-family: "courier new", helvetica, "times new roman", serif;
font-size: x-small;
width: 99%;
margin: 1px auto 1px auto;
white-space: nowrap;
overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
}

delete it and replace it with this one:
/* A quote, perhaps from another post. */
.quote
{
border-left: #808080 6px solid;
border-right: #808080 1px solid;
border-bottom: #808080 1px solid;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 4px;
padding-top: 4px;
margin: 0px auto 8px;
color: #465584;
background-color: #ffffff;
font-size: x-small;
}

/* The "Quote:" header parts... */
.quoteheader
{
border-left: #808080 6px solid;
border-right: #808080 1px solid;
border-top: #808080 1px solid;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 3px;
padding-top: 3px;
font-weight: bold;
font-size: 13px;
margin: 8px auto 0px;
color: #000000;
background-position: right 50%;
background-image: url(images/quoteh.gif);
background-repeat: no-repeat;
background-color: #f2f3f4;
}

/* A code block - maybe even PHP ;). */
.code
{
border-left: #c0c0c0 1px solid;
border-right: #c0c0c0 1px solid;
border-bottom: #c0c0c0 1px solid;
border-top: #e1e1e1 1px solid;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 2px;
padding-top: 2px;
margin: 0px auto;
width: 99%;
color: #465584;
background-color: #f2f3f4;
font-family: courier new, helvetica, times new roman, serif;
font-size: x-small;
white-space: nowrap;
overflow: auto;
}

/* The "Code:" header parts... */
.codeheader
{
border-left: #c0c0c0 1px solid;
border-right: #c0c0c0 1px solid;
border-top: #c0c0c0 1px solid;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: bold;
font-size: 13px;
margin: 0px auto;
width: 99%;
color: #000000;
background-position: right 50%;
background-image: url(images/codeh.gif);
background-repeat: no-repeat;
background-color: #f7f7f7;
}
Really sorry .. real life is demanding my full attention .. will be back soon hopefully :)

Cypher7

looks nice!

what does a quote within a quote look like?

A.M.A

Quote from: Cypher7 on August 24, 2004, 07:04:23 PM
looks nice!

what does a quote within a quote look like?
like this:
Really sorry .. real life is demanding my full attention .. will be back soon hopefully :)

Cypher7


A.M.A

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

Tony Reid

Tony Reid

[darksteel]




Luis "[darksteel]" Alvarado.
Spanish Support
¿Qué es el repair_settings?
No doy soporte por PM, publica tu duda en el foro y tendras respuestas mas rapidas.
My forum:
www.caamboard.com

nil

Very nice!

It looks very professional.

Søren Bjerg

Awesome! Saw this on another forum some time ago too (can't remember which it was), and wanted to get it on mine too... but I never got around to trying how to do it... so this is great :).

*thumbs up*
RUNE HORDES dot INFO - SMF 1.1.10 w/ Custom Profile Mod... and various permissions hooks and template changes (new topic form).

Ben_S

Liverpool FC Forum with 14 million+ posts.

A.M.A

thanks all :) am glad you find it of use.
Really sorry .. real life is demanding my full attention .. will be back soon hopefully :)

Cypher7

Quote from: Ben_S on September 12, 2004, 12:00:49 PM
Nice, added it to my board.

Ben, just a heads up... it doesn't seem to be working properly on your site... tried in IE and Firefox??

Tristan Perry

Quote from: Cypher7 on September 13, 2004, 12:24:41 PM
Ben, just a heads up... it doesn't seem to be working properly on your site... tried in IE and Firefox??
It works fine for me, tested in IE and Firefox...Is it just Ben's board you see the quote like that?

Cypher7

Quote from: Tau Online on September 13, 2004, 12:47:31 PM
Quote from: Cypher7 on September 13, 2004, 12:24:41 PM
Ben, just a heads up... it doesn't seem to be working properly on your site... tried in IE and Firefox??
It works fine for me, tested in IE and Firefox...Is it just Ben's board you see the quote like that?

Yup... although I've only checked a few... and by a few, I mean one!!

Søren Bjerg

The quotes on Ben_S's site looks like they're supposed to in those threads I just checked out (using Firefox) :).
RUNE HORDES dot INFO - SMF 1.1.10 w/ Custom Profile Mod... and various permissions hooks and template changes (new topic form).

Ben_S

#15
Quote from: Cypher7 on September 13, 2004, 12:24:41 PM
Quote from: Ben_S on September 12, 2004, 12:00:49 PM
Nice, added it to my board.

Ben, just a heads up... it doesn't seem to be working properly on your site... tried in IE and Firefox??

Hmm, odd works fine in firefox for me, not looked in IE but noone has mentioned anything.

Just looked in IE and it looks ok too, although as a side note I've just noticed it stops the css from validating, will take a look at that tomorrow.
Liverpool FC Forum with 14 million+ posts.

Cypher7

Quote from: Ben_S on September 13, 2004, 07:32:39 PM
Hmm, odd works fine in firefox for me, not looked in IE but noone has mentioned anything.

Just looked in IE and it looks ok too, although as a side note I've just noticed it stops the css from validating, will take a look at that tomorrow.

Just tried using IE/Firefox on a brand new XP Pro machine... same problem!?!

Søren Bjerg

Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20040913 Firefox/0.10
IE 6.0.2900.2180.xpsp_sp2_rtm.040803-2158

Still looks right to me in both.
RUNE HORDES dot INFO - SMF 1.1.10 w/ Custom Profile Mod... and various permissions hooks and template changes (new topic form).

Ben_S

Odd, looks fine to me in both IE and Firefox on 3 different computers.

My members don't seem to like it though.
Liverpool FC Forum with 14 million+ posts.

Cypher7

Quote from: Ben_S on September 14, 2004, 01:45:41 PM
Odd, looks fine to me in both IE and Firefox on 3 different computers.

My members don't seem to like it though.

Odd indeed, I tried it on my machine at home and my bro's machine... and still it wasn't putting the link in properly!?

Members probably don't like it cos they don't like change...!

Advertisement: