Arwen-Undomiel.com
http://www.arwen-undomiel.com/forum/

Website Coding Request
http://www.arwen-undomiel.com/forum/viewtopic.php?f=36&t=6177		 Page 1 of 1
Author:  Eldarwen [ February 16th, 2006, 11:24 pm ]
Post subject:  Website Coding Request
I have a website simple reminders, But I decided to change it to Glittering Graphics becuase it would be more usful for me. Heres the top banner id love to you for it.

Image
http://i1.tinypic.com/nxstfl.jpg

Id like to have different links, such as

LOTR Graphics
HP Graphics
Eragon Graphics
Narnia Graphics
Other Graphics
Links
About
Site

the background should macth the color sceme of the banner. You dont need to paste the stuff needed for the pages into it I can do it I just need a coded layout. thank you to whoever does this I much appreicate this

:bye2:
~Eldarwen
Author:  Eliwen [ February 17th, 2006, 2:28 pm ]
Post subject: 
I'll do it :D
Author:  Eliwen [ February 17th, 2006, 3:42 pm ]
Post subject: 
The Page Coding:

Code:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Glittering Graphics</title>
  <meta name="description" content="Graphics Site">
  <meta name="keywords" content="Graphics, LOTR Graphics, HP Graphics, Eragon Graphics, Narnia Graphics">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<div style="position: absolute; width: 100px; height: 100px; top: 0px; left: 0px; z-index: 1" id="header">
<img src="http://i1.tinypic.com/nxstfl.jpg"></div>

<div style="position: absolute; width: 404px; height: 100px; z-index: 3; left: 157px; top: 170px" id="content">
<!-- Begin Main Content -->
<h1>Content</h1>
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text<br><br>
<h1>Head</h1>
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text<br><br>
<h1>Head</h1>
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text<br><br>
<!-- End Main Content -->
</div>

<div style="position: absolute; width: 135px; height: 100px; z-index: 2; left: 9px; top: 170px" id="sidebar">
<!-- Begin Sidebar Content -->
<h1>Navigation</h1>
<a href="http://www.yoursite.com/link.htm">LOTR Graphics</a><br>
<a href="http://www.yoursite.com/link.htm">HP Graphics</a><br>
<a href="http://www.yoursite.com/link.htm">Eragon Graphics</a><br>
<a href="http://www.yoursite.com/link.htm">Narnia Graphics</a><br>
<a href="http://www.yoursite.com/link.htm">Other Graphics</a><br>
<a href="http://www.yoursite.com/link.htm">Links</a><br>
<a href="http://www.yoursite.com/link.htm">About</a><br>
<a href="http://www.yoursite.com/link.htm">Site</a><br><br>
<h1>Head</h1>
Something<br>
Something<br>
Something<br>
Something<br>
Something<br><br>
<h1>Head</h1>
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text<br><br>
<!-- End Sidebar Content -->
</div>
<!-- Coding by Selene of TwilightStar.org -->
</body>

</html>


The CSS coding:

Code:
<!--BODY {
color: #4F453B;
font-size: 8pt;
font-family: Tahoma;
background: #DAB388;
background-attachment : fixed;
line-height: 15px;
}-->

<!--
A:link{COLOR: #4F453B; TEXT-DECORATION: none; font-weight: normal;}
A:visited{COLOR: #8D846A; TEXT-DECORATION: none; font-weight: normal;}
A:active{COLOR: #FFFFFF; TEXT-DECORATION: none; font-weight: normal;}
A:hover{COLOR: #4F453B; TEXT-DECORATION: none; text-transform:uppercase; cursor:crosshair;}
-->

h1 {
border: 1px solid;
background-image: url('http://i1.tinypic.com/nxstfl.jpg');
font-family: Verdana;
font-weight: bold;
font-size: 10pt;
color: #000000;
padding: 1px;
margin: 1px;
text-align:center;text-transform:uppercase}


Save as style.css

Tell me if you hate it or if you want any changes :) The coding should look fine in both IE and FF.

Oh and i've added a link to my site in the coding but it won't show up on your site...
Author:  Eldarwen [ February 17th, 2006, 9:50 pm ]
Post subject: 
Awesome thanks El! =) I might edit a few of the code parts but ill pretty much keep it close to that. Thank you so much
~Eldarwen
Author:  Eliwen [ February 17th, 2006, 9:57 pm ]
Post subject: 
No Problem! :)
Page 1 of 1 All times are UTC - 5 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/