domingo, 31 de agosto de 2014

Hola a todos!

Bueno,Este es un blog creado por el staff del blog TheUniverseOfDesign.blogspot.com ,especialmente para un tutorial que estamos preparando. bueno,aca esta el code base que necesitan:

<link href='Aqui el url de la imagen del icon de la web' rel='icon'  type='image/vnd.microsoft.icon'/> 
<html>   
<head>   
<title>+ + Aqui el titulo del blog </title>

<style type='text/css'>
/*
-----------------------------------------------
Code: Heart Attack Visuals
Modificado por : The Universe Of Design.blogspot.com

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

#navbar-iframe{
height: 0px;
visibility: hidden;on
display: none;
}
</style>

  <style type="text/css">

<!--
/* Background Theme Vertical */
html {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBlMTdsB0VoAShUO233VWCYKHW84qswTruWIfs6o2s3vPtWGx3nkE9DXx5FDQ4bXgIuiAFxxSacNxMMJpCKFvQGOTHrNy2Vc8po5tqUkV1raIDNk1SxAFc85osDVqa3wWTcDc14X62TrPF/s1600/background.png);
background-repeat: repeat-y,x;
background-position: top center;
color: #df79ff;
}
/* Background Theme Horizontal */
body {
font-family: Arial;
font-size : 11px;  
color: #df79ff;
margin: 0px;
text-align:center;
background-image: url();  
background-position: top center;
background-repeat: repeat-x;
}

u {
text-decoration: none; 
border-bottom: 2px solid #6708a6;
   }
b {
text-decoration: strong; 
color: #000;
        border-bottom: 1px  dotted  #6708a6; 
        text-shadow: 1px 1px #fff;  
   } 
i {     
    color: #6708a6;    
    text-shadow: 1px 1px #fff; 
   }  

/* Scrollbar */  

::-webkit-scrollbar { 
width: 11px;  
height:10px;
}

::-webkit-scrollbar-track {
background:#ffb795;

::-webkit-scrollbar-thumb {
background-color: #d7b0fc; 
background-position: center;  
border-radius: 5px; 
}  

::-webkit-scrollbar:double-button {
background:#fa9d6b;
}

::-webkit-scrollbar-track-piece {
background-color: #ff9896d;
box-shadow: 0px 0px 5px #000;
}

/* Cuerpo del Layout */

.commentlink{
padding-top: 265px;
font-size: 56px;
letter-spacing: -6px;
font-family: Arial;
padding-left: 105px;
color: #ffffff;
}

.titulo {
font-family: Arial;
font-size: 28px;
letter-spacing: 2px;
}

#sidebartop {
background-image: url();
width: 302px;
height: 247px;
   }
.sidebarbody {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnWZGYKTLgQgckcgTr-xE6Ktl2olxZ1GErrwH4CpuJfO0jVsHaZVO_pddtgxgEjjfxRBcujOD4dZ7udpwuE8p_2YSFcjFL3zcvBlAuxuPtEj2zhsNA31TYeJLowNIR9a4rtW_I-ljdSrQo/s1600/sidebarentero_03.png); 
        color: #000; 
        text-shadow: 1px 1px #fff;
font-family: Tahoma;
font-size: 14px;
text-align: relative;
        margin-left: 20px; 
        margin-right: 20px;
        width: 302px;
   }
#sidebarbottom {  
width: 302px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55ny0o1WAxDBjUgfIPx4DyR4Ptr0gAbNu0ubHqpM-TkfTG8fC859D8-_HF882T0zOZnnGAe3S5R9xxhdAbn6WK305tSL3CdhQYQKdKTzqJX5vs8AWU6J6VlPjRTfKovHKKuIbGkNkn5gZ/s1600/sidebarentero_04.png);        
padding-bottom: 150px;   
   }

.textoentradas{
font-family: Arial, Helvetica, sans-serif, "Franklin Gothic Medium Cond";
        color: #000;
font-size: 12px;
font-weight: none;
        text-shadow: 1px 1px 2px #fff;
        padding-right: 50px;
        padding-left: 50px; 
}

.title{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 27px;
font-weight: bold;
        letter-spacing: -1px;
padding-top: 100px; 
text-shadow: 1px 1px 0px #b36c20;
font-style: none;
.fecha {
font-family: Tahoma, Helvetica, sans-serif, "Franklin Gothic Medium Cond";
font-size: 12px;
font-weight: bold;
        letter-spacing: 1px;
padding-left: 0px;
padding-top: 3px;
color: #FFFFFF;
}
#footer {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9H2bDkcBFSA4GwbRUBq7tLBJWUmPex_rMW214n3euhIyu35l1bdH3Zf1l-MOPS3VHoAQgCypQyMfrVn2WUjSNWUFUg29KOxrxFHKdfqlSMn7cL16o_54AkpgRYLPuEec8maia1cAkagXO/s1600/footer.png);    
        background-repeat: repeat-x;   
text-align: center;
width: 1354px;   
        height: 203px;
float: relative; 
}
.post {
font-family: Arial, Helvetica, sans-serif, "Franklin Gothic Medium Cond";
font-size: 25px;
        letter-spacing: 0px;
font-weight: bold;
padding-left: 0px; 
padding-top: 0px;
color: #FFFFFF;
}

.post blockquote {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj33u0yjN7_fYLD2e0Dl3_-mK0hfQhCgMDLxSckN1iVDr2QdrlANMgev6BRURwsQ8Ku8iOTRs1W4MKA4YIaodb37giRjivisgql6jRHYK5VOcRT9r3DWLyhMN811PKlwXJwxw8U-2KocziC/s1600/bqh.png);
background-repeat: repeat-y;
background-color: #000; 
border: 1px solid #fff; 
-moz-border-radius: 50px 0px 50px 0px;
-webkit-border-radius: 50px 0px 50px 0px;
border-radius: 50px 0px 50px 0px;
width: 550px; 
padding: 10px;
}
.post blockquote:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3TmmEGZnpnVvOliRlMcfyOH9GZYnPxSrXmrmiazjIWVn8a-SQ5gOCPYEp0IxZ4TkJ0apTLOcvn0Rew8a6U3xNU8AtG_IwzAPa0g0PhI5fISjIPg9TUYun964VUql3Yl-9RNdEPxRN0C0/s1600/bq.png);   
background-repeat: repeat-y; 
background-color: #000;    
border: 1px solid #fff; 
-moz-border-radius: 50px 0px 50px 0px;
-webkit-border-radius: 50px 0px 50px 0px;
border-radius: 50px 0px 50px 0px;
width: 550px;
padding: 10px;
}

.commentsbox {
color: #fff;
text-shadow: 1px 1px 0px #000;
padding-left: 80px;
padding-right: 80px;
}
/*  ----------------- Links,Imgenes,Blockquote -----------------  */

a:link, a:visited, a:active {
color: #ac3efb;
cursor: help;
        text-decoration: none;
text-shadow: 1px 1px 0px #00;
  }
a:hover {    
color:#fd6b2b;   
        border-bottom: 1px  dotted  #000;
        letter-spacing: 3px; 
-webkit-transition: 0.3s ease-in; 
-o-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in; 
transition: 0.3s ease-in;
text-shadow:0px 0px 4px #fff;      
}

a img {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgcyu3b_AiM8hRpn4qG52WLTzw5tUBZFSwOWWiH9j064dK56Syju9WYdIbmJORjKfxl23RXx_D48oXrtgWrHTArtm-mQfK3uYEOt1gM63FVJPPleIYCh6QRN-S9lPUH7Xo7qssko-0gTWA/s1600/preview.png);  
padding: 8px; 
border-radius: 5px 5px 5px 5px;
border: 0px solid #000;
box-shadow: 0px 0px 2px #000;
-webkit-transition: background-position 2s;
-moz-transition: background-position 2s;
-o-transition: background-position 2s;
-ms-transition: background-position 2s;
transition: background-position 2s;
background-position: center;
}

a:hover img {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj33u0yjN7_fYLD2e0Dl3_-mK0hfQhCgMDLxSckN1iVDr2QdrlANMgev6BRURwsQ8Ku8iOTRs1W4MKA4YIaodb37giRjivisgql6jRHYK5VOcRT9r3DWLyhMN811PKlwXJwxw8U-2KocziC/s1600/bqh.png); 
padding: 6px;    
opacity:.75;    
filter: alpha(opacity=99); 
border: 0px solid #000;
box-shadow: #000 0px 0px 10px; 
}

blockquote {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj33u0yjN7_fYLD2e0Dl3_-mK0hfQhCgMDLxSckN1iVDr2QdrlANMgev6BRURwsQ8Ku8iOTRs1W4MKA4YIaodb37giRjivisgql6jRHYK5VOcRT9r3DWLyhMN811PKlwXJwxw8U-2KocziC/s1600/bqh.png);
        display: block; 
padding: 15px;
        padding-left: 20px;
        padding-right: 20px; 
margin-right: 10px;
margin-left: 10px;
color: #000;
line-height: 15px; 
text-align: relative; 
border:1px solid #fff;
        text-shadow: #fff 1px 1px 1px; 
        -moz-border-radius: 50px 0px 50px 0px;
        -webkit-border-radius: 50px 0px 50px 0px; 
        border-radius: 50px 0px 50px 0px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000; 
box-shadow: 0 0 15px #000; 
-webkit-transition-duration: 2s;
}

blockquote:hover{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3TmmEGZnpnVvOliRlMcfyOH9GZYnPxSrXmrmiazjIWVn8a-SQ5gOCPYEp0IxZ4TkJ0apTLOcvn0Rew8a6U3xNU8AtG_IwzAPa0g0PhI5fISjIPg9TUYun964VUql3Yl-9RNdEPxRN0C0/s1600/bq.png);    
}    
}-->     
</style>
<!---Cufón----->
<script src="http://cdnjs.cloudflare.com/ajax/libs/cufon/1.09i/cufon-yui.js" type="text/javascript"></script> 
<script src="https://flashswfdynamitevisuals.googlecode.com/files/Bebas_Neue_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('.title, .fecha, .post',{textShadow:'#000 1px 1px 1px',color:'-linear-gradient(#904c1b, #fff, #904c1b)',hover: {textShadow:'#fff 1px 1px 1px',color:'-linear-gradient(#5b1098, #fff, #5b1098)'}});    
</script> 
<!---End of Cufón----->       
</head> 

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><html>
<Header------------------------------------------------------->
<center> 


<Header------------------------------------------------------->
<center>
<!-- Save for Web Slices (Sin título-1) -->
<table id="Tabla_01" width="1020" height="650" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBG-qNpSPyykWxl5dopETgc8BZjSQnoV_p8pmGCjudZkT-dn0b8mtDvdyro8m6GMvcTzosXSMhz111DFPgeK8jaluuzBtFo72MMHaKuYaylgdN9xMhkhU3SeRoKibC8Tb93ulFDIIHATK1/s1600/header_01.png" width="1020" height="503" alt=""><object width="1020" height="503" data="http://www.swfcabin.com//swf-files/1367273204.swf">
   <param name="wmode" value="transparent"></td>
</tr>
<tr>
<td>
<div style="text-align:center; width:1020px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_7201304292045217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9qH-mrKwH4xUbppPS5y2oBnmbgKBsT1fQkE7Bb8ZXQ6XViOqB3tkH7iAwQcrQkWWdNS3o7-ZuGxRrYox_vu3fMrcaexCoX_RPCyI6UBzygf51BUhkLVpceKy4d4KCpiQ9S8BzIglViXPM/s1600/header_02.png" usemap="#Image-Maps_7201304292045217" border="0" width="1020" height="147" alt="" />
<map id="_Image-Maps_7201304292045217" name="Image-Maps_7201304292045217">
<area shape="rect" coords="54,57,134,95" href="http://newcodebase.blogspot.com/" alt="" title=""    />
<area shape="rect" coords="175,58,255,96" href="LINK 01" alt="" title=""    />
<area shape="rect" coords="321,57,401,95" href="LINK 02" alt="" title=""    />
<area shape="rect" coords="594,58,674,96" href="LINK 03" alt="" title=""    />
<area shape="rect" coords="697,57,777,95" href="LINK 04" alt="" title=""    />
<area shape="rect" coords="797,57,935,95" href="http://heartattackvisuals.com.nu/" alt="" title=""    />
<area shape="rect" coords="1018,145,1020,147" href="http://www.image-maps.com/index.php?aff=mapped_users_7201304292045217" alt="Image Map" title="Image Map" />
</map></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</center>

<table width="100%" border="0" align="center">
   <tr>
     <td width="1020" height="640" align="center" valign="top">

<center>
<br />
<br /> 
<br />
<br />


<Sidebar------------------------------------------------------>
<div id="sidebartop"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjjCV5g6oHfr-GkY7hHTfwgVTewaRA1QmtigE7YTwgpPW4rXzUN0NEneEPRBFkYL2LkJhRMEWZk_JNPjFjgULuMGCaunnbuLuv0RlIRRRShZamvYT67IBrpWaPdX5L-IctpCc7DKiRU1ys/s1600/1.png" /></div>
<div class="sidebarbody">
<div align="justify" style="padding-left:30px; padding-right:30px;">
<center>

sobre el sitio


</center>
<br />
</div></div>
<div id="sidebarbottom"></div>
<End of Sidebar------------------------------------------------------>





<Sidebar------------------------------------------------------>
<div id="sidebartop"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPVC0YI2zC4H2QFuGKrIvT7es_Qy90_QpmUaasCqoPJ8ApSDgZ3w_Df0LTfuA9xKA6UtGx1GOVudxhg4eR7QiVkXKXR4jWDKkwf8DmjpdQcVvQBHOsG8WFLgbwXNovT3TDqLBJCfj_d_Wk/s1600/2.png" /></div>
<div class="sidebarbody">
<div align="justify" style="padding-left:30px; padding-right:30px;">
<center>


quien es martina?


</center>
<br />
</div></div>
<div id="sidebarbottom"></div>
<End of Sidebar------------------------------------------------------>





<Sidebar------------------------------------------------------>
<div id="sidebartop"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6He5ldESwCs2uEew1NLQYJf6GZYqXwcZ-TOvXU0dS2uwOuRZVkwauI6Xd3qEDbdloZZ3ktVB9vEvSV_vXSNUi5NFXG42TOzUtL6QGWkPvKttggRaWiSuEsfSKJOdVgnhX8FNg9u18S4Zf/s1600/3.png" /></div>
<div class="sidebarbody">
<div align="justify" style="padding-left:30px; padding-right:30px;">
<center>


otros sitios


</center>
<br />
</div></div>
<div id="sidebarbottom"></div>
<End of Sidebar------------------------------------------------------>










 <td width="1020" align="center" valign="top">

<Entradas--------------------------------------------------------------->
<blogger><table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="620" height="430" align="center" valign="top" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG3Rb4WNFJTdMv_EoHqVi9H-0BjaJ9r9If3v0nbzetgDJK25zv4dokSM_i0VZVtK3PBU2SuaNHPEk9vYLkdov4byBykgVmQGT923K1E6JZuNbzMb00SK8IA3K9QdeFiLEtPIiL9DjPvARk/s1600/entradascompleto_01.png"><p class="fecha"><class="title"> 

<div class="title">
      <div class="title"><BlogItemTitle><BlogItemURL><a href="<$BlogItemPermalinkUrl$>"><$BlogItemTitle$>
                    </BlogItemTitle></a></BlogItemTitle></div></div>

<div class="fecha"> Date: <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> //
By: Martina. // <BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>" 
<$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$> Coments</a>
</BlogItemCommentsEnabled></div></td>
</tr>
<tr>
<td align="center" valign="middle" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqHj7YYpk4JjA8yO3V48HmWLx40unFsl3JL80vcpZBdVlB76je5U-bTLsuB-Nasqa7r2xplKWc_6CDv1aGjozPrTBsA7ymrAGW2FEjJK8URbERIIa5JR4xwtgp9p4Evry86QUWR6WsSxii/s1600/entradascompleto_02.png"><table width="620" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="620" valign="top" padding-right="40px" padding-left="40px" class="textoentradas"><$BlogItemBody$></td>
</tr>
</table><ItemPage> 
<div class="commentsbox">
<BlogItemCommentsEnabled><a name="comments">
<BlogItemComments> 
<div class="comments">
<a name="<$BlogCommentNumber$>"></a>
<strong><$BlogCommentAuthor$></strong> : 
<$BlogCommentDateTime$><br>
<$BlogCommentBody$><br/>
<div class="byline">
<a href="<$BlogCommentPermalinkURL$>" 
title="permanent link"></a> 
</div> <$BlogCommentDeleteIcon$> 
</div>
</BlogItemComments> 
<$BlogItemCreate$>
</div>
</BlogItemCommentsEnabled> 
<a href="<$BlogURL$>"><B>&nbsp;Back to Home</B></a>
</div>
</ItemPage></div>
</td> 
</tr>
<tr>
<td align="center" valign="top" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjj4kKpm8hyphenhyphenKKjq7JdfzH1H3MQSnyTEryVAN4VVLBMIDPHPt6f9RCPHqAg4vJzOk5JTve5ZqJ3tPwqzfm_3DOkn9OjxWoXxWoEXb0DQ845sVzRnF2O5vQEZusmMtY3xICkLiuOnwKPE1dj/s1600/entradascompleto_03.png" width="620" height="290">   
</td> 
</tr>  
</table></blogger>
<div class="post"><center><OlderPosts><a href=<$OlderPosts$>>«Older Posts</a> </OlderPosts> • <a href="http://mstoesselargelia.blogspot.com">Home</a> • <NewerPosts><a href=<$NewerPosts$>>Newer Posts»</a></NewerPosts></center>       </div></div>
</td> 
    <td width="600" height="520" align="right" valign="top">

</td>
</table>  
</center> 
<Footer------------------------------------------------------------>

<center><div id="footer"></div></center>

</html></body>