|
|
Post by matthew on Jan 14, 2006 8:01:36 GMT -5
basic web template Anyone can use this and modify it how they want. if you have any questions post them below  preview
<html>
<head>
<title> Layout</title>
<style type="text/css">
<!--
body
{
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-3dlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-shadow-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
background: #ffffff;
background-image: url();
background-position:center top;
background-repeat:repeat-y;
}
.Banner
{
background-image: url(BANNER IMAGE GOES HERE);
background-color: #ffffff;
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
font-weight: bold;
}
.Headingbar
{
background-color:#ffffff;
background-image: url(HEADING BAR IMAGE GOES HERE);
background-repeat: repeat;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
font-weight: bold;
}
.menubar
{
background-image: url(MENU BAR IMAGE GOES HERE);
background-repeat: no-repeat;
background-color:#ffffff;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 10px;
font-weight: bold;
}
.Menucell
{
background-color: #ffffff;
padding-top:3px;
padding-bottom:3px;
padding-right:3px;
padding-left:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 10px;
}
.MainCell
{
background-color: #ffffff;
padding-top:3px;
padding-bottom:3px;
padding-right:3px;
padding-left:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
}
.border
{
background-color: #000000;
}
a:link
{
color: blue;
text-decoration: none
;
}
a:active
{
color: blue;
text-decoration: none
;
}
a:visited
{
color: green;
text-decoration: none
;
}
a:hover
{
color: red;
text-decoration: underline
;
}
-->
</style>
</head>
<body>
<div align =" center">
<!-- Banner Table -->
<table border="0" cellpadding="0" cellspacing="0" width="650">
<tr>
<td width="100%" class="border">
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tr>
<td width =" 100%" height =" 80" align =" center" class =" Banner">
Banner
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<!-- Main Table -->
<table border="0" cellpadding="0" cellspacing="0" width="650">
<tr>
<td width="100%" class="border">
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<!-- Heading -->
<tr>
<td width="100%" colspan =" 2" class="Headingbar" valign="center" height="30" >
heading
</td></tr>
<!-- Nav Menu Bar -->
<tr>
<td width="20%" class="Menubar" valign="center" height="20" >
Nav Bar
</td>
<!-- Main Text -->
<td width="80%" rowspan =" 4" class="Maincell" valign="top" height="280" >
<p>
<blockquote>Magnus es, domine, et laudabilis valde: magna virtus tua, et sapientiae tuae non est numerus. et laudare te vult
homo, aliqua portio creaturae tuae, et homo circumferens mortalitem suam, circumferens testimonium peccati sui et
testimonium, quia superbis resistis: et tamen laudare te vult homo, aliqua portio creaturae tuae.tu excitas, ut laudare te
quomodo credent sine praedicante? et laudabunt dominum qui requirunt eum. quaerentes enim inveniunt eum et invenientes
laudabunt eum. quaeram te, domine, invocans te, et invocem te credens in te: praedicatus enim es nobis. invocat te, domine,
fides mea, quam dedisti mihi, quam inspirasti mihi per humanitatem filii tui, per ministerium praedicatoris tui.</blockquote>
<blockquote>prolocutus sum adversum me delicta mea, deus meus, et tu dimisisti inpietatem cordis mei? non iudicio
contendotecum, qui veritas es; et ego nolo fallere me ipsum, ne mentiatur iniquitas mea sibi. non ergo iudicio contendo
tecum, quia, si iniquitates observaveris, domine, domine, quis sustinebit?</blockquote>
</td>
<tr>
<!-- Nav Bar Links -->
<td width="20%" class="Menucell" Valign="Top" height="120" >
<a href =" " >Home</a><br>
<a href =" " >About</a><br>
<a href =" " >Tutorials</a><br>
<a href =" " >Downloads</a><br>
<a href =" " >Forum</a><br>
<a href =" " >Affiliates</a><br>
</td>
</tr>
<tr>
<!-- Quick Links Menu Bar-->
<td width="20%" class="Menubar" valign="center" height="20" >
Quick Links
</td>
</tr>
<tr>
<!-- Quick Links -->
<td width="20%" class="Menucell" height="120" valign =" top">
<a href =" " target =" _blank">Off Site Link 1</a><br>
<a href =" " target =" _blank">Off Site Link 1</a><br>
<a href =" " target =" _blank">Off Site Link 1</a><br>
<a href =" " target =" _blank">Off Site Link 1</a><br>
<a href =" " target =" _blank">Off Site Link 1</a><br>
<a href =" " target =" _blank">Off Site Link 1</a><br>
<a href =" " target =" _blank">Off Site Link 1</a><br>
<a href =" " target =" _blank">Off Site Link 1</a><br>
</td>
</tr>
<!-- Extra Stuff -->
<tr>
<td width="100%" colspan =" 2" class="Maincell" valign="top" height="70" >
Extra Stuff
</td>
</tr>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
|
|
|
|
Post by hischild on Jan 14, 2006 8:18:28 GMT -5
This ought to be quite useful to the rodent. LOL
|
|
|
|
Post by lostsoul on Jan 14, 2006 11:51:30 GMT -5
Actually GC i was the one who asked for this to be done  so it was inspired by me hehe but im working on my own templates now. To see a working version of the template go here This link will be broken soon as the site may be deleted or the template might change. |
|
|
|
Post by Ellie on Apr 10, 2006 14:07:55 GMT -5
Hey M@, I'm working on a webpage using this template and I was wondering if there's a way to change the color of the "extra stuff" background so that it's different than the "main cell" background? Here's what I have. I'd like the Extra Stuff cell to be the same light green as the Heading cell. Is that possible without too much work? (hehe I'm lazy these days.) Thanks! |
|
|
|
Post by ~•XyMiC•~ on Apr 10, 2006 15:35:18 GMT -5
Could you use this in freewebs?
|
|
|
|
Post by Ellie on Apr 10, 2006 16:02:21 GMT -5
Yes, that's where I have mine right now.
|
|
|
|
Post by mahud on Apr 10, 2006 16:32:48 GMT -5
<!-- Extra Stuff --> <tr> <td width="100%" colspan =" 2" class=" Maincell" valign="top" height="70" > Look for the class attribute for that table cell and change it to something else, like 'extracell' or something. <!-- Extra Stuff --> <tr> <td width="100%" colspan =" 2" class=" extracell" valign="top" height="70" > And then add this (and any changes you want to make) to the css. .extracell { background-color: #f5fff6; padding: 3px 3px 3px 3px; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } And that will do it. It's looking good btw, Ellie. And I like the background ;D Edit: I've put the light green in the css  |
|
|
|
Post by Ellie on Apr 10, 2006 18:32:41 GMT -5
THANK YOU, Matt!!!  That was so helpful and now it looks exactly the way I wanted it. The site's not completely finished, but almost! Click to see! ;D |
|
|
|
Post by mahud on Apr 10, 2006 19:01:16 GMT -5
It looks wonderful, Ellie . are you going to add a blog to it? I saw the mom's journal link. freewebs have a pretty good blog you can add to your site. you might need to modify the table for it a bit. but i can help with that. If you need it ;D |
|
|
|
Post by Ellie on Apr 11, 2006 12:45:19 GMT -5
Thank you, M@. I do want to add a blog for the journal page, and I'd love your help with modifying the table so that it works. I think I need to do the same thing for the guestbook, too. I really appreciate all your help. |
|
|
|
Post by Aled on Apr 11, 2006 13:35:10 GMT -5
The freewebs scripts are quite conveinient Ive just used some of them on my new website, all i need t do now is to sort out that offset that it has in IE  i dont know why its like that |
|
|
|
Post by mahud on Apr 11, 2006 21:00:41 GMT -5
The freewebs scripts are quite conveinient Ive just used some of them on my new website, all i need t do now is to sort out that offset that it has in IE i dont know why its like that I think that's the problem i had, Aled, but I think i've fixed it view The blog in I.E How it's fixedHere's the blog code you need to add to your web page, and the highlighted css is the bit you need to add <!--- Start Freewebs Blog Code ---> <LINK href="http://images.freewebs.com/Styles/blog.css" type=text/css rel=stylesheet> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://blogs.freewebs.com/Members/Blogs/viewBlogRSS.jsp?userid=17907579" /> <style>
.fwBlogCommentContainer { margin: 0; }
</style><script src="http://images.freewebs.com/JS/blog.js"></script> <script>startBlog(17907579);</script><script>initBlog();</script> <div style="text-align:right"><a title="View RSS feed" href="http://blogs.freewebs.com/Members/Blogs/viewBlogRSS.jsp?userid=17907579"> <img style="border: 0px;" alt="View RSS feed" src="http://images.freewebs.com/Images/rss.gif"></a></div> <!--- End Freewebs Blog Code ---> hopefully, if you add that to the blog code , Ellie it should look ok, and not overlap the border on the right
Alternatively you can copy the external stylesheet into a notepad from the blog code, and save it as 'blog.css' and then upload it to your file manager, and then link it to the code like this. <!--- Start Freewebs Blog Code ---> <LINK href=" blog.css" type=text/css rel=stylesheet> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://blogs.freewebs.com/Members/Blogs/viewBlogRSS.jsp?userid=17907579" /> <script src="http://images.freewebs.com/JS/blog.js"></script> <script>startBlog(17907579);</script><script>initBlog();</script> <div style="text-align:right"><a title="View RSS feed" href="http://blogs.freewebs.com/Members/Blogs/viewBlogRSS.jsp?userid=17907579"> <img style="border: 0px;" alt="View RSS feed" src="http://images.freewebs.com/Images/rss.gif"></a></div> <!--- End Freewebs Blog Code ---> Then look for this part of the CSS .fwBlogCommentContainer { border: 1px solid #c0c0c0; margin-left: 15px; margin-right: 15px; padding: 5px; background: url(http://images.freewebs.com/Images/null.gif); width: 100%; } and remove the margin-left and margin-right declarations, and replace with margin: 0;Swapping over the entire stylesheet is the best way to do it as it will give you complete control over the blog style. |
|
|
|
Post by mahud on Apr 12, 2006 0:28:49 GMT -5
I've remade the table code for you, Ellie here's a previewdownloadhopefully, I haven't made any mistakes zipping it up and stuff, but if you have any problems, let me know |
|
|
|
Post by Aled on Apr 12, 2006 6:21:50 GMT -5
Thanks Matt ill see if that works ;D
|
|
|
|
Post by Ellie on Apr 12, 2006 19:52:41 GMT -5
Thank you so much, Matt!!! You've been a lifesaver! I'm off to modify my blog... Oh, I wasn't able to download the table code. For some reason it brings me back to this page? |
|
|
|
Post by mahud on Apr 13, 2006 3:41:25 GMT -5
oops, my fault for hosting the zip at freewebs. Sorry about that. I've rehosted it a ripway ;D download |
|
|
|
Post by Ellie on Apr 13, 2006 14:00:28 GMT -5
Yay! I got all of the blog and table stuff in and it looks awesome! My husband (who is not easily impressed with anything, lol) is super impressed with your web template. He said it looks like you put a ton of work into it. And all of my friends keep telling me how great it turned out. Thank you so much for helping me get it up and going. It's perfect! ;D Edited to correct my awful spelling! |
|
|
|
Post by mahud on Apr 13, 2006 18:09:24 GMT -5
It's no problem, Ellie. i'm glad it's gone down so well, hehe . |
|
|
|
Post by damian on Apr 27, 2006 17:21:00 GMT -5
Good job M@!
|
|
|
|
Post by James on Apr 30, 2006 7:21:55 GMT -5
Yeah, simple to use but nice simple interface. |
|
