Css Help
Want to say something off topic? Something that has nothing to do with Trek? Post it here.
1, 2
NieKnight

Topic Starter
posted on January 8th, 2005, 12:58 am
Last edited by NieKnight on January 8th, 2005, 12:59 am, edited 1 time in total.
could anyone help me with a forum skin please? i am trying to turn all the blue on this forum(do not sign up please, i think its turned off anyway) orange here is the css i have at the minuet.
[font=Times]
[/font]
[font=Times]
- Code: Select all
html { overflow-x: auto }
form { display: inline }
img { vertical-align: middle; border: 0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; margin: 0px 10px 0px 10px; color: #D3D3D3; background-color: #000000 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #FFFFFF }
a:link, a:visited, a:active { text-decoration: underline; color: #D3D3D3 }
a:hover { text-decoration: underline; color: #FFFFFF }
fieldset.search { padding: 6px; line-height: 150% }
label { cursor: pointer }
img.attach { padding: 2px; color: #ff6600; border: 2px outset #ff9900}
.googleroot { padding: 6px; line-height: 130% }
.googlechild { padding: 6px; margin-left: 30px; line-height: 130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px; color: #D3D3D3 }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #FFFFFF }
.googlepagelinks { font-size: 1.1em; letter-spacing: 1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color: #FFFFFF }
li.helprow { padding: 0px; margin: 0px 0px 10px 0px }
ul#help { padding: 0px 0px 0px 15px }
option.cat { font-weight: bold }
option.sub { font-weight: bold; color: #555 }
.caldate { text-align: right; font-weight: bold; font-size: 11px; padding: 4px; margin: 0px; color: #FFFFFF; background-color: #ff9900 }
#padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0px 14px 0px }
#profilename { font-size: 28px; font-weight: bold }
#calendarname { font-size: 22px; font-weight: bold }
#photowrap { padding: 6px }
#phototitle { font-size: 24px; border-bottom: 1px solid black }
#photoimg { text-align: center; margin-top: 15px }
#ucpmenu { line-height: 150%; width: 22%; color: #FFFFFF; background-color: #000000; border: 1px solid #ff9900}
#ucpmenu p { padding: 2px 5px 6px 9px; margin: 0px }
#ucpcontent { line-height: 150%; width: auto; background-color: #000000; border: 1px solid #ff9900}
#ucpcontent p { padding: 10px; margin: 0px }
#ipsbanner { position: absolute; top: 1px; right: 5% }
#logostrip { padding: 0px; margin: 0px; background-color: #000000; border: 1px solid #000000 }
#submenu { font-size: 10px; margin: 3px 0px 3px 0px; font-weight: bold; color: #D3D3D3; background-color: #000000; border: 1px solid #ff9900}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold; font-size: 10px; text-decoration: none; color: #D3D3D3 }
#userlinks { color: #D3D3D3; background-color: #000000; border: 1px solid #ff9900}
#navstrip { font-weight: bold; padding: 6px 0px 6px 0px }
.activeuserstrip { padding: 6px; color: #FFFFFF; background-color: #ff9900 }
.pformstrip { font-weight: bold; padding: 7px; margin-top: 1px; color: #FFFFFF; background-color: #000000 }
.pformleft { padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #00007F; border-right: 1px solid #ff9900; background-color: #000000 }
.pformleftw { padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #ff9900; border-right: 1px solid #ff9900; background-color: #000000 }
.pformright { padding: 6px; margin-top: 1px; border-top: 1px solid #00007F; background-color: #000000 }
.post1 { background-color: #000000 }
.post2 { background-color: #000000 }
.postlinksbar { padding: 7px; margin-top: 1px; font-size: 10px; background-color: #ff9900; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
.row1 { background-color: #000000 }
.row2 { background-color: #000000 }
.row3 { background-color: #000000 }
.row4 { background-color: #000000 }
.darkrow1 { background-color: #000000 }
.darkrow2 { background-color: #000000 }
.darkrow3 { background-color: #000000 }
.hlight { background-color: #ff9900 }
.dlight { background-color: #000000 }
.titlemedium { font-weight: bold; padding: 7px; margin: 0px; color: #FFFFFF; background-color: #000001; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #FFFFFF }
.maintitle { vertical-align: middle; font-weight: bold; letter-spacing: 1px; padding: 8px 0px 8px 5px; color: #FFFFFF; background-image: url(/style_images/<#IMG_DIR#>/tile_back.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }
.plainborder { background-color: #000000; border: 1px solid #ff9900}
.tableborder { padding: 0px; margin: 0px; width: 100%; background-color: #ff9900; border: 1px solid #ff9900}
.tablefill { padding: 6px; background-color: #000000; border: 1px solid #ff9900}
.tablepad { padding: 6px; background-color: #000000 }
.tablebasic { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px }
.wrapmini { float: left; line-height: 1.5em; width: 25% }
.pagelinks { float: left; line-height: 1.2em; width: 35% }
.desc { font-size: 10px; color: #FFFFFF }
.edit { font-size: 9px }
.signature { font-size: 10px; color: #D3D3D3 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #D3D3D3 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #FFFFFF }
.searchlite { font-weight: bold; color: #F00; background-color: #FF0 }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; color: #FFFFFF; background-color: #ff9900; border: 1px solid #FFFFFF }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; color: #FFFFFF; background-color: #ff9900; border: 1px solid #FFFFFF }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #D3D3D3; background-color: #ff9900 }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #D3D3D3; background-color: #ff9900 }
.thin { padding: 6px 0px 6px 0px; line-height: 140%; margin: 2px 0px 2px 0px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF }
.purple { font-weight: bold; color: purple }
.red { font-weight: bold; color: red }
.green { font-weight: bold; color: green }
.blue { font-weight: bold; color: blue }
.orange { font-weight: bold; color: #F90 }
[/font]
posted on January 8th, 2005, 1:37 am
Last edited by ewm90 on January 8th, 2005, 1:45 am, edited 1 time in total.
here is a exspanl of inbeded css:
but css can be used exstraly wich if you triying to do with a foram it whood be most liky is. it whood be saved as a file caled something.css and if you make chages in the .css it will chage thinks liked to it in your foram.
so look for a .css and put youer css thare.
this is was a exstranal .css looks like
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {
color: #00FFFF;
font-weight: bold;
}
.style2 {
color: #FF00FF;
font-style: italic;
}
-->
</style>
</head>
<body>
<span class="style1">ff</span> <span class="style2">cbcvbb
</span>
</body>
</html>
but css can be used exstraly wich if you triying to do with a foram it whood be most liky is. it whood be saved as a file caled something.css and if you make chages in the .css it will chage thinks liked to it in your foram.
so look for a .css and put youer css thare.
this is was a exstranal .css looks like
- Code: Select all
.class {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bolder;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
}
.nomaltext {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
.nomaltextBlowBold {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #3300FF;
}
.textBlowBoldsmall {
font-family: "Times New Roman", Times, serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #3300FF;
}
posted on January 8th, 2005, 4:07 am
umm......what is all that computer code for?
and what does it mean?
and what does it mean?
posted on January 8th, 2005, 4:13 am
its CSS in HTML.
HTML it a code strucher that holds alot of things on the net to gether.
CSS is new to HTML, CSS is a new add that let you take deine of a HTML to new leval leting you do more things with the old code strucher of HTML than be for.
CSS and be useded inXML and uther web HTML like struchers.
HTML it a code strucher that holds alot of things on the net to gether.
CSS is new to HTML, CSS is a new add that let you take deine of a HTML to new leval leting you do more things with the old code strucher of HTML than be for.
CSS and be useded inXML and uther web HTML like struchers.
posted on January 8th, 2005, 4:19 am
what is XML?
posted on January 8th, 2005, 4:22 am
its a rebild vertion of HTML that duss a bit more. its harder to lern thare are not a much info on it out thare.
i think it workis with databacising better.
i think it workis with databacising better.
NieKnight

Topic Starter
posted on January 8th, 2005, 12:11 pm
emw what piece of code do i place where i am new to all this
posted on January 8th, 2005, 12:45 pm
ewm09's kinda correct about the css/html/xml explanation, although xml isnt a rebuild of html.
xml is a completely seperate issue from html, as xml is a generalised 'structure' language... in other words is does nothing apart from providing information in a universally structured way (so its easy to use and manipulate across different types of languages... such as php, asp etc).
the rebuild of html, is called xhtml, which is basically a more structured version of html... in essensce, it gets rid of those html tags that are used to style a page (such as the tag) and instead relies on css to do the styling (which is what css is all about... cascading 'style' sheets).
basically is enforces some rules on web page design, which should allow pages to display correctly across any browser out now and in the future (although there are some issues with current browsers in how they interperate css... such as IE).
its doesnt really have anything to do with databases either, as its the serverside code (such as php) that connects with the database, and also generates the html/xhtml code that displays in a web page. xml however does allow much easier interperation of data (in theory).
.... now back to the question. after looking at the site, the only blue i can see is the background of the section titles, and thats not a css color, it caused by a blue image (simply change the background image portion of .maintitle to point to an orange image instead, or edit the current image and change the color to orange).
within the css itself, i can see solor values that set something as blue, and those are the fields that set the color as either 'blue' or '#00007F', if you want to change all these things to orange, simply replace all those occurances with '#FF9900', and that will use the orange color that is used throughout the site.
xml is a completely seperate issue from html, as xml is a generalised 'structure' language... in other words is does nothing apart from providing information in a universally structured way (so its easy to use and manipulate across different types of languages... such as php, asp etc).
the rebuild of html, is called xhtml, which is basically a more structured version of html... in essensce, it gets rid of those html tags that are used to style a page (such as the tag) and instead relies on css to do the styling (which is what css is all about... cascading 'style' sheets).
basically is enforces some rules on web page design, which should allow pages to display correctly across any browser out now and in the future (although there are some issues with current browsers in how they interperate css... such as IE).
its doesnt really have anything to do with databases either, as its the serverside code (such as php) that connects with the database, and also generates the html/xhtml code that displays in a web page. xml however does allow much easier interperation of data (in theory).
.... now back to the question. after looking at the site, the only blue i can see is the background of the section titles, and thats not a css color, it caused by a blue image (simply change the background image portion of .maintitle to point to an orange image instead, or edit the current image and change the color to orange).
within the css itself, i can see solor values that set something as blue, and those are the fields that set the color as either 'blue' or '#00007F', if you want to change all these things to orange, simply replace all those occurances with '#FF9900', and that will use the orange color that is used throughout the site.
NieKnight

Topic Starter
posted on January 8th, 2005, 3:44 pm
Last edited by NieKnight on January 8th, 2005, 3:50 pm, edited 1 time in total.
humm well i still can't get them two blue bars to change colour, does anyone know the excat bit i need to change? as i have replaced all the blues and #00007f's but still no change 
[edit] nevermind i have figured it out thanks for your help guys. [/edit]

[edit] nevermind i have figured it out thanks for your help guys. [/edit]
posted on January 8th, 2005, 4:00 pm
so what you saying is Xhtml and xml are 2 code struchers???
i thot thay wher one and the same. like the difrants between .Html and .htm.
i thot thay wher one and the same. like the difrants between .Html and .htm.
posted on January 9th, 2005, 6:25 pm
Well html and htm are the same, htm is just the old file extension
theres no actual difference in the code.
now with xhtml/xml, xml is a standard for organising data, and typically works in a structure like:
data
xhtml, is simply simply html that implements the xml code standard that enforces a rigid structure and that every tag must have a start/end (and if a tag is a single tag, such as , the tag is self-ending by changing it to .
Also, tags such as are not used, and instead rely on css styles, either implementing a class such as text or by using embedded styles (although not recommended as it makes it more difficult to update code later) such as text.
Apart from that, the main difference in using xhtml/css rather than plain html is that is makes things sooo much easier to make site wide changes to styles/templates by making very quick changes to a css file rather than manually editing source code of each html file.
Oh and if use xhtml, then you will need to change the dtd tag at the top of the page, as html will use something like:
to something like:
in any case, its well worth looking into xhtml, as apart from saving you lots of wok at a later date, it will be more compliant to web standards, and will have better lastability

now with xhtml/xml, xml is a standard for organising data, and typically works in a structure like:
data
xhtml, is simply simply html that implements the xml code standard that enforces a rigid structure and that every tag must have a start/end (and if a tag is a single tag, such as , the tag is self-ending by changing it to .
Also, tags such as are not used, and instead rely on css styles, either implementing a class such as text or by using embedded styles (although not recommended as it makes it more difficult to update code later) such as text.
Apart from that, the main difference in using xhtml/css rather than plain html is that is makes things sooo much easier to make site wide changes to styles/templates by making very quick changes to a css file rather than manually editing source code of each html file.
Oh and if use xhtml, then you will need to change the dtd tag at the top of the page, as html will use something like:
to something like:
in any case, its well worth looking into xhtml, as apart from saving you lots of wok at a later date, it will be more compliant to web standards, and will have better lastability

posted on January 9th, 2005, 7:09 pm
thanks for the class lol.
what do you know od dhtml? a job i saw was asking for that.
what do you know od dhtml? a job i saw was asking for that.
posted on January 9th, 2005, 8:46 pm
dhtml is one of those really confusing concepts as it gives the impression its more than it is
... basically its controlling webpages with javascript (and using javscript to provide dynamic content on a webpage).
This can be something simple such as using javascript to print out some text using document.write, or getting a little more complex, you can even use it to generate forms dynamically (eg. adding a textarea to the page each time a button is clicked.
Therefore, if you know javascript at an intermediate level, and are quite happy using it for form checking, writing text etc, then you propbably have the skills needed for dhtml (or 'dynamic' html)
oh and your welcome on the little lesson on xhtml

This can be something simple such as using javascript to print out some text using document.write, or getting a little more complex, you can even use it to generate forms dynamically (eg. adding a textarea to the page each time a button is clicked.
Therefore, if you know javascript at an intermediate level, and are quite happy using it for form checking, writing text etc, then you propbably have the skills needed for dhtml (or 'dynamic' html)

oh and your welcome on the little lesson on xhtml

posted on January 9th, 2005, 9:52 pm
whats you back rand if i can ask NovaPhoenix. you seem to be a programer.
posted on January 10th, 2005, 4:34 am
Last edited by Lumpybob on January 10th, 2005, 4:36 am, edited 1 time in total.
umm...is XML like the thing at the end of some URL's?
like in:
http://www._______.com/___/______.HTML/
this is not a link...
like in:
http://www._______.com/___/______.HTML/
this is not a link...
1, 2
Reply
Who is online
Users browsing this forum: No registered users and 3 guests