Solved Gesior Color text bug!

lunara · Jun 21, 2016

Solved any moderator close this thread?

Nekiro · Jun 21, 2016

Yes there is.

Code:

<font color="black">text</font>

lunara · Jun 21, 2016

Thexamx said:
Yes there is.

Code:

<font color="black">text</font>

Code:

<font color="black">text</font>

In index?

Nekiro · Jun 21, 2016

lunara said:
Code:

<font color="black">text</font>

In index?

In place where you have "bugged" text.

lunara · Jun 21, 2016

Thexamx said:
In place where you have "bugged" text.

Then where I am find the bugged text?

Omni Cloud · Jun 21, 2016

lunara said:
When i download a theme to my gesior From Loleslav and get this bug color error i can't see the text of shop items!
I use gesior 0.3.8
http://2.1m.yt/KaJ3x6b.png

Is there a way to fix it?
Repp++

This is how css (Cascading Styling Sheets) works.

There is a hierarchy where each style has a precedence over the other.

The 1st type of css is Inline it overrides both External and Internal

HTML:

<h1 style="color:blue;margin-left:30px;">This is a heading.</h1>

The 2nd type is Internal which overrides External

HTML:

<head>
<style>
body {
    background-color: linen;
}

h1 {
    color: maroon;
    margin-left: 40px;
}
</style>
</head>

The 3rd type is External.

HTML:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

If your text is not appearing properly and was before you made changes, it is due to a change you made to 1 of the 3 css types.

lunara · Jun 21, 2016

Here is my css

Code:

/*
Template name: Decayed
Template URI: http://templates.arcsin.se/decayed-website-template/
Release date: 2007-05-12
Description: A dark trash style two-column website template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
html {min-height: 100%;}

* {
    margin: 0;
    padding: 0;
}

a {color: #CC3;}
a:hover {color: #FF3;}

body {
    background: #000 url('img/body.gif') no-repeat; /*  url(img/bg.jpg) repeat-x; */
    color: #DDD;
    font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
    padding-left: 90px;
}

p,code,ul,ol {padding-bottom: 1.2em;}

h1 {
    color: #CCC;
    font: normal 2em Impact,sans-serif;
}
h1 a {
    color: #000;
    text-decoration: none;
}
h1 a:hover {
    color: #F00;
}

h2 {font: normal 1.8em Tahoma,sans-serif;}

h1,h2 {padding-top: 6px;}

blockquote {
    color: #CCA;
    display: block;
    font-weight: bold;
    padding-left: 28px;
}

img {border: none;}

img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}
img.border {
    background: #555;
    display: block;
    padding: 3px;
}

/* misc */
.clearer {
    clear: both;
    font-size: 0;
}

.left {float: left;}
.right {float: right;}

.decay,.decay-small {
    background: url('img/decay.gif') no-repeat left center;
    color: #000;
    font: normal 2em Impact,sans-serif;
    letter-spacing: 1px;
    padding: 0 0 12px 22px;
}
.decay-small {
    background: url('img/decay-small.gif') no-repeat left center;
    padding-top: 6px;
}

p.postinfo {
    border-top: 1px dashed #333;
    color: #666;
    font: bold 0.9em sans-serif;
    margin-bottom: 24px;
    padding: 8px;
}
p.postinfo a {color: #888;}
p.postinfo a:hover {color: #CCC;}

/* structure */
#container {
    font-size: 1.3em;
}

/* title */
#site-title {font: normal 3em Tahoma,sans-serif;}
#site-title a {
    color: #DDD;
    text-decoration: ;
}
#site-title a:hover {
    color: #FFF;
    text-decoration: none;
}
#site-description {color: #CCC;}

/* content */
#content {
    left: 360px;
    position: absolute;
    top: 90px;
    width: 610px;
}
#content .descr {
    color: #8DC63F;
    margin-bottom: 6px;
}
#content li {margin-left: 18px;}

/* navigation */
#navigation {
    left: 120px;
    position: absolute;
    top: 290px;
    width: 210px;
}
#navigation h2 {
    color: #000;
    font-size: 1.5em;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}
#navigation ul {margin: 0 0 0 1em;}
#navigation li {list-style: none;}
#navigation li a {
    color: #777;
    font-size: 1.1em;
    line-height: 1.5em;
    text-decoration: none;
}
#navigation li a:hover {color: #8DCA3F;}

/* footer */
#footer {
    border-top: 1px dashed #333;
    color: #666;
    font: normal 0.9em sans-serif;
    position: absolute;
    top: 100%;
    width: 100%;
}
#footer a {
    color: #999;
    text-decoration: none;
}
#footer a:hover {
    color: #CCC;
    text-decoration: underline;
}
#footer .left, #footer .right {padding: 10px 0;}
#footer .right a {color: #777;}

Omni Cloud said:
This is how css (Cascading Styling Sheets) works.

There is a hierarchy where each style has a precedence over the other.

The 1st type of css is Inline it overrides both External and Internal

HTML:

<h1 style="color:blue;margin-left:30px;">This is a heading.</h1>

The 2nd type is Internal which overrides External

HTML:

<head> <style> body { background-color: linen; } h1 { color: maroon; margin-left: 40px; } </style> </head>

The 3rd type is External.

HTML:

<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

If your text is not appearing properly and was before you made changes, it is due to a change you made to 1 of the 3 css types.

Code:

/*
Template name: Decayed
Template URI: http://templates.arcsin.se/decayed-website-template/
Release date: 2007-05-12
Description: A dark trash style two-column website template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
html {min-height: 100%;}

* {
    margin: 0;
    padding: 0;
}

a {color: #CC3;}
a:hover {color: #FF3;}

body {
    background: #000 url('img/body.gif') no-repeat; /*  url(img/bg.jpg) repeat-x; */
    color: #DDD;
    font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
    padding-left: 90px;
}

p,code,ul,ol {padding-bottom: 1.2em;}

h1 {
    color: #CCC;
    font: normal 2em Impact,sans-serif;
}
h1 a {
    color: #000;
    text-decoration: none;
}
h1 a:hover {
    color: #F00;
}

h2 {font: normal 1.8em Tahoma,sans-serif;}

h1,h2 {padding-top: 6px;}

blockquote {
    color: #CCA;
    display: block;
    font-weight: bold;
    padding-left: 28px;
}

img {border: none;}

img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}
img.border {
    background: #555;
    display: block;
    padding: 3px;
}

/* misc */
.clearer {
    clear: both;
    font-size: 0;
}

.left {float: left;}
.right {float: right;}

.decay,.decay-small {
    background: url('img/decay.gif') no-repeat left center;
    color: #000;
    font: normal 2em Impact,sans-serif;
    letter-spacing: 1px;
    padding: 0 0 12px 22px;
}
.decay-small {
    background: url('img/decay-small.gif') no-repeat left center;
    padding-top: 6px;
}

p.postinfo {
    border-top: 1px dashed #333;
    color: #666;
    font: bold 0.9em sans-serif;
    margin-bottom: 24px;
    padding: 8px;
}
p.postinfo a {color: #888;}
p.postinfo a:hover {color: #CCC;}

/* structure */
#container {
    font-size: 1.3em;
}

/* title */
#site-title {font: normal 3em Tahoma,sans-serif;}
#site-title a {
    color: #DDD;
    text-decoration: ;
}
#site-title a:hover {
    color: #FFF;
    text-decoration: none;
}
#site-description {color: #CCC;}

/* content */
#content {
    left: 360px;
    position: absolute;
    top: 90px;
    width: 610px;
}
#content .descr {
    color: #8DC63F;
    margin-bottom: 6px;
}
#content li {margin-left: 18px;}

/* navigation */
#navigation {
    left: 120px;
    position: absolute;
    top: 290px;
    width: 210px;
}
#navigation h2 {
    color: #000;
    font-size: 1.5em;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}
#navigation ul {margin: 0 0 0 1em;}
#navigation li {list-style: none;}
#navigation li a {
    color: #777;
    font-size: 1.1em;
    line-height: 1.5em;
    text-decoration: none;
}
#navigation li a:hover {color: #8DCA3F;}

/* footer */
#footer {
    border-top: 1px dashed #333;
    color: #666;
    font: normal 0.9em sans-serif;
    position: absolute;
    top: 100%;
    width: 100%;
}
#footer a {
    color: #999;
    text-decoration: none;
}
#footer a:hover {
    color: #CCC;
    text-decoration: underline;
}
#footer .left, #footer .right {padding: 10px 0;}
#footer .right a {color: #777;}

Omni Cloud · Jun 21, 2016

I went to the website and found the template you are using, try changing the DDD in red below to FFF
body {
background: #000 url('img/body.gif') no-repeat; /* url(img/bg.jpg) repeat-x; */
color: #DDD;
font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
padding-left: 90px;
}

lunara · Jun 21, 2016

Omni Cloud said:
I went to the website and found the template you are using, try changing the DDD in red below to FFF
body {
background: #000 url('img/body.gif') no-repeat; /* url(img/bg.jpg) repeat-x; */
color: #DDD;
font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
padding-left: 90px;
}

I did change my #DDD; To #FFF; and still not work /:

Omni Cloud · Jun 21, 2016

lunara said:
I did change my #DDD; To #FFF; and still not work /:

Can't help you then, I would have to see it live to find the solution, can't really tell much from a picture.

lunara · Jun 21, 2016

Omni Cloud said:
Can't help you then, I would have to see it live to find the solution, can't really tell much from a picture.

ok

slavi · Jun 21, 2016

Can you link me this website.

lunara · Jun 21, 2016

Slavi Dodo said:
Can you link me this website.

you mean my site or the layout link?

slavi · Jun 21, 2016

The color is inhertied from body. ( which is gray)

Solution :
Add this class to the table ('text-black')

Open any css file (which is loaded from layout) and add

Code:

.text-black {
    color: black;
}

or if you want to specify to that table.

Code:

table.text-black td b {
    color: black;
}

lunara · Jun 21, 2016

Slavi Dodo said:
The color is inhertied from body. ( which is gray)

Solution :
Add this class to the table ('text-black')

Open any css file (which is loaded from layout) and add

Code:

.text-black { color: black; }

or if you want to specify to that table.

Code:

table.text-black td b { color: black; }

Where i add color black text?

Code:

/*
Template name: Decayed
Template URI: http://templates.arcsin.se/decayed-website-template/
Release date: 2007-05-12
Description: A dark trash style two-column website template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
html {min-height: 100%;}

* {
    margin: 0;
    padding: 0;
}

a {color: #CC3;}
a:hover {color: #FF3;}

body {
    background: #000 url('img/body.gif') no-repeat; /*  url(img/bg.jpg) repeat-x; */
    color: #DDD;
    font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
    padding-left: 90px;
}

p,code,ul,ol {padding-bottom: 1.2em;}

h1 {
    color: #CCC;
    font: normal 2em Impact,sans-serif;
}
h1 a {
    color: #000;
    text-decoration: none;
}
h1 a:hover {
    color: #F00;
}

h2 {font: normal 1.8em Tahoma,sans-serif;}

h1,h2 {padding-top: 6px;}

blockquote {
    color: #CCA;
    display: block;
    font-weight: bold;
    padding-left: 28px;
}

img {border: none;}

img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}
img.border {
    background: #555;
    display: block;
    padding: 3px;
}

/* misc */
.clearer {
    clear: both;
    font-size: 0;
}

.left {float: left;}
.right {float: right;}

.decay,.decay-small {
    background: url('img/decay.gif') no-repeat left center;
    color: #000;
    font: normal 2em Impact,sans-serif;
    letter-spacing: 1px;
    padding: 0 0 12px 22px;
}
.decay-small {
    background: url('img/decay-small.gif') no-repeat left center;
    padding-top: 6px;
}

p.postinfo {
    border-top: 1px dashed #333;
    color: #666;
    font: bold 0.9em sans-serif;
    margin-bottom: 24px;
    padding: 8px;
}
p.postinfo a {color: #888;}
p.postinfo a:hover {color: #CCC;}

/* structure */
#container {
    font-size: 1.3em;
}

/* title */
#site-title {font: normal 3em Tahoma,sans-serif;}
#site-title a {
    color: #DDD;
    text-decoration: ;
}
#site-title a:hover {
    color: #FFF;
    text-decoration: none;
}
#site-description {color: #CCC;}

/* content */
#content {
    left: 360px;
    position: absolute;
    top: 90px;
    width: 610px;
}
#content .descr {
    color: #8DC63F;
    margin-bottom: 6px;
}
#content li {margin-left: 18px;}

/* navigation */
#navigation {
    left: 120px;
    position: absolute;
    top: 290px;
    width: 210px;
}
#navigation h2 {
    color: #000;
    font-size: 1.5em;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}
#navigation ul {margin: 0 0 0 1em;}
#navigation li {list-style: none;}
#navigation li a {
    color: #777;
    font-size: 1.1em;
    line-height: 1.5em;
    text-decoration: none;
}
#navigation li a:hover {color: #8DCA3F;}

/* footer */
#footer {
    border-top: 1px dashed #333;
    color: #666;
    font: normal 0.9em sans-serif;
    position: absolute;
    top: 100%;
    width: 100%;
}
#footer a {
    color: #999;
    text-decoration: none;
}
#footer a:hover {
    color: #CCC;
    text-decoration: underline;
}
#footer .left, #footer .right {padding: 10px 0;}
#footer .right a {color: #777;}

slavi · Jun 21, 2016

Anywere, i.e. The end of the file.

lunara · Jun 21, 2016

Slavi Dodo said:
Anywere, i.e. The end of the file.

I did add the end of the file but still not work ):

Code:

.text-black {
    color: black;
}

Code:

/*
Template name: Decayed
Template URI: http://templates.arcsin.se/decayed-website-template/
Release date: 2007-05-12
Description: A dark trash style two-column website template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
html {min-height: 100%;}

* {
    margin: 0;
    padding: 0;
}

a {color: #CC3;}
a:hover {color: #FF3;}

body {
    background: #000 url('img/body.gif') no-repeat; /*  url(img/bg.jpg) repeat-x; */
    color: #DDD;
    font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
    padding-left: 90px;
}

p,code,ul,ol {padding-bottom: 1.2em;}

h1 {
    color: #CCC;
    font: normal 2em Impact,sans-serif;
}
h1 a {
    color: #000;
    text-decoration: none;
}
h1 a:hover {
    color: #F00;
}

h2 {font: normal 1.8em Tahoma,sans-serif;}

h1,h2 {padding-top: 6px;}

blockquote {
    color: #CCA;
    display: block;
    font-weight: bold;
    padding-left: 28px;
}

img {border: none;}

img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}
img.border {
    background: #555;
    display: block;
    padding: 3px;
}

/* misc */
.clearer {
    clear: both;
    font-size: 0;
}

.left {float: left;}
.right {float: right;}

.decay,.decay-small {
    background: url('img/decay.gif') no-repeat left center;
    color: #000;
    font: normal 2em Impact,sans-serif;
    letter-spacing: 1px;
    padding: 0 0 12px 22px;
}
.decay-small {
    background: url('img/decay-small.gif') no-repeat left center;
    padding-top: 6px;
}

p.postinfo {
    border-top: 1px dashed #333;
    color: #666;
    font: bold 0.9em sans-serif;
    margin-bottom: 24px;
    padding: 8px;
}
p.postinfo a {color: #888;}
p.postinfo a:hover {color: #CCC;}

/* structure */
#container {
    font-size: 1.3em;
}

/* title */
#site-title {font: normal 3em Tahoma,sans-serif;}
#site-title a {
    color: #DDD;
    text-decoration: ;
}
#site-title a:hover {
    color: #FFF;
    text-decoration: none;
}
#site-description {color: #CCC;}

/* content */
#content {
    left: 360px;
    position: absolute;
    top: 90px;
    width: 610px;
}
#content .descr {
    color: #8DC63F;
    margin-bottom: 6px;
}
#content li {margin-left: 18px;}

/* navigation */
#navigation {
    left: 120px;
    position: absolute;
    top: 290px;
    width: 210px;
}
#navigation h2 {
    color: #000;
    font-size: 1.5em;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}
#navigation ul {margin: 0 0 0 1em;}
#navigation li {list-style: none;}
#navigation li a {
    color: #777;
    font-size: 1.1em;
    line-height: 1.5em;
    text-decoration: none;
}
#navigation li a:hover {color: #8DCA3F;}

/* footer */
#footer {
    border-top: 1px dashed #333;
    color: #666;
    font: normal 0.9em sans-serif;
    position: absolute;
    top: 100%;
    width: 100%;
}
#footer a {
    color: #999;
    text-decoration: none;
}
#footer a:hover {
    color: #CCC;
    text-decoration: underline;
}
#footer .left, #footer .right {padding: 10px 0;}
#footer .right a {color: #777;}

.text-black {
    color: black;
}

slavi · Jun 21, 2016

Man, stop spamming, read carefully.

You added this, But did you add that class to the table itself wherever it's loaded.

lunara · Jun 21, 2016

Slavi Dodo said:
Man, stop spamming, read carefully.

You added this, But did you add that class to the table itself wherever it's loaded.

Solved Thank you anyway

I just need add a color code named #060401 on shop system.php
Thanks by http://www.colorhexa.com/060401

Code:

//show list of items offers
            if(count($offer_list['item']) > 0 or count($offer_list['container']) > 0 or count($offer_list['itemlogout']) > 0)
                $main_content .= '<center><table border="0" cellpadding="1" cellspacing="1" width="650"><tr width="650" bgcolor="#505050"><td colspan="3"><font color="white" size="4"><b>&nbsp;ITEMS</b></font></td></tr><tr bgcolor="#D4C0A1"><td width="50" align="center"><b>Picture</b></td><td width="350" align="left"><b>Description</b></td><td width="250" align="center"><b>Select product</b></td></tr>';
                if(count($offer_list['item']) > 0) {
                    foreach($offer_list['item'] as $item) {
                        $main_content .= '<tr bgcolor="#060401"><td align="center"><img src="item_images/'.$item['id'].'.gif"></td><td><b>'.$item['name'].'</b> ('.$item['points'].' points)<br />'.$item['description'].'</td><td align="center">';
                        if(!$logged) $main_content .= '<b>Login to buy</b>'; else
                        $main_content .= '<form action="index.php?subtopic=shopsystem&action=select_player" method=POST><input type="hidden" name="buy_id" value="'.$item['id'].'"><input type="submit" value="Buy '.$item['name'].'"><br><b>for '.$item['points'].' points</b></form>';
                        $main_content .= '</td></tr>';
                    }
                    $main_content .= '</table><br />';

slavi · Jun 22, 2016

This is generally bad solution.

You see this line

Code:

<center><table border="0" cellpadding="1" cellspacing="1" width="650"><tr width="650" bgcolor="#505050">

it should be (after you added the text-black to css)

Code:

<center><table border="0" cellpadding="1" cellspacing="1" width="650"><tr width="650" class="text-black">

Solved Gesior Color text bug!

Member

Legendary OT User

Member

Legendary OT User

Member

Banned User

Member

Banned User

Member

Banned User

Member

#define SLAVI32 _WIN32

Member

#define SLAVI32 _WIN32

Member

#define SLAVI32 _WIN32

Member

#define SLAVI32 _WIN32

Member

#define SLAVI32 _WIN32

Similar threads