Upgrade from 2.0.9 to 2.6.11 problem

[azism]

Actually, all is going fine except for one thing. My color scheme is no longer working. I see there is no colors.css in the 2.6.11. So am I to assume the colors.css has been removed and its duties assumed by style.css? The big problem has been getting my background to work properly. Could someone please clarify this for me? Thanks in advance!

[Thorsten]

Hi,

yes, colors.css was merged into style.css in version 2.5

bye
Thorsten

[azism]

Okay, now that I understand that, maybe I can get my look back. Thanks for the info!

[azism]

Oh boy, am I biting off more than I can chew? I guess I really don't understand the CSS concept all that well.

More than ever I'm trying to figure out how I ever got what I wanted with colors.css to work, as I sure can't figure out style.css.

I guess I will use the default for now and try again after the holiday. I may be able to do some html and a little php coding, but the .tpl and .css, I guess not so much.

What I am looking for is for the entire background to look like the following:

[Thorsten]

Hi,

just add the background image in template/default/style.css, line 31. In this line the background is defined.

bye
Thorsten

[azism]

That was my thought also. So I created the background I desired into a png file and renamed it to background.png and uploaded it to my website after renaming the original file. All I see is the header looking different. I like my background as it is easier on the eyes when reading on a monitor.


My site is a http://www.ti99ers.org and the link to the FAQ is http://www.ti99ers.org/phpmyfaq (easily found on the site main page), or even in my signature line here.

[azism]

I still have one weird thing. When wanting to add a FAQ, all the input fields are of a cream colored background except for the "Answer" field which is the same as the background.png graphic. I have been looking and looking, but no luck. I assume it is a really obvious thing, but I can not see the reason for this one field not having the creme colored background.

Suggestion(s)???

[Thorsten]

Hi,

do you mean in the admin section? That's because the editor uses the stylesheet of the frontend to look equal...

bye
Thorsten

[azism]

do you mean in the admin section?

No, the section used by any non-admin added FAQ (http://www.ti99ers.org/phpmyfaq/index.p ... action=add)

[Thorsten]

Hi,

ah, okay. You can add this in your style.css:

Code: Select all

.inputarea { background: white; }

bye
Thorsten

[azism]

Where in the following code should that entry go?

/* General */
body { font: .8em 'Trebuchet MS', 'Nimbus Sans L', sans-serif; padding: 1em; margin: 0; background: url(../../images/background.png) repeat-x; }
td { font-size: .8em; }
a:link, a:visited { color: #191970; border-bottom: 1px dotted #bbb; text-decoration: none; }
h3 a:link, h3 a:visited { border: 0;}
h3 img { vertical-align: middle; }
a:hover {background: url(../../images/background.png); }
form { margin: 0; padding: 0; }
.inputarea { background: white; }


a img, img { border: 0; }
pre { padding: 0.5em; background: url(../../images/background.png) repeat-x; border: 1px solid #ddd; overflow: auto; }

ul { list-style: square; }
abbr { border-bottom: 1px dotted #999; }

/* Structure */
#content { background: url(../../images/background.png); max-width: 1400px; margin: auto; }
#header { height: 3em; }
#header ul { margin: 0; padding: 0; list-style: none; font-size: 1em; font-weight: bold; line-height: 1em; height: 1em; float: right; }
#header li { float: right; padding: 0 1em 0 0; margin: 0; }
#header h1 { font-size: 1.5em; height: 1.2em; float: left; padding: 0; margin: 0; }
#header h1 a { background: url(../../images/background.png); }

/* Categories */
#categories { width: 200px; }
#categories ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid gray; }
#categories ul ul, #categories ul ul ul, #categories ul ul ul ul, #categories ul ul ul ul ul { border-top: 0; }
#categories li { margin: 0; padding: 0; }
#categories li a { background-image:url(../../images/background.png); display: block; border-bottom: 1px solid gray; text-decoration: none; height: 100%; padding: .5em 0 .5em .5em; }
#categories li ul a { padding-left: 1em; }
#categories ul ul ul a { padding-left: 2em; }
#categories ul ul ul ul a { padding-left: 3em; }
#categories ul ul ul ul ul a { padding-left: 4em; }
#categories .active { font-weight: bold; }
#categories .subcat .active {}

#langform { padding: .5em 0; }
label { display: block; }
.leftcolumn .inputfield { width: 98%; }
.leftcolumn .language { width: 100%; }
#useronline { margin-top: 1em; text-align: center; }

/* Misc */
#topten, #latest, #tagcloud, #allcategoryarticles, #stickyrecords { margin-bottom: 1em; }
#topten h3, #latest h3, #tagcloud h3, #allcategoryarticles h3, #stickyrecords h3 { font-size: 135%; margin-bottom: 5px; padding: 4px 4px 2px 4px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
#topten img, #latest img { float: right; margin-top: -16px; }
#topten ol, #latest ol { margin-left: 15px; list-style-type: decimal; }
#topten li, #latest li { list-style-type: decimal; }
#tagcloud .relevance1 { font-size: 80%; }
#tagcloud .relevance2 { font-size: 100%; }
#tagcloud .relevance3 { font-size: 120%; }
#tagcloud .relevance4 { font-size: 140%; }
#tagcloud .relevance5 { font-size: 160%; }

/* Main content */
.main-content { margin: 0; padding: 0 220px 1em 220px; }
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5 { margin-bottom: 0.5em; }
.main-content pre, .main-content code { white-space: pre; }
.main-content #solution_id { float: right; }
.main-content table { overflow: scroll; }
.main-content form { width: 99%; }
.main-content label.left { float: left; text-align: right; width: 150px; margin-right: 0.3em; }
.main-content form br { clear: both; }
#article_category { font-size: 1.5em; }
#search { padding: 0; margin: 0; width: auto; }
#search input, #instantfield { vertical-align: middle; font-size: 1.5em; font-weight: bold; }

/* Main columns definitions */
.leftcolumn { float: left; left: 0px; width: 200px; margin-bottom: 1em; }
.rightcolumn { position: static; float: right; width: 200px; margin-bottom: 1em; }
.rightcolumn ol { margin: 0 0 0 25px; padding: 0; }
html>body .rightcolumn ol { margin: 0 0 0 20px; padding: 0; }

/* Footer */
#footer { margin-top: 1em; clear: both; border-top: 1px solid #ddd; color: #aaa; font-size: 11px }
#footer a:link, #footer a:visited { color: #aaa; }

/* Main classes */
.invisible { display: none; }
a.rss:link, a.rss:visited { background: url(../../images/background.png) repeat-x; color: #fff; font: 9px normal Verdana, sans-serif; border-top: 1px solid #ffb627; border-left: 1px solid #ffb627; border-right: 1px solid #ab4800; border-bottom: 1px solid #ab4800; padding: 0 2px; text-transform: uppercase; vertical-align: middle; }
.clearing { clear: both; display: none; }
.highlight { background: #fff; padding: 0 .2em; font-weight: bold; }
#action { text-align: center; margin: 5px; }
p#action img { vertical-align: middle; }
#version, #copyright { margin-top: 1em; text-align: center; }

[Thorsten]

Hi,

at the end...

bye
Thorsten

[azism]

That didn't help.

[Thorsten]

HI,

you can also rename in template./default/add.tpl the

Code: Select all

<textarea id="content" name="content" rows="10" cols="37" class="inputarea" style=""></textarea>

to

Code: Select all

<textarea id="content2" name="content" rows="10" cols="37" class="inputarea" style=""></textarea>

bye
Thorsten