login procedure

[Erix]

Bobyx,
when login in or registering the fields stay blank when you enter a name and a password in the textbox. I'm guessing both the font color and the bgcolor are white because you can register and login.

[Bojan]

I've got no idea what's wrong with this forum.
When I set the text color to white those login boxes change to white, but when I set the thext to black or gray, they change back to navy.




The text will now stay grey until I find a solution.

If it's better this way than with the white text, let me know.

[Erix]

Are the colors defined with CSS? If so, you can use the 'class' element to change the color of a specific part.

[Bojan]

Can you help me a little with this css as I don't know ow these classes work...


This is the css code:

/*
The original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #FFFFFF; }
a:hover { text-decoration: underline; color : #FFFFFF; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #FFFFFF; border: 2px #006699 solid; }


/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }


/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #000080;
background-image: url(images/cellpic2.jpg);
background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: #FFA34F; font-size: 11px; font-weight : bold;
background-color: #006699; height: 25px;
background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/cellpic1.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #000000 }
a.mainmenu { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }


/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #000000;}
a.nav { text-decoration: none; color : #006699; }
a.nav:hover { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #FFFFFF;}

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #FFFFFF; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #FFFFFF;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {

color : silver;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color: #000070;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color: #000070;
color : #000080
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
background-color: #000070;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color: #000070;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

[Erix]

If you set the color of a font with a cascading stylesheet and link all your pages to that stylesheet, all the fonts will get that color. Like this:
body {font-color:silver}
If you want elements, like tables, cells, fonts etc. to behave the same way all over you site, you don't need classes. If you want an element on a certain page to look different from the standard you work with classes. In this case the element is an input on the login page. In the stylesheet you add the following string:
input.login {color: black}
Now you have to put class=login inside the input tag.
If you don't have access to the source of the login page then all these words were in vain
In that case you cannot add the class command but you can edit the stylesheet at this point:

/* Form elements */
input,textarea, select {

color : silver;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}

When you want a black background color you add the following string:
background-color: black;
You will now have control over the bgcolor of the input, textarea and select elements. If you only want to change the input element (like the one at the login page)and not the textarea and select you make a new part like this:

input
{
background-color: black;
color : white;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}
and delete the word input from the 'input,textarea, select ' string.
This way the other elements will follow the original styles and the input it's own.

I hope I didn't make it too long and wordy

[Bojan]

It seems as though whatever I do in the css stylesheet it doesn't have any effect on the forum...

For example:
the current code is:

Code: Select all

input,textarea, select {
	
	color : silver;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
	background-color: #FFFFFF;
	color: black;
	border-left-color: white;
	border-right-color: white;
	border-top-color: white;
	border-bottom-color: white;}
}

The form boxes should be white now, right?

Well, they aren't.

I have no idea how I changed the background color to trhe way it is...

[Erix]

I see you have set colors for text twice:
color : silver;
color: black;
THe black will be ignored this way...

The forum boxes that aren't linked to a class should be white. If they are not specified they will be white (standard in html)

You can find really good info on css here.

Remember that each browser reacts different to css, just like it does to html.

[Bojan]

Well, this forum has a strange sort of templating system, as I found 3 places where the css styles are set...

I set the text to white again and I set all the form fields to navy, so let me know if there are any more fields that have white text on white background.


Thanks for your help.

[Erix]

The font size drop down list at the posting form is white on white. It's a select element. The option is linked to the genmed class. Youi can find it here:

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; *}
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; *}
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }

.genmed (defines class=genmed) has no background color. Simply add:
background-color: 'the color';
at the strings I have asterisked. You can even delete .genmed from the string with .gen and .gensmall and add the color to the first .genmed. That way the change will only take place where the class genmed appears.

[Bojan]

I found out that I've been doing everything completely wrong...

The forum has two different settings for styles and I was always changing the wrong one.


I hope this look is better now. Please report if there are any more problems.

[Sheep <Nl>]

I've also got some problems with logging in. When i've entered my name and password correctly it seems that it doesn't accept it
I'm send to the main site and if i want to post a comment...i can't!
Can anyone help me with this problem???

[Bojan]

Hmmm, it seems like there is a problem when the nick has <>.
I will look into it.

[Sheep <Nl>]

you're probably right Bob...check this picture and look at my name (hello sheep....)...

[Bojan]

This actually helped a lot. I fixed the script and you can now login.

[Sheep <Nl>]

Thx bob...I can login now...yeah :d

[Stereo]

Why is the Login name and Password feild blank when I type stuff in them???

[SuperRacer]

Is it not supposed to be blank...?

[GT3x24x7]

This is a glitch as far as I know - both the text and the background of the input boxes are white, hence the fields look 'blank'.

[SuperRacer]

This is a glitch as far as I know - both the text and the background of the input boxes are white, hence the fields look 'blank'.

I'm a little confused...nothing looks blank to me.

[GT3x24x7]

A demo... I've entered my pass here, you can see from the cursor position, but nothing is visible because the text is white. Same thing happens with the username field.

Bobyx has acknowledged this as a glitch a while back now...

[SuperRacer]

Weird, that doesn't happen to me. I can see the text.

[viper_gts]

yep........happens to me too. not on the homepage, just on the forum login page.

[Stereo999]

Not on the homepage with me. Just Forum.