Everything about [QUOTE] and [CODE] goes here

Air

Posts: 103

Reputation: 6

Message # 1 | 2:39 PM 2010-01-08

I've been working on a way to make the Quote and Code boxes look a bit better and was wondering out you change the border around the message... I want it to be a solid one color border and the normal code for that doesn't work. Instead it's always an inset/outset (not sure which one) border. Below is a picture.

Here's the code I'm working with.

Code

.codeMessage {background:#353535;font-size:9px;padding:10px;}
.quoteMessage {background:#353535;font-size:9px;padding:10px;}

and even if I change it to this code (below) it still won't appear correctly.

Code

.codeMessage {background:#353535;font-size:9px;padding:10px;border:1px solid #505050;}
.quoteMessage {background:#353535;font-size:9px;padding:10px;border:1px solid #505050;}

Attachments: 5201751.png (2.0 Kb)

Post edited by Air - Friday, 2010-01-08, 2:41 PM

kostova

Posts: 97

Reputation: 9

Message # 2 | 6:32 PM 2010-01-08

There should be a simple override command added to the border's css properties.

Code

border:1px solid #505050 !important;

The reason it's not working is because the actual coding already has an inline style specified, so it takes precedence over any new styles that you may be trying on it.

PredatoR

Posts: 132

Reputation: 0

Message # 3 | 11:14 PM 2011-01-26

I have problem with quote .

When some one quote then words are unvisible becouse quote background color is white and quote latters are white .
How can i fix it , to change latters to diferent collor .

.:[ If i helped you please pump up my Reputation and give me award :) ]:.

rebelion

Posts: 130

Reputation: 4

Message # 4 | 3:14 AM 2011-01-27

PredatoR, go to your css and find "quote" using control+F it should look something like this

Code

.quoteMessage {background:#555555;font-size:9px;}

If you're code doesn't have the code

Code

color: #9000A1;

add it so make it look like this
[code].quoteMessage {background:#555555;font-size:9px;color: #9000A1;}
and change the numbers to the color you want. If you need help with colors go to HTML color codes

project-implement.com join rsps 508/525

SDMTEAM

Posts: 84

Reputation: 0

Message # 5 | 7:40 AM 2011-02-09

CodeMessage & quoteMessage add the BackGround Image & change Fonts Color

My current Code this Is
.codeMessage {background:#353535;font-size:10px;padding:10px;border:1px solid #505050;}
.quoteMessage {background:#353535;font-size:10px;padding:10px;border:1px solid #505050;}

I have Like This

1.Fonts Size
2.Fonts Color is Black #0f0f0f
3.Boarder style
4.Background Image Links : http://sdmteam.ucoz.org/Image/Test1.jpg

Attachments: 0513217.png (70.1 Kb)

Natashko

Posts: 3366

Reputation: 171

Message # 6 | 9:25 AM 2011-02-09

SDMTEAM,
to change the background and the font color to what you want change this
{background:#353535;font-size:10px;padding:10px;border:1px solid #505050;}
into
{background:#ffff00;font-size:10px;padding:10px;border:1px solid #a8a824;color: #0f0f0f;}

SDMTEAM

Posts: 84

Reputation: 0

Message # 7 | 10:28 AM 2011-02-09

Quote (Natashko)

SDMTEAM,
to change the background and the font color to what you want change this
{background:#353535;font-size:10px;padding:10px;border:1px solid #505050;}
into
{background:#ffff00;font-size:10px;padding:10px;border:1px solid #a8a824;color: #0f0f0f;}

1) I have change Background color to Image, how to add this Image in background http://sdmteam.ucoz.org/Image/Test1.jpg
2) remove scroll site bar view in Full text
look this

Attachments: 4793520.png (12.5 Kb)

Natashko

Posts: 3366

Reputation: 171

Message # 8 | 12:36 PM 2011-02-09

SDMTEAM, we do not recommend you to change the background into this image http://sdmteam.ucoz.org/Image/Test1.jpg It will not look very good. That is why we suggested you to substitute the background with the yellow color that is similar to your image. But the last post confused me. Do you want a yellow color or a grey color?
To remove scroll bar add this max-height: auto !important; overflow: visible !important; to the classes of quoteMessage and codeMessage in the CSS

SDMTEAM

Posts: 84

Reputation: 0

Message # 9 | 8:21 AM 2011-02-11

Quote (Natashko)

SDMTEAM, we do not recommend you to change the background into this image http://sdmteam.ucoz.org/Image/Test1.jpg It will not look very good. That is why we suggested you to substitute the background with the yellow color that is similar to your image. But the last post confused me. Do you want a yellow color or a grey color?
To remove scroll bar add this max-height: auto !important; overflow: visible !important; to the classes of quoteMessage and codeMessage in the CSS

Thanks For Its

I have Change the Background Color This Is new Background http://sdmteam.ucoz.org/Image/dkSback.gif

This Is My Code & Quite Message

.codeMessage {background:#ffff00;font-size:12px;padding:12px;border:1px solid #a8a824;color: #0f0f0f;max-height: auto !important; overflow: visible !important;}
.quoteMessage {background:#ffff00;font-size:12px;padding:12px;border:1px solid #a8a824;color: #0f0f0f;max-height: auto !important; overflow: visible !important;}

But This Is Not Working Nice Look This http://sdmteam.ucoz.org/forum/7-372-1
& add the Background Color Image

Natashko

Posts: 3366

Reputation: 171

Message # 10 | 11:14 AM 2011-02-11

SDMTEAM,to change the background color of the quoted and codded messages insert the url of the image in the code here
.codeMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif);font-size:12px;padding:12px;border:1px solid #a8a824;color: #0f0f0f;max-height: auto !important; overflow: visible !important;}
.quoteMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif);font-size:12px;padding:12px;border:1px solid #a8a824;color: #0f0f0f;max-height: auto !important; overflow: visible !important;}

SDMTEAM

Posts: 84

Reputation: 0

Message # 11 | 3:46 AM 2011-02-12

Quote (Natashko)

SDMTEAM,to change the background color of the quoted and codded messages insert the url of the image in the code here
.codeMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif);font-size:12px;padding:12px;border:1px solid #a8a824;color: #0f0f0f;max-height: auto !important; overflow: visible !important;}
.quoteMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif);font-size:12px;padding:12px;border:1px solid #a8a824;color: #0f0f0f;max-height: auto !important; overflow: visible !important;}

Not Work Properly Look This Site & image
http://sdmteam.ucoz.org/forum/7-381-1#419

Attachments: 8045881.png (17.5 Kb)

Natashko

Posts: 3366

Reputation: 171

Message # 12 | 10:37 PM 2011-02-15

SDMTEAM, you need to add !important; like this .codeMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif)!important; and this .quoteMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif)!important;
Do not forget to put !important; after max-height: as well. It should be changed from auto into 9999px

SDMTEAM

Posts: 84

Reputation: 0

Message # 13 | 7:59 AM 2011-02-17

Quote (Natashko)

SDMTEAM, you need to add !important; like this .codeMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif)!important; and this .quoteMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif)!important;
Do not forget to put !important; after max-height: as well. It should be changed from auto into 9999px

Look This Site http://sdmteam.ucoz.org/forum/7-482-1

My .codeMessage
.codeMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif);font-size:12px;padding:12px;border:1px solid #a8a824;color: #0f0f0f;max-height:2000px; overflow: visible !important;}

My .quoteMessage
.quoteMessage {background:url (http://sdmteam.ucoz.org/Image/dkSback.gif);font-size:12px;padding:12px;border:1px solid #a8a824;color: #0f0f0f;max-height: auto !important; overflow: visible !important;}

But Not work what is wrong

Natashko

Posts: 3366

Reputation: 171

Message # 14 | 1:43 PM 2011-02-17

SDMTEAM, if you ask for help, please follow the advice. You didn't follow this:

Quote (Natashko)

It should be changed from auto into 9999px

Second of all, .codeMessage and .quoteMessage is written twice. You need to leave the variant we suggested you and remove the original one. In this way it will work.

SDMTEAM

Posts: 84

Reputation: 0

Message # 15 | 11:03 AM 2011-02-22

Quote (Natashko)

SDMTEAM, if you ask for help, please follow the advice. You didn't follow this:
Quote (Natashko)
It should be changed from auto into 9999px

Second of all, .codeMessage and .quoteMessage is written twice. You need to leave the variant we suggested you and remove the original one. In this way it will work.

Please
what Is code Please Write here i Am copy past there Thanks ...