View Full Version : Free fully coded XHTML layout
--ss--
03-02-2008, 03:55 PM
It's a very basic design but it's perfect for beginers.
It's coded in CSS + DIVS and is Fully expandable and is XHTML & CSS valid.
I've made it easy to update content by using PHP includes and Ajax divs so when you click a link only the content div reloads.
Live preview: http://www.shanes.sawhosting.com/hhgs/layout.php
Download: http://www.shanes.sawhosting.com/hhgs/layout.zip
As already said it's not the best but if you wanted something coded as that standards it will set you back around £10 where as this is completely free :P
Post here if you need any help with it ^^
You need to close your script tags with the proper tag not /> as its not a tag that isn't closed like input or br
--ss--
03-02-2008, 04:11 PM
You need to close your script tags with the proper tag not /> as its not a tag that isn't closed like input or br
Hmm wasn't picked up by W3 , i'll change it later :P
Pfft several people looked at this thread yet 1 reply :(.
Davii
03-02-2008, 04:22 PM
Very cool ur so genrous !! :D
--ss--
03-02-2008, 04:53 PM
Very cool ur so genrous !! :D
I know :o I always thought people liked free layouts yet no one bothers to give me CC :(
Maybe because it can't be improved? Anyways, I cant see it unless you sort out your script tag problems
MrCraig
03-02-2008, 05:23 PM
it doesnt work in ie :S
theJOSH
03-02-2008, 05:51 PM
Pretty nice. :D
--ss--
03-02-2008, 07:40 PM
Maybe because it can't be improved? Anyways, I cant see it unless you sort out your script tag problems
it doesnt work in ie :S
Sorted and the Zip has been updated :)
Also if you try to view the file on your hardrive it won't work as all the content are in separate files so it will come out dodgy ;).
Been checked on Firefox, IE & Opera and should now work fine.
It looks pretty good, should be great for beginners and to help them change code and stuff.
--ss--
04-02-2008, 03:46 PM
It looks pretty good, should be great for beginners and to help them change code and stuff.
Yep that's the point :P
It's designed to work like a CMS so you add all the pages externally to .txt files which get included into one document so there isn't much load time and fiddly stuff.
This is what the code in the body really looks like which is simple enough to edit :p
<body>
<div id="container">
<div id="banner"></div>
<div id="top">Ermm yh.</div>
<div id="nav">
<!--Navigation-->
<?php include ("nav.txt")?>
<!--End Navigation-->
</div>
<div id ="main">
<!--Main Content-->
<?php include ("main.txt")?>
<!--End Content-->
</div>
</div>
<div id="disc">
<!--Disclaimer-->
<?php include ("disclaimer.txt")?>
<!--End Disclaimer-->
</div>
</body>
I'll be happy to make and code more free layouts as long as people actually want them.
I REEAALLY LIKE THIS LAYOUT:. BUT I'M UNLUCKY :( I DON'T KNOW .PHP :(
--ss--
06-02-2008, 04:06 PM
I REEAALLY LIKE THIS LAYOUT:. BUT I'M UNLUCKY :( I DON'T KNOW .PHP :(
There is not php involved in the layout except the includes which are there to display the content from the .txt files.
These are there to make it easier for you to edit the content ;).
Lol, you can't edit it as you should. You have to code you own things, like Images etc.. (i ment if you want to add an image)
PS: Can someone teach me how to code, or code my layout?
Credits being given on the site.
SKEEN
06-02-2008, 08:35 PM
Omg.. wow Shane! you've improved a lot. Nice layout :P.
Independent
06-02-2008, 08:36 PM
It's a very basic design but it's perfect for beginers.
It's coded in CSS + DIVS and is Fully expandable and is XHTML & CSS valid.
I've made it easy to update content by using PHP includes and Ajax divs so when you click a link only the content div reloads.
Live preview: http://www.shanes.sawhosting.com/hhgs/layout.php
Download: http://www.shanes.sawhosting.com/hhgs/layout.zip
As already said it's not the best but if you wanted something coded as that standards it will set you back around £10 where as this is completely free :P
Post here if you need any help with it ^^
Pretty nice, +REP (Hope it helps someone.. Also, loving the orange gradient
--ss--
06-02-2008, 08:36 PM
Lol, you can't edit it as you should. You have to code you own things, like Images etc.. (i ment if you want to add an image)
PS: Can someone teach me how to code, or code my layout?
Credits being given on the site.
There are only 3 images , a banner , a gradient and a background which are easy to change?
If you mean you want to add an image to your content then add this code
<img src="URL" alt="Text" />
to the .txt file you want it to be displayed in (Eg the main content , nav or disclaimer)
Ok.. But is there anyone who can code my layout:
http://images.habboupload.com/1202063409.gif
IF yes, PM - and i'll send you the full image
SKEEN
06-02-2008, 08:41 PM
Ok.. But is there anyone who can code my layout:
http://images.habboupload.com/1202063409.gif
IF yes, PM - and i'll send you the full image
Why are you hijacking his thread..
Because i really need this layout to be coded.
Forge
06-02-2008, 08:59 PM
I REEAALLY LIKE THIS LAYOUT:. BUT I'M UNLUCKY :( I DON'T KNOW .PHP :(
huh?!? you like this layout but you dont know PHP? Why would you need to know PHP? :s
--ss--
07-02-2008, 03:47 PM
huh?!? you like this layout but you dont know PHP? Why would you need to know PHP? :s
Well I did use PHP includes to manage the content shown so i'm guessing they're confusing even though they're quite easy to understand.
dannyisnotamazing
09-02-2008, 08:56 PM
Thats cool, thanks. :)
--ss--
10-02-2008, 01:28 PM
Thats cool, thanks. :)
Np xox
Any more feedback ? :(
jasonflavel
11-02-2008, 07:27 PM
Nice :)
Never used that concept tbh so im not sure i would addapt :)
Is it possible to have all the pages on diffrent documents?
(im new to things like this you see)
--ss--
11-02-2008, 07:58 PM
Nice :)
Never used that concept tbh so im not sure i would addapt :)
Is it possible to have all the pages on diffrent documents?
(im new to things like this you see)
Yes it is , but I find using Includes alot easier to manage as all you do is add content to a new .txt file then update the nav bar ;)
If you need any help on how you add new links to the navbar you can read it here:
http://dynamicdrive.com/dynamicindex17/ajaxcontent.htm
All you do is add an hyper link to the text but instead of an URL you have it as
javascript:ajaxpage('page.txt', 'main');
Where page = the name of the .txt file with the content you want loaded and main being the id of the div you want to content to be shown in ;).
I dont have any reason to use it but it looks good :) I dont understand how the php thing works but want one of my layouts to do that
--ss--
11-02-2008, 08:31 PM
I dont have any reason to use it but it looks good :) I dont understand how the php thing works but want one of my layouts to do that
The <?php include ("URL") ?> basically does what it says , it includes an external file into actual page, Instead of having to do alot of mucking around on the main page with the CSS and HTML you can have all the content in .txt files which will get included onto the main page.
Along side the aid of AJAX you can make it so the file that gets included changes when you click on the nav so the page doesn't have to reload and only the content div will automatically update.
Using this method lowers the amount of .html files you would usually make and lowers load time ;).
ryan-h
26-02-2008, 08:06 AM
Thanks for this layout +Rep
Want to hide these adverts? Register an account for free!
Powered by vBulletin® Version 4.2.5 Copyright © 2024 vBulletin Solutions Inc. All rights reserved.