Mi Código Personal Para Mejorar Mi Blog

Tabla Básica

<table width="600" border="1">
  <tr>
    <td width="300">&nbsp;</td>
  </tr>
  <tr>
    <td width="300">&nbsp;</td>
  </tr>
</table>

<table border="1">
  <tr>
    <td width="600">&nbsp;</td>
  </tr>
</table>

Mi HTML - PROGRAMACIÓN

--En Construcción afuera
<div class="ejercicio">
<!-- INICIO EJERCICIO -->
--En construcción Ejercicio
<!-- Inicio Análisis -->
<div class="analisis">
--En construcción Análisis:
</div>
<!-- Fin Análisis -->
<br />
<!-- Inicio Diseño -->
<div class="diseno">
--En construcción Diseño:
</div>
<!-- Fin Diseño -->
<br />
<!-- Inicio Codigo -->
<div class="codigo">
--En construcción Código:
</div>
<!-- Fin Codigo -->
--En Construcción Notas:
</div>
<!-- FIN EJERCICIO -->
--En construcción afuera

Mi Código de Inserción

<center>
<h1>
<a href="" target="_blank"> CLIC AQUI PARA ENTRAR EN LA PAGINA </a>
</h1>
<h2>Ing. Angel Moreano Terrazas</h2>
<iframe src="" width="800" height="600"> </iframe></p>
</center>

Mi Código de Redes Sociales

<center>
<a href="http://www.facebook.com/amoreanoterrazas" target="_blank"><img alt="Siguenos en Facebook" src="https://lh6.googleusercontent.com/-CYt37hfDnQ8/T3nNydojf_I/AAAAAAAAAr0/P5OtlZxV4rk/s32/facebook32.png" width=32 height=32  /></a>
<a href="http://www.youtube.com/user/amoreanoperu"><img alt="Siguenos en YouTube" src="https://lh5.googleusercontent.com/-TXzlKCbKzWs/T6mYkDhTXyI/AAAAAAAAA1U/vm95Q2KwrYg/s32/youtube32.png" width=32 height=32  /></a>
<a rel="author" href="https://plus.google.com/114656656848048458446" target="_blank"><img alt="Siguenos en Google+" src="https://lh5.googleusercontent.com/-F_FBKktZWZk/T3nN0v4FeAI/AAAAAAAAAsc/7dHTxkxn4cI/s32/google32.png" width=32 height=32  /></a>
<a href="http://www.blogger.com/profile/11124355828038459316" target="_blank"><img alt="Siguenos en Blogger" src="https://lh5.googleusercontent.com/-DXeOni57Mhw/UAZnvWC5o-I/AAAAAAAABBs/MSxKzkxY1Kc/s32/blogger32.png" width=32 height=32  /></a>
<hr />
<b>
<a href="http://angelcursos.blogspot.com/" target="_blank">Clic Aquí para Ver Todos los Cursos</a>
</b>
<hr />
</center>

Código Para Menú Azul

<style>
#menuvert ul {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 200px; /* ancho del menú */
font-size: 10pt;
}
#menuvert ul li {
background-color: #A0CBEE; /* color de fondo del menú */
padding: 0px;
}
#menuvert ul li a {
color: #000; /* color de las letras */
text-decoration: none;
display: block;
padding: 5px 5px 5px 10px;
}
#menuvert ul li a:hover {
background: #336699; /* color del botón al pasar el cursor */
border-left: 10px solid #000066; /* color del rectángulo junto al título */
color: #FFFFFF; /* color de las letras al pasar el cursor */
}
</style>
<a href="http://angelcursos.blogspot.com/" target="_blank">Indice De Cursos</a>
<div id="menuvert">
<ul>
<li><a href=" "> 1.... </a></li>
<li><a href=" "> 2.... </a></li>
</ul>
</div>

Re Definición de las Etiquetas h1-h4

h1
{
 color:#000080;
 font: 50% arial;
}
h2
{
 color:#6666FF;
 font: 150% arial;
}
h3
{
 color:33CCCC;
 font: 130% arial;
}
h4
{
 color:#00AAAA;
 font: 120% arial;
}

Mi Estilo CSS - Programación

<style type="text/css">
.analisis
{
 border:solid 3px #000000;
 -moz-border-radius-topleft: 24px;
 -moz-border-radius-topright:5px;
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-bottomright:26px;
 -webkit-border-top-left-radius:24px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:26px;
 border-top-left-radius:24px;
 border-top-right-radius:5px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:26px;
 border-color:#FFF;
 background-color:#D7D7FF;
 color:#006;
 padding:10px;
}
.diseno
{
 border:solid 3px #000000;
 -moz-border-radius-topleft: 24px;
 -moz-border-radius-topright:5px;
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-bottomright:26px;
 -webkit-border-top-left-radius:24px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:26px;
 border-top-left-radius:24px;
 border-top-right-radius:5px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:26px;
 border-color:#FFF;
 background-color:#EAEAF4;
 color:#750000;
 padding:10px;
}
.codigo
{
 border:solid 3px #000000;
 -moz-border-radius-topleft: 24px;
 -moz-border-radius-topright:5px;
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-bottomright:26px;
 -webkit-border-top-left-radius:24px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:26px;
 border-top-left-radius:24px;
 border-top-right-radius:5px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:26px;
 border-color:#ffffff;
 background-color:#E8FFE8;
 color:#030;
 padding:10px;
}
.ejercicio
{
 border:solid 4px #000000;
 -moz-border-radius-topleft: 24px;
 -moz-border-radius-topright:5px;
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-bottomright:26px;
 -webkit-border-top-left-radius:24px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:26px;
 border-top-left-radius:24px;
 border-top-right-radius:5px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:26px;
 border-color:#F60;
 background-color:#000000;
 color:#FFF;
 padding:10px;
}
</style>