Aquí tienes la plantilla y los códigos
[contenido no disponible]Plantilla HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--
################################ DO NOT REMOVE ################################
WEB TEMPLATE CREATED BY IRON SPIDER -
http://www.ironspider.ca/COPYRIGHT © Robert Darrell 2008 - All rights reserved.
THE DISTRIBUTION, SALE OR LEASE OF THIS WEB TEMPLATE
AND/OR THE ASSOCIATED BACKGROUND IMAGES IS STRICTLY PROHIBITED.
################################ DO NOT REMOVE ################################
-->
<html>
<head>
<title>INMENU RECETAS</title>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="main recetas.css">
<script src="../templates.js" type="text/javascript"></script>
</head>
<body>
<table class="Global" cellpadding="0" cellspacing="2" border="1">
<tr><td height="127" colspan="3">
<table class="Header" cellspacing="0" border="0"><tr>
<td style="background: url('temp-header-bg.jpg') no-repeat;" width="100%" align="left"><div style="display: table; margin-left: 20px; margin-top: 20px;"> </div></td>
</td></tr></table>
<div style="height: 1px; background: #284151;">
[contenido no disponible]</div>
<table class="NavBar" cellspacing="0" border="0"><tr><td>
<table class="NavBarMenu" cellspacing="0" border="0"><tr>
<td>Home \ </td>
<td>News \ </td>
<td>Photos \ </td>
<td>Links \ </td>
<td>Contact</td>
</tr></table>
</td></tr></table>
</td></tr>
<tr><td class="Left" width="150" align="center">
<div class="BoxStyle" style="width: 120px; height: 171px;"><img src= width="120" height="171" alt="foto del plato"></div>
<table cellspacing="0" class="BoxStyle" style="width: 120px; margin-bottom: 15px;"><tr><td style="padding: 10px;">
<h2>¡Qué aproveche!</h2></p>
</td></tr></table>
</td>
<td class="Content Padded" width="55%">
<h1 class="HeadingStyle">Nombre de la receta</h1>
<h2>Ingredientes</h2></p>
This is the content area of your web page. For now it contains this filler text to help you visualize what your web page will look like when it's complete. Replace this text with your own text (and graphics). Here's an example of the link text color in the content area.
To find this section in the HTML source code, open this page in any text editor or HTML editor and do a search for the phrase "Begin Content". If you're using Internet Explorer, then you can open the HTML source code in Notepad by simply clicking on
View » Source.
<h2>Preparación</h2></p>
</td>
<td class="Right Padded">
<table class="RightPanelBox" cellspacing="0" border="0"><tr><td class="Padded">
<h2>Notas</h2>
</td></tr></table>
</td></tr>
<tr><td colspan="3" class="Footer" style="vertical-align: middle;">
Copyright © INMENU por Kane Design by
Iron Spider</td></tr></table>
</body>
</html>
----------------------------------------------------------
MAIN RECETAS. CSS
BODY {
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: white;
COLOR: black;
}
A:link {background: none; color: maroon; text-decoration: underline; cursor: pointer;}
A:visited {background: none; color: maroon; text-decoration: underline; cursor: pointer;}
A:hover {background: none; color: red; text-decoration: underline; cursor: pointer;}
A:active { background: none; color: red; background: underline; cursor: pointer;}
.Global {
WIDTH: 100%;
HEIGHT: 100%;
}
.Global TD {
VERTICAL-ALIGN: top;
BORDER: 1px solid black;
}
.Header {
WIDTH: 100%;
HEIGHT: 100px;
PADDING: 0px;
}
.Header TD {
BORDER: 0px;
VERTICAL-ALIGN: top;
TEXT-ALIGN: left;
}
.NavBar {
WIDTH: 100%;
HEIGHT: 27px;
}
.NavBar TD {
BACKGROUND: url("silverline-gradient.gif") repeat;
COLOR: inherit;
FONT: 16px verdana,sans-serif;
PADDING: 0px 0px 0px 30px;
TEXT-ALIGN: left;
BORDER: 0px;
VERTICAL-ALIGN: middle;
}
.NavBarMenu TD {
BACKGROUND: none;
COLOR: gray;
FONT: bold 16px verdana,sans-serif;
PADDING: 0px 10px 0px 0px;
BORDER: 0px;
VERTICAL-ALIGN: middle;
}
.Left {
BACKGROUND: #b9b9b9;
COLOR: inherit;
}
.Content {
BACKGROUND: #f0f0f0;
COLOR: inherit;
}
.Right {
BACKGROUND: #b9b9b9;
COLOR: inherit;
}
.RightPanelBox {
WIDTH: 100%;
HEIGHT: 100%;
BACKGROUND: #f0f0f0;
}
.BoxStyle {
WIDTH: 90%;
BACKGROUND: #f0f0f0;
COLOR: inherit;
BORDER: 1px solid #284151;
MARGIN-TOP: 15px;
}
.BoxStyle TD {
BACKGROUND: #f0f0f0;
COLOR: inherit;
PADDING: 0px;
TEXT-ALIGN: left;
BORDER: 0px;
}
.HeadingStyle {
COLOR: #000000;
FONT: bold 20px verdana,sans-serif;
BACKGROUND: inherit;
}
P {
FONT: 13px arial,sans-serif;
}
.Padded {
PADDING: 15px;
}
.SmallFont {
FONT: 13px verdana,sans-serif;
}
.MedFontBold {
FONT: bold 15px verdana,sans-serif;
}
.SmallFont TD {
FONT: 13px verdana,sans-serif;
}
.MedFontBold TD {
FONT: bold 15px verdana,sans-serif;
}
.Footer {
BACKGROUND: url("silverline-bg.gif");
COLOR: #000000;
FONT: 13px verdana,sans-serif;
HEIGHT: 22px;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: center;
}
