orangesoda44
ISP
I've been seeing layouts like these recently and I think it's really cool! I don't understand how to make them though... Check out the link:
Does anyone know how to do that?
Does anyone know how to do that?
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
layout question
- Thread starter orangesoda44
- Start date
- Status
it's not complicated at all just look at the code.
there are just two files:
first: <body background="top.gif" bgproperties="fixed">
(this is the background with demolished buildings)
second:
<body background="middle.gif" bgproperties="fixed">
<font face="Verdana" size="1" color="#000000">
<STYLE TYPE="text/css">
<!--a:link { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;}
a:visited { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;}
a:hover { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;} -->
</STYLE>
<div align="justify">
<b>September 11th, 2001...</b><br>
...etc.
and a frameset document for setting up frames.
---
---
there are just two files:
first: <body background="top.gif" bgproperties="fixed">
(this is the background with demolished buildings)
second:
<body background="middle.gif" bgproperties="fixed">
<font face="Verdana" size="1" color="#000000">
<STYLE TYPE="text/css">
<!--a:link { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;}
a:visited { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;}
a:hover { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;} -->
</STYLE>
<div align="justify">
<b>September 11th, 2001...</b><br>
...etc.
and a frameset document for setting up frames.
---
---
hmmm, I think there are 5 files.
The first 2 that Rydel showed are the files top.html and 0000.html
The other 3 files are :
right.html
<body background="right.gif" bgproperties="fixed">
bottom.html
<body background="bottom.gif" bgproperties="fixed">
left.html (the a:link a:hoover a:visited are all the same, I think it should at least different colors ??)
<body background="left.gif" bgproperties="fixed">
<font face="Verdana" size="1" color="#000000">
<STYLE TYPE="text/css">
<!--a:link { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;}
a:visited { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;}
a:hover { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;} -->
</STYLE>
<div align="right">
<br><br><br><br><br>
<a href="00001.html" target="middle">Never forget</a><br>
<a href="00002.html" target="middle">What to do</a><br>
<a href="00004.html" target="middle">Join</a><br>
<a href="00005.html" target="middle">Graphic</a><br>
<a href="gallery.html" target="_blank">Photo Gallery</a><br>
<a href="00003.html" target="middle">Members</a><br>
The frameset that holding all the files together is
index2.html (you can find this file by looking in your "temporary internet files" directory)
<html>
<title>Never forget...</title>
<frameset>
<frameset cols="258,340,53" border=0 frameborder=0>
<frame src="left.html" name="top" scrolling=no noresize="no" marginwidth="0" marginheight="0" frameborder="0">
<frameset>
<frameset rows="32,360,41" border=0 frameborder=0>
<frame src="top.html" name="top" scrolling=no noresize="no" marginwidth="0" marginheight="0" frameborder="0">
<frame src="00000.html" name="middle" scrolling=auto noresize="no" marginwidth="0" marginheight="0" frameborder="0">
<frame src="bottom.html" name="top" scrolling=no noresize="no" marginwidth="0" marginheight="0" frameborder="0">
</frameset>
<frame src="right.html" name="bottom" scrolling=auto noresize="no" marginwidth="0" marginheight="0" frameborder="0">
</frameset>
</html>
Good luck, and ... show us in the future (your progression LOL) what you make, orangesoda44 (nice name !!)
Erik
The first 2 that Rydel showed are the files top.html and 0000.html
The other 3 files are :
right.html
<body background="right.gif" bgproperties="fixed">
bottom.html
<body background="bottom.gif" bgproperties="fixed">
left.html (the a:link a:hoover a:visited are all the same, I think it should at least different colors ??)
<body background="left.gif" bgproperties="fixed">
<font face="Verdana" size="1" color="#000000">
<STYLE TYPE="text/css">
<!--a:link { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;}
a:visited { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;}
a:hover { color:#000000; text-decoration: none; text-transform: none; font-weight: bold;} -->
</STYLE>
<div align="right">
<br><br><br><br><br>
<a href="00001.html" target="middle">Never forget</a><br>
<a href="00002.html" target="middle">What to do</a><br>
<a href="00004.html" target="middle">Join</a><br>
<a href="00005.html" target="middle">Graphic</a><br>
<a href="gallery.html" target="_blank">Photo Gallery</a><br>
<a href="00003.html" target="middle">Members</a><br>
The frameset that holding all the files together is
index2.html (you can find this file by looking in your "temporary internet files" directory)
<html>
<title>Never forget...</title>
<frameset>
<frameset cols="258,340,53" border=0 frameborder=0>
<frame src="left.html" name="top" scrolling=no noresize="no" marginwidth="0" marginheight="0" frameborder="0">
<frameset>
<frameset rows="32,360,41" border=0 frameborder=0>
<frame src="top.html" name="top" scrolling=no noresize="no" marginwidth="0" marginheight="0" frameborder="0">
<frame src="00000.html" name="middle" scrolling=auto noresize="no" marginwidth="0" marginheight="0" frameborder="0">
<frame src="bottom.html" name="top" scrolling=no noresize="no" marginwidth="0" marginheight="0" frameborder="0">
</frameset>
<frame src="right.html" name="bottom" scrolling=auto noresize="no" marginwidth="0" marginheight="0" frameborder="0">
</frameset>
</html>
Good luck, and ... show us in the future (your progression LOL) what you make, orangesoda44 (nice name !!)
Erik
my fault. i didn't realize they were abusing the frames so much 
. i just took a quick look and didn't "dig out" the whole thing from cache. the idea is actually nice. ---
---
. i just took a quick look and didn't "dig out" the whole thing from cache. the idea is actually nice. ------
oops,
Reading back my post, I realize that orangesoda44 ore someone else could think that I'm "laughing at" him/her because of the smile LOL.
But I only meant that it's a great way to post your questions here and how amazing it is you can learn so quick and make such a big progression in a short time when you surf a few months here on tek-tips.
Further I made a typo:
files top.html and 0000[red]0[/red.html
I also agree with Rydel that they abuse the frames at this way and that's it's not the easyest way. (if you maximize the window, it looks also awful)
The big phot is cut into 5 peaces. I think you can get the same effect when you change the complete photo in photoshop or another program with making the center-spot only a sort of watermark-style. I'm not a graphical expert, but I have to make such a site I would try to find out first if that's possible.
Erik
Reading back my post, I realize that orangesoda44 ore someone else could think that I'm "laughing at" him/her because of the smile LOL.
But I only meant that it's a great way to post your questions here and how amazing it is you can learn so quick and make such a big progression in a short time when you surf a few months here on tek-tips.
Further I made a typo:
files top.html and 0000[red]0[/red.html
I also agree with Rydel that they abuse the frames at this way and that's it's not the easyest way. (if you maximize the window, it looks also awful)
The big phot is cut into 5 peaces. I think you can get the same effect when you change the complete photo in photoshop or another program with making the center-spot only a sort of watermark-style. I'm not a graphical expert, but I have to make such a site I would try to find out first if that's possible.
Erik
- Thread starter
- #6
orangesoda44
ISP
thanks so much for you help! I'm going to see what I can get done and then post the link!
- Thread starter
- #7
orangesoda44
ISP
Didn't take me long to find another problem haha. This is the first time I've used graphics for backgrounds, so I'm a little slow with it. I have to take the picture and cut it up like that, into 5 pieces, for the frames, right? (I have no clue to do the watercolor thing Erik mentioned.) And so that the graphic fills the full frame, I have to make sure the graphic is that size, right? How do I know the size?
- Status