martes, 1 de junio de 2010

Código HTML Blog del Curso


Blog del Curso


<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<script type='text/javascript'>//<![CDATA[function valid(form) {var field = form.email;var str = field.value;if (window.RegExp) {var reg1str = "(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)";var reg2str = "^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$";var reg1 = new RegExp(reg1str);var reg2 = new RegExp(reg2str);if (!reg1.test(str) && reg2.test(str)) {return true;}field.focus();field.select();return false;} else {if(str.indexOf("@") >= 0)return true;field.focus();field.select();return false;}}//]]></script>

<head>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[/*

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

Blogger Template Style

Name: Rounders

Designer: Douglas Bowman

URL: www.stopdesign.com

Date: 27 Feb 2004

Updated by: Blogger Team

MODIFIED BY:

Designer: LSCA. JOSÉ MARTÍN HERNÁNDEZ RODRÍGUEZ

URL: http://gollumsm.spaces.live.com/

Date: 25 Agosto 2009

Updated by: LSCA. JOSÉ MARTÍN HERNÁNDEZ RODRÍGUEZ

----------------------------------------------- */

/* Variable definitions

====================

<Variable name="mainBgColor" description="Main Background Color"

type="color" default="#fff" value="#e6e6e6">

<Variable name="mainTextColor" description="Text Color" type="color"

default="#333" value="#000000">

<Variable name="postTitleColor" description="Post Title Color" type="color"

default="#333" value="#cc0000">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#357" value="#3D81EE">

<Variable name="borderColor" description="Post Border Color" type="color"

default="#bbb" value="#e6e6e6">

<Variable name="mainLinkColor" description="Link Color" type="color"

default="#258" value="#003366">

<Variable name="mainVisitedLinkColor" description="Visited Link Color"

type="color" default="#666" value="#e1771e">

<Variable name="titleBgColor" description="Page Header Background Color"

type="color" default="#456" value="#003366">

<Variable name="titleTextColor" description="Blog Title Color"

type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarHeaderColor"

description="Top Sidebar Title Color"

type="color" default="#234" value="#ffcc66">

<Variable name="topSidebarBgColor"

description="Top Sidebar Background Color"

type="color" default="#cdc" value="#003366">

<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"

type="color" default="#345" value="#ffffff">

<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"

type="color" default="#258" value="#00FF80">

<Variable name="topSidebarVisitedLinkColor"

description="Top Sidebar Visited Link Color"

type="color" default="#258" value="#cccccc">

<Variable name="bodyFont" description="Text Font" type="font"

default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="pageTitleFont" description="Blog Title Font" type="font"

default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="descriptionFont" description="Description Font" type="font"

default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="headerFont" description="Sidebar Title Font" type="font"

default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="postTitleFont" description="Post Title Font" type="font"

default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">

*/

body {

background:#aba;

margin:0;

text-align:center;

line-height: 1.5em;

font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;

color:$mainTextColor;

font-size/* */:/**/small;

font-size: /**/small;

}

/* Page Structure

----------------------------------------------- */

/* The images which help create rounded corners depend on the

following widths and measurements. If you want to change

these measurements, the images will also need to change.

*/

#outer-wrapper {

width:1200px;

margin:0 auto;

text-align:left;

font: $bodyFont;

}

#main-wrap1 {

width:710px;

float:left;

background:$mainBgColor url("http://wwcxqw.bay.livefilestore.com/y1p779vXD5XbJ841Qmz0Bz5DISYHaRxLRY-QNcw8WZ9sOERkTkbwD8gfBkLCDNxLWUADCRJbhgrKPtFKgn2dnjNzZ2tE4uLX4m1/entradabajo.jpg") no-repeat left bottom;

margin:15px 5px 0;

padding:0 0 10px;

color:$mainTextColor;

font-size:97%;

line-height:1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}

#main-wrap2 {

float:left;

width:100%;

background:url("http://wwcxqw.bay.livefilestore.com/y1py8cPD-nXrFK9M6kNPZgkAmlDbnQaAH7ENJ5YE-aGrubRXPSqdKdEpTL6zZ-YUUoz5DuLfAwFeUAXK6Y7AemN6gMkj5yY5DI-/entradaarriba.jpg") no-repeat left top;

padding:10px 0 0;

}

#main { background:url("http://wwcxqw.bay.livefilestore.com/y1pDKtN7d7A4b6ymwYWPIWsCTLJKogrRM5r2DsV_QwyrZeUAoAX9dJxEGl-leseQo0-AXalz8wizLa1LgxeDv0c0BA7CFRSe_9v/entradacentro.jpg") repeat-y;

padding:0;

}

.sidebar-wrap {

width:240px;

float:left;

margin:15px 0 0;

font-size:97%;

line-height:1.5em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}

.main .widget {

margin: 0 13px 4px 13px;

}

.main .Blog {

margin: 0;

}

/* Links

----------------------------------------------- */

a:link {

color: $mainLinkColor;

}

a:visited {

color: $mainVisitedLinkColor;

}

a:hover {

color: $mainVisitedLinkColor;

}

a img {

border-width:0;

}

/* Blog Header

----------------------------------------------- */

#header-wrapper {

background:$titleBgColor url("http://img437.imageshack.us/img437/3983/rounders1topcornerbf6.jpg") no-repeat left top;

margin:22px 0 0 0;

padding:8px 0 0 0;

color:$titleTextColor;

}

#header {

background:url(" http://wwcxqw.bay.livefilestore.com/y1p_FIKhoQmEuMLDJoqBf3gnx6plGsAlTHkAbffYsNLKgYKNvm6GVgZk1kd2WZrzQUQPxKnMgZ-Dm9pYTQyxZsJX9IfoS6ifCbD/cabeceraabajo.jpg") no-repeat left bottom;

padding:0 15px 8px;

}

#header h1 {

margin:0;

padding:10px 30px 5px;

line-height:1.2em;

font: $pageTitleFont;

}

#header a,

#header a:visited {

text-decoration:none;

color: $titleTextColor;

}

#header .description {

margin:0;

padding:5px 30px 10px;

line-height:1.5em;

font: $descriptionFont;

}

/* Posts

----------------------------------------------- */

h2.date-header {

margin:0 28px 0 43px;

font-size:85%;

line-height:2em;

text-transform:uppercase;

letter-spacing:.2em;

color:$dateHeaderColor;

}

.post {

margin:.3em 0 25px;

padding:0 13px;

border:1px dotted $borderColor;

border-width:1px 0;

}

.post h3 {

margin:0;

line-height:1.5em;

background:url("http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5em;

display:block;

border:1px dotted $borderColor;

border-width:0 1px 1px;

padding:2px 14px 2px 29px;

color: $postTitleColor;

font: $postTitleFont;

}

.post h3 a, .post h3 a:visited {

text-decoration:none;

color: $postTitleColor;

}

a.title-link:hover {

background-color: $borderColor;

color: $mainTextColor;

}

.post-body {

border:1px dotted $borderColor;

border-width:0 1px 1px;

border-bottom-color:$mainBgColor;

padding:10px 14px 1px 29px;

}

html>body .post-body {

border-bottom-width:0;

}

.post p {

margin:0 0 .75em;

}

.post-footer {

background: #eee;

margin:0;

padding:2px 14px 2px 29px;

border:1px dotted $borderColor;

border-width:1px;

font-size:100%;

line-height:1.5em;

color: #666;

}

.post-footer p {

margin: 0;

}

html>body .post-footer {

border-bottom-color:transparent;

}

.uncustomized-post-template .post-footer {

text-align: right;

}

.uncustomized-post-template .post-author,

.uncustomized-post-template .post-timestamp {

display: block;

float: left;

text-align:left;

margin-right: 4px;

}

.post-footer a {

color: $mainLinkColor;

}

.post-footer a:hover {

color: $mainVisitedLinkColor;

}

a.comment-link {

/* IE5.0/Win doesn't apply padding to inline elements,

so we hide these two declarations from it */

background/* */:/**/url("http://www.blogblog.com/rounders/2icon_comment.gif") no-repeat 0 45%;

padding-left:14px;

}

html>body a.comment-link {

/* Respecified, for IE5/Mac's benefit */

background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;

padding-left:14px;

}

.post img {

margin:0 0 5px 0;

padding:4px;

border:1px solid $borderColor;

}

blockquote {

margin:.75em 0;

border:1px dotted $borderColor;

border-width:1px 0;

padding:5px 15px;

color: $dateHeaderColor;

}

.post blockquote p {

margin:.5em 0;

}

#blog-pager-newer-link {

float: left;

margin-left: 13px;

}

#blog-pager-older-link {

float: right;

margin-right: 13px;

}

#blog-pager {

text-align: center;

}

.feed-links {

clear: both;

line-height: 2.5em;

margin-left: 13px;

}

/* Comments

----------------------------------------------- */

#comments {

margin:-25px 13px 0;

border:1px dotted $borderColor;

border-width:0 1px 1px;

padding:20px 0 15px 0;

}

#comments h4 {

margin:0 0 10px;

padding:0 14px 2px 29px;

border-bottom:1px dotted $borderColor;

font-size:120%;

line-height:1.4em;

color:$postTitleColor;

}

#comments-block {

margin:0 15px 0 9px;

}

.comment-author {

background:url("http://wwcxqw.bay.livefilestore.com/y1pMP4Bd1qenR6V58dUkEsPcppqF6XBGE0rwi1odM54p0kvhfr8YbMCXn7EgLPn1z_Y-YuK_hExE8VtLx6Zu2obVcQ-ScrZGyK8/comentario.jpg") no-repeat 2px .3em;

margin:.5em 0;

padding:0 0 0 20px;

font-weight:bold;

}

.comment-body {

margin:0 0 1.25em;

padding:0 0 0 20px;

}

.comment-body p {

margin:0 0 .5em;

}

.comment-footer {

margin:0 0 .5em;

padding:0 0 .75em 20px;

}

.comment-footer a:link {

color: $mainTextColor;

}

.deleted-comment {

font-style:italic;

color:gray;

}

/* Profile

----------------------------------------------- */

.profile-img {

float: left;

margin: 5px 5px 5px 0;

border: 4px solid $topSidebarTextColor;

}

.profile-datablock {

margin:0 15px .5em 0;

padding-top:8px;

}

.profile-link {

background:url("http://wwcxqw.bay.livefilestore.com/y1potjmXAJ2P7uCP5N8rQid3rLJWG55C4uebcneN8Hfp9JNmwViqipp935jJxti5aIAFx9PJxjqfvHiTMuFPt5YRg/perfil.jpg") no-repeat 0 .1em;

padding-left:30px;

font-weight:bold;

}

.profile-textblock {

clear: both;

margin: 0;

}

.sidebar .clear, .main .widget .clear {

clear: both;

}

.sidebartop-wrap {

background:$topSidebarBgColor url("http://www.blogblog.com/rounders/corners_prof_bot.gif") no-repeat left bottom;

margin:0px 0px 15px;

padding:0px 0px 10px;

color:$topSidebarTextColor;

}

.sidebartop-wrap2 {

background:url("http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat left top;

padding: 10px 0 0;

margin:0;

border-width:0;

}

#sidebartop h2 {

line-height:1.5em;

color:$topSidebarHeaderColor;

border-bottom: 1px dotted $topSidebarHeaderColor;

margin-bottom: 0.5em;

font: $headerFont;

}

#sidebartop a {

color: $topSidebarLinkColor;

}

#sidebartop a:hover {

color: $topSidebarVisitedLinkColor;

}

#sidebartop a:visited {

color: $topSidebarVisitedLinkColor;

}

/* Sidebar Boxes

----------------------------------------------- */

.sidebar .widget {

margin:.5em 13px 1.25em;

padding:0 0px;

}

.widget-content {

margin-top: 0.5em;

}

.sidebarbottom-wrap1 {

background:$mainBgColor url("http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat left top;

margin:0 0 15px;

padding:10px 0 0;

color: $mainTextColor;

}

.sidebarbottom-wrap2 {

background:url("http://www.blogblog.com/rounders/corners_side_bot.gif") no-repeat left bottom;

padding:8px 0px 8px;

}

.sidebar h2 {

margin:0;

padding:0 0 .2em;

line-height:1.5em;

font:$headerFont;

}

.sidebar ul {

list-style:none;

margin:0 0 1.25em;

padding:0 0px;

}

.sidebar ul li {

background:url("http://wwcxqw.bay.livefilestore.com/y1pFAKtu7DLmswneTSMAOfe7ZdP6EtkBCrcj7fmQx8dKKEryP0bZrmzTknY3Ho17x20eNbDsnCJEraAfRYycpLi80oFlL-SMoyx/vi%C3%B1eta.jpg") no-repeat 2px .25em;

margin:0;

padding:0 0 3px 16px;

margin-bottom:3px;

border-bottom:1px dotted $borderColor;

line-height:1.4em;

}

.sidebar p {

margin:0 0 .6em;

}

#sidebar h2 {

color: $postTitleColor;

border-bottom: 1px dotted $postTitleColor;

}

/* Footer

----------------------------------------------- */

#footer-wrap1 {

clear:both;

margin:0;

padding:15px 0 0;

}

#footer-wrap2 {

background:$titleBgColor url("http://img437.imageshack.us/img437/3983/rounders1topcornerbf6.jpg") no-repeat left top;

padding:8px 0 0;

color:$titleTextColor;

}

#footer { background:url("http://wwcxqw.bay.livefilestore.com/y1p_FIKhoQmEuMLDJoqBf3gnx6plGsAlTHkAbffYsNLKgYKNvm6GVgZk1kd2WZrzQUQPxKnMgZ-Dm9pYTQyxZsJX9IfoS6ifCbD/cabeceraabajo.jpg") no-repeat left bottom;

padding:8px 15px 8px;

}

#footer hr {display:none;}

#footer p {margin:0;}

#footer a {color:$titleTextColor;}

/** Page structure tweaks for layout editor wireframe */

body#layout #main-wrap1,

body#layout .sidebar-wrap,

body#layout #header-wrapper {

margin-top: 0;

}

body#layout #header, body#layout #header-wrapper,

body#layout #outer-wrapper {

margin-left:0,

margin-right: 0;

padding: 0;

}

body#layout #outer-wrapper {

width: 730px;

}

body#layout #footer-wrap1 {

padding-top: 0;

}

]]></b:skin>

</head>

<body>

<div id='outer-wrapper'>

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1'>

<b:widget id='Header1' locked='true' title='EE GEP: Experiencia Educativa Gestión y Evaluación de Proyectos (cabecera)' type='Header'/>

</b:section>

</div>

<div class='sidebar-wrap'>

<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>

<b:section class='sidebar' id='sidebar2' preferred='yes'>

<b:widget id='Image1' locked='false' title='' type='Image'/>

<b:widget id='Text1' locked='false' title='' type='Text'/>

<b:widget id='LinkList4' locked='false' title='1º Unidad: Conceptos generales de GEP' type='LinkList'/>

<b:widget id='LinkList7' locked='false' title='2º Unidad: Etapa de Definición del Proyecto' type='LinkList'/>

<b:widget id='LinkList6' locked='false' title='3º Unidad: Etapa de Planeación del Proyecto' type='LinkList'/>

<b:widget id='LinkList8' locked='false' title='4º Unidad: Etapa de Control/Ejecución del Proyecto' type='LinkList'/>

<b:widget id='LinkList9' locked='false' title='5º Unidad: Buenas practicas en la Gestión de Proyectos' type='LinkList'/>

</b:section>

</div></div>

</div>

<div id='main-wrap1'><div id='main-wrap2'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>

</b:section>

</div></div>

<div class='sidebar-wrap'>

<div class='sidebartop-wrap'><div class='sidebartop-wrap2'>

<b:section class='sidebar' id='sidebartop'>

<b:widget id='Image2' locked='false' title='Gestión y Evaluación de Proyectos' type='Image'/>

</b:section>

</div></div>

<div class='sidebarbottom-wrap1'><div class='sidebarbottom-wrap2'>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='LinkList3' locked='false' title='GENERALIDADES DE LA E.E.' type='LinkList'/>

<b:widget id='LinkList1' locked='false' title='SEGUIMIENTO DEL CURSO' type='LinkList'/>

<b:widget id='LinkList2' locked='false' title='MATERIAL DE APOYO' type='LinkList'/>

</b:section>

</div></div>

</div>

<div id='footer-wrap1'><div id='footer-wrap2'>

<b:section class='footer' id='footer'/>

</div></div>

</div>

</body>

</html>