Jump to content


Simple Green - 100% Image Free


  • You cannot reply to this topic
7 replies to this topic

#1 JuggoPop

    Likes Etomite Forums!

  • Member
  • PipPip
  • 158 posts

Posted 09 June 2004 - 09:48 PM

Well, this morning I noticed that this part of the community had no posts... so I set off to make a simple theme, just to get a post in here. :)
but I was beat to the punch today by someone else... that's good though... people need to offer some help in this section. 8)
anyway... I made this 100% image free and included the css in the html so that no other files would be need to download.
the example is running HERE.
I can't say that it will always be at that link, but for now you can check it out there. It's not much, but it's free. :wink: It is in tables, so those of you that are anti-table... look the other way. There are no copyrights or links required for use.

Two things to note:

1. I placed a link for the pagetrail/breadcrumbs snippet in this layout... as I think it would work well and doesn't come stock... either remove/replace that line, or use the link to get the snippet running on your site, then replace that line with the snippet

2. it uses your page description as your KEYWORDS & DESCRIPTION meta tags.

anyway... have fun.

<html>

<head>

<title>[(site_name)] - [*pagetitle*]</title>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

<META HTTP-EQUIV="imagetoolbar" CONTENT="false">

<META NAME="KEYWORDS" CONTENT="[*description*]"> 

<META NAME="DESCRIPTION" CONTENT="[*description*]">

<style type="text/css">

<!--



/* The scroll bar colors only visible in IE5.5+ */

body { 

	background-color: C6CDC5;

	scrollbar-base-color: C6CDC5;

	scrollbar-track-color: C6CDC5;

}



.content1	{	font-size: 12px; font-family: verdana;	text-decoration: none; line-height : 120%; color : 000000;}

.content1 a:link	{ color: 3E9334; text-decoration: none;}

.content1 a:visited	{ color: 3E9334; text-decoration: none;}

.content1 a:active	{ color: 3E9334; text-decoration: none;}

.content1 a:hover { color: 3E9334; text-decoration: underline;}



.pagetitle	{ font-size: 11px; font-family: verdana; color: C0C7BF};}

.sitename	{ font-size: 28px; font-family: verdana; color: C0C7BF};}



.verytop  { font-size: 10px; font-family: verdana; color: 000000};}

.verytop a:link	{ color: 000; text-decoration: underline;}

.verytop a:visited	{ color: 000; text-decoration: underline;}

.verytop a:active	{ color: 000; text-decoration: underline;}

.verytop a:hover { color: 000; text-decoration: none;}



.menu  { font-size: 12px; font-family: verdana; color: 000};}

.menu a:link  { color: 000; text-decoration: none;}

.menu a:visited  { color: 000; text-decoration: none;}

.menu a:active  { color: 000; text-decoration: none;}

.menu a:hover { color: 000; text-decoration: underline;}



.copyright  { font-size: 10px; font-family: verdana; color: C0C7BF}; letter-spacing: -1px;}

.copyright	a:link	{ color: C0C7BF; text-decoration: none;}

.copyright	a:visited	{ color: C0C7BF; text-decoration: none;}

.copyright	a:active	{ color: C0C7BF; text-decoration: none;}

.copyright a:hover { color: C0C7BF; text-decoration: underline;}



-->

</style>



</head>

<body leftmargin="0" rightmargin="0" bottommargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="755" height="100%" border="0" cellpadding="0" cellspacing="0" align="center">

	<tr>

  <td rowspan="4" bgcolor="#3C4D3A" width="2" height="100%"></td>

  <td colspan="6" bgcolor="#C0C7BF" width="751" height="22" align="right">

    <div class="verytop" style="padding-right:10px;">



<a href="http://forums.cookiebean.com/viewtopic.php?p=291#291" target="_blank" title="Click Here for the Phase Snippet">Breadcrumbs / Page Trail</a> could go here...



    </div>

  </td>

  <td rowspan="4" bgcolor="#3C4D3A" width="2" height="100%"></td>

	</tr>

	<tr>

  <td colspan="6" bgcolor="#6C866A" width="751" height="69">

    <div class="sitename" style="padding-left:15px;">



[(site_name)]



    </div>

    <div class="pagetitle" style="padding-left:15px;">



[*pagetitle*]



    </div>

  </td>

	</tr>

	<tr>

  <td bgcolor="#C0C7BF" width="133" height="*" valign="top">

    <div class="menu" style="padding-left:15px; padding-top:10px; padding-right:15px; padding-bottom:10px;">



[[MainMenu]]



    </div>

  </td>

  <td bgcolor="#6C866A" width="1" height="*"></td>

  <td bgcolor="#849982" width="6" height="*"></td>

  <td bgcolor="#95A894" width="5" height="*"></td>

  <td bgcolor="#B5C2B4" width="4" height="*"></td>

  <td bgcolor="#EDEFED" width="603" height="*" valign="top">

    <div class="content1" style="padding-left:15px; padding-top:10px; padding-right:15px; padding-bottom:10px;">



[*content*]



    </div>

  </td>

	</tr>

	<tr>

  <td colspan="6" bgcolor="#6C866A" width="751" height="25" align="center" class="copyright">Copyright &copy; [[PoweredBy]]</td>

	</tr>

</table>

</body>

</html>

Edited by Ralph (rad14701), 01 October 2005 - 02:42 AM.


#2 JuggoPop

    Likes Etomite Forums!

  • Member
  • PipPip
  • 158 posts

Posted 09 June 2004 - 09:51 PM

PS. Comments Welcome... changes are welcome as well...

also, to change the color from green to anything else only requires hex value changes. (but I'm sure you could already tell that) :wink:

#3 Guest_Alex_*

  • Guests

Posted 09 June 2004 - 10:01 PM

Nice ;)

Might put that in Phase as one of the standard templates, someday.

#4 JuggoPop

    Likes Etomite Forums!

  • Member
  • PipPip
  • 158 posts

Posted 09 June 2004 - 11:07 PM

Glad you like it Alex... thanks!

-------------

To show how easy it is to change the colors I added a blue version to the Completed Templates forum...

http://forums.cookiebean.com/viewtopic.php?p=1866#1866

#5 xiyar

    Etomite Forum Newbie

  • Member
  • 3 posts

Posted 16 June 2005 - 09:25 AM

Unfortunatly it does not show menu at all or correctly.

#6 Dean

    Loves Etomite Forums!

  • Admin
  • 4,758 posts
  • Gender:Male

Posted 16 June 2005 - 09:52 AM

You need to replace the [[MainMenu]] call with your Menu's snippet call instead :)

#7 bluewaterbroadband

    Etomite Forum Fan

  • Member
  • Pip
  • 115 posts

Posted 09 August 2005 - 10:46 PM

Has anyone developed a menu snippet that looks good with this template?

#8 jaredc

    Loves Etomite Forums!

  • Member
  • PipPipPipPip
  • 1,193 posts

Posted 10 August 2005 - 12:33 AM

Most of the menu snippets are styleable to go with pretty much any layout. Wow this forum takes me back. This template was created when Etomite wasn't even Etomite, it was "Phase." Still, I just tried the template in my beta 0.6.1 install and it lit right up! Cool.

But anyway, you should be able to dump pretty much any menu snippet in there you like and get it to match style wise. That is, if you have an idea of what you want it to look like (which often times I don't right away :D ).





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users