Webmaster Forum


Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum
How to Use this Layout How to Use this Layout
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Coding Forum Problems with your code? Let's hear about it.

Ezilon Directory   ClickBooth Network   V7N Directory

Reply
 
LinkBack Thread Tools Display Modes
Old 07-05-2007, 07:31 PM   #1 (permalink)
Inactive
 
Join Date: 06-20-07
Posts: 55
iTrader: 0 / 0%
Latest Blog:
None

x360 is liked by many
How to Use this Layout
Can you guys help show me how to use this layout (and other like it, for future references) with SSI?

What I don't know is which part of the code should be in the first <include file=.shtml> thing, then which is where I can write my content, and last which can be in the second <include file=.shtml> thing.

So basically, can you please break this down into 3 pieces? The third being where I put the content.

HTML Code:
<html>
<head>
<title>GM White (c) senkouryu.net</title>
<style>
<!--
font { FONT-FAMILY: Verdana,Helvetica; color:#9C9A9C }
body         { FONT-FAMILY: Helvetica, Tahoma; color: #9C9A9C; font-size: 11px; 

background-color:#F7F3F7; }
td           { FONT-FAMILY: Helvetica, Tahoma; color: #9C9A9C; font-size: 11px;}
td.content   { padding: 4px;}
a            { FONT-FAMILY: Helvetica, Tahoma; color: #7A787A; font-size: 11px; 

text-decoration:none;}
a:hover      { FONT-FAMILY: Helvetica, Tahoma; color: #BEBCBE; font-size: 11px; 

text-decoration:none;}
.navhead         { display: block; padding-left: 4px; padding-right: 4px; border: 1px solid 

#9C9A9C; background: url(/banner.gif); color: #9C9A9C; font-weight: bold; text-align: 

center;}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<br><center>
<table width="738" border="0" cellpadding="0" cellspacing="0" background="/overall_bg.gif">
	<tr>
		<td colspan="4" rowspan="3">
			<img src="/index_01.gif" width="173" height="176" alt=""></td>

		<td>
			<img src="/index_02.gif" width="480" height="28" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="/index_03.gif" width="85" height="176" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="/banner.gif" width="480" height="124" alt=""></td>
	</tr>

	<tr>
		<td>
			<img src="/index_05.gif" width="480" height="24" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="/index_06.gif" width="13" height="50" alt=""></td>
		<td>
			<img src="/index_07.gif" width="146" height="50" alt=""></td>

		<td colspan="2">
			<img src="/index_08.gif" width="14" height="50" alt=""></td>
		<td colspan="2">
			<img src="/index_09.gif" width="564" height="50" alt=""></td>
		<td>
			<img src="/index_10.gif" width="1" height="50" alt=""></td>
	</tr>
	<tr>
		<td>

			<img src="/index_11.gif" width="13" height="251" alt=""></td>
		<td class="content" valign="top" background="/nav.gif" width="146">

<!-- Navigation Start -->
			<div class="navhead">Xbox360Attacker</div>
			<a href="http://xbox360-forums.com">&nbsp;::&nbsp;Forum</a><br>
			<a href="directory.shtml">&nbsp;::&nbsp;txboxr Directory</a><br>

			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<div class="navhead">Section Two</div>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>

			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<div class="navhead">Section Three</div>

			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>
			<a href="#">&nbsp;::&nbsp;Link Here</a><br>

		<!-- Navigation end -->
		
		</td>
		<td colspan="2">
			<img src="/index_13.gif" width="14" height="251" alt=""></td>
		<td class="content" valign="top" colspan="2" background="/content.gif" 

width="564">
		
		<!-- Content Starts Here! -->
		    <div class="navhead">Layout Info</div>
            <b>Layout Name:</b> GM White<br>

            <b>Type:</b> Image-Based, Div<br>
            <b>Iframes:</b> NO<br>
            <b>Download Requirements:</b><br>
             - No requirments needed.<br>
            <b>Sopi Cost:</b> 0 Sopi<br>

            <b>Features:</b><br>- A Game Maker Ball at the top =D<br>
            <b>Description:</b><br>
             A Layout designed for a Game Maker site. Good for people who wants a site for 

their GM Stuff such as examples, tutorials and games.<p>
			 <div class="navhead">Copyright & Final Comments</div>
			 This layout is copyrighted by SenkouRyu, don't edit the copyright 

info anywhere!<br>

			 Be sure to check <a 

href="http://www.senkouryu.net">http://www.senkouryu.net</a> for more layouts like this or 

even better ones!
		<!-- Content End -->
		    
		</td>
		<td>
			<img src="/index_15.gif" width="1" height="251" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">

			<img src="/index_17.gif" width="166" height="112" alt=""></td>
		<td colspan="4">
			<img src="/index_18.gif" width="572" height="112" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="/spacer.gif" width="146" height="1" alt=""></td>

		<td>
			<img src="/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="/spacer.gif" width="480" height="1" alt=""></td>
		<td>
			<img src="/spacer.gif" width="84" height="1" alt=""></td>
		<td>

			<img src="/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
</table>
</center>

<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 

1.0em;">
Design provided by <a href="http://www.freewebtemplates.com/">Free Web Templates</a> - your 

source for free website templates
</div>
</body>
</html>
Thanks!
x360 is offline  
Add Post to del.icio.us
Reply With Quote
Sponsored Links
SEO Hosting by HostGator  Advertise Here  Buy Blog Links
Old 07-05-2007, 09:11 PM   #2 (permalink)
v7n Mentor
 
Costin Trifan's Avatar
 
Join Date: 04-13-07
Location: Romania
Posts: 2,963
iTrader: 0 / 0%
Latest Blog:
Ok, so we're back

Costin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web pro
But you can do that very easy yourself...Just break the page in how many sections you want.
i.e. :
- the header
- the navigation
- the content
- the footer

after that you can import them in your page:

<!--#include virtual="pageheader.shtml" -->
<!--#include virtual="pagenavigation.shtml" -->

and so on...
Costin Trifan is offline  
Add Post to del.icio.us
Reply With Quote
Old 07-05-2007, 09:35 PM   #3 (permalink)
Inactive
 
Join Date: 06-20-07
Posts: 55
iTrader: 0 / 0%
Latest Blog:
None

x360 is liked by many
Yes, I know...............

But what I'm asking for help is I don't know where to break the stuff and then how to close the tags, then restart the next.....
x360 is offline  
Add Post to del.icio.us
Reply With Quote
Old 07-05-2007, 09:55 PM   #4 (permalink)
v7n Mentor
 
Costin Trifan's Avatar
 
Join Date: 04-13-07
Location: Romania
Posts: 2,963
iTrader: 0 / 0%
Latest Blog:
Ok, so we're back

Costin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web pro
First:
I think that your page structure is not good. When you create a website you have to find the perfect layout for it.

Below I'll give you an example of how I see a good page layout. This should clarify your questions.


Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Template Page</title>
</head>
<body>
    <div class="PageLayoutManager">
        <div class="PageHeaderManager">
            <div class="PageBanner">
                <!--#include virtual="pageBanner.shtml" -->
            </div>
            <div class="PageHeaderNavigation">
                <!--#include virtual="pageHeaderNavigation.shtml" -->
            </div>
        </div>
        <div class="PageContentManager">
            <div class="PageContent">
                <!--#include virtual="pageContent.shtml" -->
            </div>
            <div class="PageSideBar">
                <!--#include virtual="pageSidebar.shtml" -->
            </div>
        </div>
        <div class="PageFooter">
            <!--#include virtual="pageFooter.shtml" -->
        </div>
    </div>
</body>
</html>
This how your pageBanner.shtml might look
Code:
<div class="PageBannerWrapper">
    Add all the banner content here
</div>

Code:
<div class="PageContentWrapper">
		<!-- Content Starts Here! -->
		    <div class="navhead">Layout Info</div>
            <b>Layout Name:</b> GM White<br>

            <b>Type:</b> Image-Based, Div<br>
            <b>Iframes:</b> NO<br>
            <b>Download Requirements:</b><br>
             - No requirments needed.<br>
            <b>Sopi Cost:</b> 0 Sopi<br>

            <b>Features:</b><br>- A Game Maker Ball at the top =D<br>
            <b>Description:</b><br>
             A Layout designed for a Game Maker site. Good for people who wants a site for 

their GM Stuff such as examples, tutorials and games.<p>
			 <div class="navhead">Copyright & Final Comments</div>
			 This layout is copyrighted by SenkouRyu, don't edit the copyright 

info anywhere!<br>

			 Be sure to check <a 

href="http://www.senkouryu.net">http://www.senkouryu.net</a> for more layouts like this or 

even better ones!
		<!-- Content End -->

</div>
...and so on
Costin Trifan is offline  
Add Post to del.icio.us
Reply With Quote
Old 07-05-2007, 10:01 PM   #5 (permalink)
Inactive
 
Join Date: 06-20-07
Posts: 55
iTrader: 0 / 0%
Latest Blog:
None

x360 is liked by many
I didn't make that though, I just downloaded it.

But this just really confuses me. Do you mind breaking it down so I can just put <!--#include virtual="pageheader.shtml" --> etc. on a page with my content so I can start uploading pages to see what they will look like?

Thanks for your help.
x360 is offline  
Add Post to del.icio.us
Reply With Quote
Old 07-05-2007, 10:02 PM   #6 (permalink)
Inactive
 
Join Date: 06-20-07
Posts: 55
iTrader: 0 / 0%
Latest Blog:
None

x360 is liked by many
By the way, I know this only takes like 30 seconds to do, I've done it before, but I'm just not sure how/where to do it with this layout code.
x360 is offline  
Add Post to del.icio.us
Reply With Quote
Old 07-05-2007, 10:24 PM   #7 (permalink)
v7n Mentor
 
Costin Trifan's Avatar
 
Join Date: 04-13-07
Location: Romania
Posts: 2,963
iTrader: 0 / 0%
Latest Blog:
Ok, so we're back

Costin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web pro
Main Page :

Code:
<html>
<head>
    <title>GM White (c) senkouryu.net</title>
    <style>
<!--
font { FONT-FAMILY: Verdana,Helvetica; color:#9C9A9C }
body         { FONT-FAMILY: Helvetica, Tahoma; color: #9C9A9C; font-size: 11px; 

background-color:#F7F3F7; }
td           { FONT-FAMILY: Helvetica, Tahoma; color: #9C9A9C; font-size: 11px;}
td.content   { padding: 4px;}
a            { FONT-FAMILY: Helvetica, Tahoma; color: #7A787A; font-size: 11px; 

text-decoration:none;}
a:hover      { FONT-FAMILY: Helvetica, Tahoma; color: #BEBCBE; font-size: 11px; 

text-decoration:none;}
.navhead         { display: block; padding-left: 4px; padding-right: 4px; border: 1px solid 

#9C9A9C; background: url(/banner.gif); color: #9C9A9C; font-weight: bold; text-align: 

center;}
-->
</style>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <br>
    <center>
        <table width="738" border="0" cellpadding="0" cellspacing="0" background="/overall_bg.gif">
            <tr>
                <td colspan="4" rowspan="3">
                    <img src="/index_01.gif" width="173" height="176" alt=""></td>
                <td>
                    <img src="/index_02.gif" width="480" height="28" alt=""></td>
                <td colspan="2" rowspan="3">
                    <img src="/index_03.gif" width="85" height="176" alt=""></td>
            </tr>
            <tr>
                <td>
                    <img src="/banner.gif" width="480" height="124" alt=""></td>
            </tr>
            <tr>
                <td>
                    <img src="/index_05.gif" width="480" height="24" alt=""></td>
            </tr>
            <tr>
                <td>
                    <img src="/index_06.gif" width="13" height="50" alt=""></td>
                <td>
                    <img src="/index_07.gif" width="146" height="50" alt=""></td>
                <td colspan="2">
                    <img src="/index_08.gif" width="14" height="50" alt=""></td>
                <td colspan="2">
                    <img src="/index_09.gif" width="564" height="50" alt=""></td>
                <td>
                    <img src="/index_10.gif" width="1" height="50" alt=""></td>
            </tr>
            <tr>
                <td>
                    <img src="/index_11.gif" width="13" height="251" alt=""></td>
                <td class="content" valign="top" background="/nav.gif" width="146">
                    <!--// Navigation Start -->
                        <!--#include virtual="pageNavigation.shtml" -->
                    <!--// Navigation end -->
                </td>
                <td colspan="2">
                    <img src="/index_13.gif" width="14" height="251" alt=""></td>
                <td class="content" valign="top" colspan="2" background="/content.gif" width="564">
                    <!--// Content Starts Here! -->
                        <!--#include virtual="pageContent.shtml" -->
                    <!--// Content End -->
                </td>
                <td>
                    <img src="/index_15.gif" width="1" height="251" alt=""></td>
            </tr>
            <tr>
                <td colspan="3">
                    <img src="/index_17.gif" width="166" height="112" alt=""></td>
                <td colspan="4">
                    <img src="/index_18.gif" width="572" height="112" alt=""></td>
            </tr>
            <tr>
                <td>
                    <img src="/spacer.gif" width="13" height="1" alt=""></td>
                <td>
                    <img src="/spacer.gif" width="146" height="1" alt=""></td>
                <td>
                    <img src="/spacer.gif" width="7" height="1" alt=""></td>
                <td>
                    <img src="/spacer.gif" width="7" height="1" alt=""></td>
                <td>
                    <img src="/spacer.gif" width="480" height="1" alt=""></td>
                <td>
                    <img src="/spacer.gif" width="84" height="1" alt=""></td>
                <td>
                    <img src="/spacer.gif" width="1" height="1" alt=""></td>
            </tr>
        </table>
    </center>
    <div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;">
        Design provided by <a href="http://www.freewebtemplates.com/">Free Web Templates</a>
        - your source for free website templates
    </div>
</body>
</html>
Costin Trifan is offline  
Add Post to del.icio.us
Reply With Quote
Old 07-05-2007, 10:25 PM   #8 (permalink)
v7n Mentor
 
Costin Trifan's Avatar
 
Join Date: 04-13-07
Location: Romania
Posts: 2,963
iTrader: 0 / 0%
Latest Blog:
Ok, so we're back

Costin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web pro
pageNavigation.shtml

Code:
<!--// THIS IS THE NAVIGATION FILE -->
<div class="navhead">Xbox360Attacker</div>
<a href="http://xbox360-forums.com">&nbsp;::&nbsp;Forum</a><br>
<a href="directory.shtml">&nbsp;::&nbsp;txboxr Directory</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<div class="navhead">Section Two</div>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<div class="navhead">Section Three</div>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
<a href="#">&nbsp;::&nbsp;Link Here</a><br>
Costin Trifan is offline  
Add Post to del.icio.us
Reply With Quote
Old 07-05-2007, 10:26 PM   #9 (permalink)
v7n Mentor
 
Costin Trifan's Avatar
 
Join Date: 04-13-07
Location: Romania
Posts: 2,963
iTrader: 0 / 0%
Latest Blog:
Ok, so we're back

Costin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web pro
pageContent.shtml

Code:
<!--// THIS IS THE CONTENT -->

<div class="navhead">Layout Info</div>
<b>Layout Name:</b> GM White<br>
<b>Type:</b> Image-Based, Div<br>
<b>Iframes:</b> NO<br>
<b>Download Requirements:</b><br>
- No requirments needed.<br>
<b>Sopi Cost:</b> 0 Sopi<br>
<b>Features:</b><br>
- A Game Maker Ball at the top =D<br>
<b>Description:</b><br>
A Layout designed for a Game Maker site. Good for people who wants a site for their
GM Stuff such as examples, tutorials and games.<p>
<div class="navhead">Copyright & Final Comments</div>
    This layout is copyrighted by SenkouRyu, don't edit the copyright info anywhere!<br>
    Be sure to check <a href="http://www.senkouryu.net">http://www.senkouryu.net</a>
for more layouts like this or even better ones!
hth
Costin Trifan is offline  
Add Post to del.icio.us
Reply With Quote
Old 07-05-2007, 10:27 PM   #10 (permalink)
Inactive
 
Join Date: 06-20-07
Posts: 55
iTrader: 0 / 0%
Latest Blog:
None

x360 is liked by many
Sweet, thanks! That was exactly what I needed.
x360 is offline  
Add Post to del.icio.us
Reply With Quote
Old 07-05-2007, 10:44 PM   #11 (permalink)
v7n Mentor
 
Costin Trifan's Avatar
 
Join Date: 04-13-07
Location: Romania
Posts: 2,963
iTrader: 0 / 0%
Latest Blog:
Ok, so we're back

Costin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web pro
Glad I could help!
Costin Trifan is offline  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum

Reply

« Previous Thread | Next Thread »


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
help with my layout JamieJelly Graphic Design Forum 6 09-15-2006 08:38 AM
Need some more help with a CSS layout edbarton Web Design Lobby 8 06-12-2004 07:20 AM
Another Layout Designed... Another Layout Not Used... alpha3m Graphic Design Forum 18 03-17-2004 07:45 PM
My new layout sim Graphic Design Forum 7 03-03-2004 03:07 PM
MHS layout Pimpen 2010 Graphic Design Forum 17 02-18-2004 12:20 PM


Sponsor Links
Get exposure! Get exposure! Find Scripts Web Hosting Directory Get exposure! SEO Blog


Site Navigation: v7n Home .::. Graphics .::. Scripts .::. Web Designers .::. SEO Consultants .::. Web Hosting

Partners:V7N Web Directory .::. V7N Technology Blog .::. Host Ratings@V7N .::. V7N Affiliate Program .::. Advertise

All times are GMT -7. The time now is 05:19 AM.
© Copyright 2008 V7 Inc

Contact Us - Internet Marketing - Top