Arwen-Undomiel.com
https://arwen-undomiel.com/forum/

Can someone please code this layout for me?
https://arwen-undomiel.com/forum/viewtopic.php?f=36&t=10485		 Page 1 of 1
Author:  Aredhel Ar-Feiniel [ August 18th, 2006, 7:58 pm ]
Post subject:  Can someone please code this layout for me?
Hey can someone please help me code these into html?

LAYOUT ONE
I made it so that the top narrow bar has six links (Home, Lord of the Rings, Site, Misc., Forum, Guestbook) ... and can the center part (the huge translucent

box) be an iFrame so that each link I click on opens right into the main page's iFrame? (does that make any sense?) :blush:

Here's the layout:: http://www.freewebs.com/the_golden_wood/layout.jpg

------------------------------------------
LAYOUT TWO
Okay same as the other one ... but in this one there are eight links ("x", About, Rules, Codes, Join, Edit, Fans, Extras) all on the left side. And can the big

translucent white box on the right be an iFrame too ... same as Layout one? THANKS!

Here's the layout:: http://i65.photobucket.com/albums/h224/ ... Layout.gif








Thanks SO much to whoever can do this for me!! :hug:
Author:  Amoniel [ August 18th, 2006, 10:12 pm ]
Post subject: 
i might be able to... but i wont be able to do it until two weeks. PM me if you still want me to! :)
Author:  Gilraen Ringeril [ August 19th, 2006, 10:47 pm ]
Post subject: 
As I said in the PM, I'm pretty sure I can do it, so I'll be working on it! :)

EDIT: OK, here's the first layout! :) There're two different codings; they're just slightly different :) Let me know if you need anything changed! :D

EDIT2: Alright, so the "code" tag here keeps cutting some of the code out. I'll email the code to you ;)

I'll work on the 2nd layout tomorrow!
Author:  Aredhel Ar-Feiniel [ August 27th, 2006, 2:11 pm ]
Post subject: 
aright thanks Gil!! :hug: *checks email*
Author:  Enedlhach [ August 27th, 2006, 3:11 pm ]
Post subject: 
I made one if you want go post the code in a html doc to see what it looks like

Code:
<html>
<head>
<center><img src="http://img15.imgspot.com/u/06/238/14/layout1156705008.jpg" usemap="#layout" BORDER="3" alt="" /><map id="layout" name="layout">
<area shape="rect" alt="Home" coords="2,62,69,95" href="Linktohomehere" title="Home" />
<area shape="rect" alt="LOTR" coords="85,61,288,97" href="linktoLOTRhere" title="LOTR" />
<area shape="rect" alt="Site" coords="309,66,365,94" href="linktositehere" title="Site" />
<area shape="rect" alt="Misc" coords="384,64,443,91" href="linktoMischere" title="Misc" />
<area shape="rect" alt="Forum" coords="470,61,550,96" href="linktoforumhere" title="Forum" />
<area shape="rect" alt="Guestbook" coords="572,64,695,94" href="linktoguestbookhere" title="Guestbook" />
<area shape="default" nohref="nohref" alt="" />
</map></center>
<style="text/css">

<style type="text/css">

body {scrollbar-arrow-color: tan;
scrollbar-track-color:tan;
scrollbar-face-color: white;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: tan;
scrollbar-darkshadow-color:tan;
scrollbar-shadow-color:tan}

font, body, td, input {color: "white"; font: 8pt verdana;}

hr {color:  tan; width: 40%;}

A:link {color:"#003366"; text-decoration:underline;}
A:active {color:"#003366"; text-decoration:none;}
A:visited {color:"003366"; text-decoration:none;}
A:hover {color:"#FFFFFF"; text-decoration:underline overline;}
p.head
{text-align: left; font-weight:bold; color: #FFFFFF; font-family: Georgia; font-size:10pt; background-color:tan; border:1 solid; border-color:#000000; }
</style>
</head>
<body>
<body bgcolor="tan">
<div style="position: absolute; left: 200px; top: 165px;">
<tr>
<td height="100px"></td>
</tr>
<tr>
<td height="300px" width="600px"></td>
<td height="300px" width="600px">
<div style="height: 300px; width: 600px; overflow: auto;">
<p><p class="head"> &nbsp; &nbsp;Welcome </p>
<br>

<br>
<br>
<p><p class="head">Updates: </p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<hr>
</div>
</td>
<td height="353px" width="590"></td>
</tr>
<tr>
<td height="100px"></td>
</tr>
</table>
<!-- --><script type="text/javascript" src="/i.js"></script></body>
<html>
Author:  Aredhel Ar-Feiniel [ August 27th, 2006, 4:03 pm ]
Post subject: 
ahh thanks!! is that an iframe tho?
Author:  Enedlhach [ August 27th, 2006, 4:54 pm ]
Post subject: 
yaeh I belive so
Author:  Aredhel Ar-Feiniel [ August 30th, 2006, 5:29 pm ]
Post subject: 
Hmm ... it doesn't work as in iFrame though :(
Author:  Enedlhach [ August 30th, 2006, 6:39 pm ]
Post subject: 
I figered out what an ifrmae is and you have to brake up the bakground pics. and thats realy hard to do with you pic becuz its not a solid background so what i made is the closest i can get
Page 1 of 1 All times are UTC - 5 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/