login procedure
login procedure
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.
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.
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.
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.
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");
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");
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
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
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:
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...
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;}
}
Well, they aren't.
I have no idea how I changed the background color to trhe way it is...
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.
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.
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.
/* 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.
- Sheep <Nl>
- Turbo Charged
- Posts: 168
- Joined: 11 Mar 2004, 12:28
- Location: In an Ascari Kz1...
- Sheep <Nl>
- Turbo Charged
- Posts: 168
- Joined: 11 Mar 2004, 12:28
- Location: In an Ascari Kz1...
you're probably right Bob...check this picture and look at my name (hello sheep....)...
- Attachments
-
- strange.jpg
- (153.01 KiB) Downloaded 389 times
- Sheep <Nl>
- Turbo Charged
- Posts: 168
- Joined: 11 Mar 2004, 12:28
- Location: In an Ascari Kz1...
- SuperRacer
- NFSUnlimited Staff
- Posts: 1125
- Joined: 11 Sep 2002, 21:50
- Location: USA
- Contact:
- SuperRacer
- NFSUnlimited Staff
- Posts: 1125
- Joined: 11 Sep 2002, 21:50
- Location: USA
- Contact:
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...
Bobyx has acknowledged this as a glitch a while back now...
- Attachments
-
- login.JPG
- (15.91 KiB) Downloaded 4192 times
- SuperRacer
- NFSUnlimited Staff
- Posts: 1125
- Joined: 11 Sep 2002, 21:50
- Location: USA
- Contact: