Rules      FAQ       Register        Login
It is currently July 19th, 2025, 7:10 pm

Board index » Fan Section » Numenor (Requests) » Website Coding Request

All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  Page 1 of 1
  [ 5 posts ] 
  Print view Previous topic | Next topic 
Author Message
 Post subject: Website Coding Request
PostPosted: February 16th, 2006, 11:24 pm 
Eldarwen
Maia
Maia

Joined: 30 October 2005
Posts: 5188
Location: 'Dance like flame cuase theres no gravity, and now I am just a candle trying to stay lit...
Country: Gondor (xg)
Gender: Female

Offline
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

_________________
New Account: Khaleesi
Top
 Profile                  
 
 Post subject:
PostPosted: February 17th, 2006, 2:28 pm 
Eliwen
Dunadan
Dunadan
User avatar

Joined: 04 June 2005
Posts: 462
Location: Eryn Lasgalen, England

Offline
I'll do it :D

_________________
<center>

Image

Sig set by Smeagollum =)</center>
Top
 Profile       WWW            
 
 Post subject:
PostPosted: February 17th, 2006, 3:42 pm 
Eliwen
Dunadan
Dunadan
User avatar

Joined: 04 June 2005
Posts: 462
Location: Eryn Lasgalen, England

Offline
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...

_________________
<center>

Image

Sig set by Smeagollum =)</center>
Top
 Profile       WWW            
 
 Post subject:
PostPosted: February 17th, 2006, 9:50 pm 
Eldarwen
Maia
Maia

Joined: 30 October 2005
Posts: 5188
Location: 'Dance like flame cuase theres no gravity, and now I am just a candle trying to stay lit...
Country: Gondor (xg)
Gender: Female

Offline
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

_________________
New Account: Khaleesi
Top
 Profile                  
 
 Post subject:
PostPosted: February 17th, 2006, 9:57 pm 
Eliwen
Dunadan
Dunadan
User avatar

Joined: 04 June 2005
Posts: 462
Location: Eryn Lasgalen, England

Offline
No Problem! :)

_________________
<center>

Image

Sig set by Smeagollum =)</center>
Top
 Profile       WWW            
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 5 posts ] 

Board index » Fan Section » Numenor (Requests) » Website Coding Request

All times are UTC - 5 hours [ DST ]



Who is online

Users browsing this forum: No registered users and 3 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  




Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Boyz theme by Zarron Media 2003