"Quote" like boxes

[Samster]

Hey,

I'm looking for the code that will let me put quote like boxes on my website,ie grey boxes which text can be appled on but i'm not sure whether it requires an image

Many Thanks

[beer]

u mean them annoying website thingys where a window pops up? if so,



<script>
alert ('hi')
alert ('this is well annoying innit')
</script>

and so on......

[Mentor]

What? As in like on a forum, abilty to quote text and forumat it? or alertboxs like lolly is displaying?

[redtom]

He wants the quote box or he would of said "I want a pop up", and yes you would needs an image.

[Mentor]

Since when did a quote box requre an image? all you needs a plain colour "/

[JoeComins]

Edit this to be in your CSS file:

.quotebox{
width: 100px;
height: auto;
background: #CCCCCC;
padding: 10px;
outline: #999999 1px dotted;
}

And in your page, where you want it, put

<div class="quotebox">YOUR QUOTED TEXT</div>

That would make a small grey box, with an outline and pading

[timROGERS]

Put this into your CSS if you want to use an image as the background of your quote (change the "/path/to/image" to the path to the image you want to tile). The border will be 2px thick and black:



#quote {
width:500px;
height:auto;
background:url(path/to/image);
outline: #000000 2px;
}

or this if you simply want a colour (black in my example, with white 2px border):



#quote {
width:500px;
height:auto;
background: #000000;
outline: #FFFFFF 2px;
}

And then to insert it into a page add:


<div id="quote">THE TEXT YOU WANT TO QUOTE</div>

EDIT: Joe beat me to it :P

[JoeComins]

hehe :)

[redtom]

Since when did a quote box requre an image? all you needs a plain colour "/

But they look crap like that, there 100% better with images.

[JoeComins]

But its not essential.

[Mentor]

But they look crap like that, there 100% better with images.
habbox doesnt use images?
thybag doesnt use images "/

in fact i know no where that does use images in a quote box "/

[redtom]

habbox doesnt use images?
thybag doesnt use images "/

in fact i know no where that does use images in a quote box "/

Theres many sites that do (ifskinzone does or used to on there many site as well as forums), anyway I dont want to and I can not be asked getting in a fight and spamming a thread over quote boxs.

[JoeComins]

So why keep posting? You've offered no valuable advice even

[Samster]

Thankyou everybody, and Joe,NintendoNews and Mentor:)

[Mentor]

Theres many sites that do (ifskinzone does or used to on there many site as well as forums), anyway I dont want to and I can not be asked getting in a fight and spamming a thread over quote boxs.
Who was starting a fight o.0 What the hell are you on about o.0

Plus who gives a crap what ifskinzone use, you said the quote boxs without images look crap. i pointed out habboxs quote boxs and the majority of others do in fact look perfectly fine when they do not use images "/

Ignoring the who cairs and taking the example anyway, ifskinzone only shove the corner image as an attmpt to make there 1.3 look more like the 2.x invision forum range, rather than any real astetic quality, You could remove it and i doubt anyone would notice "/

Nearly all quote boxs are simply a slightly darker or lighter, outlined space where quoted text is placed. its only purpose is to seperate this text from the main content "/

[Luckyrare]

<fieldset>
<legend>Quote</legend>
Quote goes here
</fieldset>I would use fieldset / legend for quote personaly.