HTML Difficulty, I'm having trouble.
Track this topic | Email this topic | Print this topic
Zangoose
Posted: Aug 4 2008, 03:41 PM


Beware of the mongoose cat ferret... thing.


Group: Members
Posts: 129
Member No.: 2
Joined: 2-August 08
I just got a HTML site, got a layout, and now I'm stuck. I can't write any text now that I've got a layout and I don't know how to get a banner thing at the top of the page. Can anyone help me?


--------------------
I own $999,999.75 thanks to the Corrupt A Wish game and Buizey. Thanks, Buizeym'n!
user posted image
user posted image
Top
Snorlax
Posted: Aug 4 2008, 07:27 PM


Pokemon Trainer


Group: Members
Posts: 72
Member No.: 6
Joined: 3-August 08
I can. show me your coding an I can help you


--------------------
user posted image The fire within.......
user posted image user posted image user posted image user posted image Click Plz. Veiw too if possible.
Top
Zangoose
Posted: Aug 4 2008, 09:14 PM


Beware of the mongoose cat ferret... thing.


Group: Members
Posts: 129
Member No.: 2
Joined: 2-August 08
It's the same coding as from the Pokeball's basic template.


--------------------
I own $999,999.75 thanks to the Corrupt A Wish game and Buizey. Thanks, Buizeym'n!
user posted image
user posted image
Top
Buizel
Posted: Aug 4 2008, 11:48 PM


Cute and musically talented!


Group: Admin
Posts: 142
Member No.: 1
Joined: 30-July 08
Can I see where your site is though?


--------------------
user posted imageuser posted imageuser posted imageuser posted imageuser posted imageThe clear reason why household appliances can't be trusted.
user posted image
Click here to level up my license!
Click on my eggs! user posted imageuser posted imageuser posted image
Top
Snorlax
Posted: Aug 5 2008, 02:52 PM


Pokemon Trainer


Group: Members
Posts: 72
Member No.: 6
Joined: 3-August 08
Here I mae this layout coing guide! the actual coding is at the bottom

layout coding guide

<html>
<head>
<title>WEBSITE TITLE HERE</title>
<style>


ok this is an easy one put your site's title where it says website title here


A:link
{ text-decoration: none; color: #NORMAL LINK COLOR; }
A:visited
{ text-decoration: none; color: # CLICKED LINK COLOR; }
A:active
{ text-decoration: none; color: #ACTIVE LINK ; }
A:hover
{ text-decoration: none; color: #HOVER LINK; }

This is for links normal link is for a normal link clicked link is a link that has already been clicked on
active link is for a link that you are clicking on now (in my opinion
they should all be the same color) hover hjover is for a link your mouse is on right now


body
{ font-family: Verdana; sans serif; helvetica;
color: #COLOR;
font-size: 9px;
background-color: #BACKGROUND COLOR;
text-align: justify;
margin-bottom: 5px;
margin-right: 0px;
margin-top: 5px;
}

Background color is the background color of the whole layout color. is text color. font
family is the fonts you want to use on your layout. text alighn is like centered and so on


#centerlayout {
margin-left: -370px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: LAYOUT TOTAL WIDTHpx;
left: 50%;
top: 0%;
position: absolute;
}

Layout total PX is the width of your layout in pixels WIDTH not height XD


#leftmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: FFFFFF;
background-image: url('LEFT MENU IMG URL'); repeat-y;
text-align: left;
border: 0px;
width: LEFT MENU WIDTHpx;
}

Color is the text link color. font family is the fonts. Left menu URL is the link to your left nav picture.
left menu total width pX is the width of the left nav in pixels.


#rightmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('RIGHT MENU IMG URL'); repeat-y;
text-align: right;
border: 0px;
width: RIGHT MENU WIDTHpx;
}

font family is the fonts you are using. font size is well the size! right menu URL is the link to your right nav picture
color is text color text align is like right, and centered. right menu width is the width of the right nav in pixels

#content
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('CONTENT IMAGE URL'); repeat-y;
border: WIDTHpx solid #BORDER COLOR;
width: CONTENT WIDTHpx;
}

font family is the fonts you are using. color is the text color. Content URL is a link to your content picture, in my opinion it should
be pretty plain so the words are easier to read. Width is the width of your border, border color is the color of your border.
Content width is the width of your content in pixels,Your menu widths and this width should equal your banner width.


#disclaimer
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('DISCLAIMER URL');
border: 0px solid #COLOR;
text-align:center;
width:DISCLAIMER WIDTHpx;
height:DISCLAIMER HEIGHTpx;
}

Font family are the fonts you want to use for your layout. color is the text color ( umm why do you need text on a banner?)
Disclaimer URL is the link to your disclaimer image, your text must already be on the disclaimer. for the border the PX
is it's width in pixels and color is the color of the border, you should probably make all of the borders the same color.
The height if for the height of he disclaimer in pixels. the width is the width of the disclaimer in pixels

#banner
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('BANNER IMAGE URL');
width:BANNER WIDTHpx;
height:BANNER HEIGHTpx;
border: WIDTHpx solid #COLOR;
text-align:center;
}

BANNER image URL is the link to a picture of your banner. Width and height are the width and height of your
banner in pixels, and color is the color you want your border to be.

++++++++++++++++++++
Now this section is about the actual links and stuff if
this is just going to be a style on your style switcher you don't need any of this
++++++++++++++++++++
</style>
</head>
<body leftmargin="0" rightmargin="0" topmargin="10" bottommargin="10">
<div id="centerlayout">
<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="banner" colspan="3"></td></tr>
<tr>
<td valign="top" id="leftmenu">

Nothing tp be changed here.....


<center><b>HEADER</b></center><br>
<a href=NAME"#">Link Here</a><br>
<a href="#NAME">Link Here</a><br>
<a href=NAME"#">Link Here</a><br>
<a href=NAME"#">Link Here</a><br>
<a href=NAME"#">Link Here</a>


<br><br>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

<br><br>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

<br><br>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>


These are all the links
header is like Site .
left nav

Name is the name of the origional text like index.htm link here is what you want it to
be called like 'Home'
And by the way, enter doesn't make a new line you use this <br*> replace * with /






</td>
<td valign="top" id="content">
<div align="justify">



<table cellspadding="5" cellspacing="0" border="0">
<tr>
<td valign="top" id="content">

+++++++++++++++++ All above this is Top. txt all below is bottom. txt See
http://buizelsisland.awardspace.com/ssiguide.php
++++++++++++++++++


</td></tr></table>



</div>
</td>
<td valign="top" id="rightmenu">




<center><b>AFFILIATES</b></center><br>
<center>
<a href="#">Affy 1</a><br>
<a href="#">Affy 2</a><br>
<a href="#">Affy 3</a>
</center>

<p>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

This is the Right navigation same as left


</td></tr>
<tr><td valign="top" id="disclaimer" colspan="3">
</td></tr>
</table>
</body>
</html>



This is the actual coding!

<html>
<head>
<title>WEBSITE TITLE HERE</title>
<style>

A:link
{ text-decoration: none; color: #NORMAL LINK COLOR; }
A:visited
{ text-decoration: none; color: # CLICKED LINK COLOR; }
A:active
{ text-decoration: none; color: #ACTIVE LINK ; }
A:hover
{ text-decoration: none; color: #HOVER LINK; }

body
{ font-family: Verdana; sans serif; helvetica;
color: #COLOR;
font-size: 9px;
background-color: #BACKGROUND COLOR;
text-align: justify;
margin-bottom: 5px;
margin-right: 0px;
margin-top: 5px;
}

#centerlayout {
margin-left: -370px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: LAYOUT TOTAL WIDTHpx;
left: 50%;
top: 0%;
position: absolute;
}

#leftmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: FFFFFF;
background-image: url('LEFT MENU IMG URL'); repeat-y;
text-align: left;
border: 0px;
width: LEFT MENU WIDTHpx;
}

#rightmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('RIGHT MENU IMG URL'); repeat-y;
text-align: right;
border: 0px;
width: RIGHT MENU WIDTHpx;
}

#content
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('CONTENT IMAGE URL'); repeat-y;
border: WIDTHpx solid #BORDER COLOR;
width: CONTENT WIDTHpx;
}

#disclaimer
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('DISCLAIMER URL');
border: 0px solid #COLOR;
text-align:center;
width:DISCLAIMER WIDTHpx;
height:DISCLAIMER HEIGHTpx;
}

#banner
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('BANNER IMAGE URL');
width:BANNER WIDTHpx;
height:BANNER HEIGHTpx;
border: WIDTHpx solid #COLOR;
text-align:center;
}


</style>
</head>
<body leftmargin="0" rightmargin="0" topmargin="10" bottommargin="10">
<div id="centerlayout">
<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="banner" colspan="3"></td></tr>
<tr>
<td valign="top" id="leftmenu">

<center><b>HEADER</b></center><br>
<a href=NAME"#">Link Here</a><br>
<a href="#NAME">Link Here</a><br>
<a href=NAME"#">Link Here</a><br>
<a href=NAME"#">Link Here</a><br>
<a href=NAME"#">Link Here</a>


<br><br>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

<br><br>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

<br><br>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

</td>
<td valign="top" id="content">
<div align="justify">



<table cellspadding="5" cellspacing="0" border="0">
<tr>
<td valign="top" id="content">


+++ all below is bottom. txt delete this text+++++++

</td></tr></table>



</div>
</td>
<td valign="top" id="rightmenu">




<center><b>AFFILIATES</b></center><br>
<center>
<a href="#">Affy 1</a><br>
<a href="#">Affy 2</a><br>
<a href="#">Affy 3</a>
</center>

<p>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

</td></tr>
<tr><td valign="top" id="disclaimer" colspan="3">
</td></tr>
</table>
</body>
</html>




--------------------
user posted image The fire within.......
user posted image user posted image user posted image user posted image Click Plz. Veiw too if possible.
Top
« Next Oldest | Site Help | Next Newest »


Topic Options Quick Reply




Hosted for free by InvisionFree (Terms of Use: Updated 7/7/05) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.6090 seconds | Archive