Code/template Help - Printable Version
-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: Code/template Help (/showthread.php?tid=62466)
Code/template Help by welshboy222 on 07-03-2006 at 09:58 PM
Hi I want to make my own design like but I don't know where to start. How do I create buttons or where do I get them?
Where can I get mini images for buttons?
What images do I use?
Do I make it out of html?
How do I fix it into the corner of page?
Do I use ftp?
Maybe Graphics?
If you still don't understand I want to make the layout. Like to put the menu and logo and buttons.
Thanks for caring!
RE: Code/template Help by Chris4 on 07-03-2006 at 10:04 PM
Well, you have to learn HTML first. [Learn it here]
You use whatever images you want, it's not easy to make a layout. It will take a long time to learn how to make it all, etc.
Buttons, just search Google. [Button Generator]
A good place to start is making it on Microsoft Frontpage.
You also need a website to host your layout & website on. [Lots of free hosts]
RE: Code/template Help by welshboy222 on 07-03-2006 at 10:06 PM
I have used css to map out the layout but how do I put all the images in the right place?
<html>
<head>
<title>Two Column CSS Layout with Header</title>
<style type="text/css">
body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 15px;
}
</style>
</head>
<body>
<div id="header">
Your header will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #header selector in the style sheet that is located on this page between the head tags.
</div>
<div id="left">
Your left menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags.
</div>
<div id="center">
All of your content goes in this div. This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly. To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags.
</div>
</body>
</html>
RE: Code/template Help by RaceProUK on 07-03-2006 at 11:16 PM
quote:With <img> tags maybe?
Originally posted by welshboy222
how do I put all the images in the right place?
RE: RE: Code/template Help by rav0 on 07-03-2006 at 11:50 PM
quote:Don't you mean that you have copied somebody else's code?
Originally posted by welshboy222
I have used css to map out the layout
quote:Just put the image tag where you want the image to appear.
Originally posted by welshboy222
how do I put all the images in the right place?