tag:blogger.com,1999:blog-351585552011-12-13T19:58:06.507-08:00Template Test 008_01Free Templates BloggerPMaxhttp://www.blogger.com/profile/15515657092561663263noreply@blogger.comBlogger41100tag:blogger.com,1999:blog-35158555.post-1164815151065280802006-11-29T07:43:00.000-08:002006-11-29T07:48:25.666-08:00Bordes redondeados solo con CSS<div class="demo1">
<style type="text/css">
/*
*-------------------------------------------------------------------------------------------*
* Titulo : Caja con bordes redondeados sin imagenes, sin javascript solo con CSS. *
* URL : http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html *
* Version : 1.0 *
* Fecha : 14/11/2006 *
* Nota : Tienes permiso para usar este documento en cualquiera de tus webs o *
* aplicaciones siempre que no elimines esta Cabezera. *
*-------------------------------------------------------------------------------------------*
*/
.pgb_Externo {
width: 200px;
}
.pgb_Interno {
background:#FFFFCC;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding: 5px;
text-align: center;
}
.pgb_1, .pgb_2, .pgb_3, .pgb_4, .pgb_1b, .pgb_2b, .pgb_3b, .pgb_4b {display:block; overflow:hidden; font-size:1px;}
.pgb_1, .pgb_2, .pgb_3, .pgb_1b, .pgb_2b, .pgb_3b {height:1px;}
.pgb_2 {background:#FFFFCC; border-left:1px solid #000000; border-right:1px solid #000000;}
.pgb_3 {background:#FFFFCC; border-left:1px solid #000000; border-right:1px solid #000000;}
.pgb_4 {background:#FFFFCC; border-left:1px solid #000000; border-right:1px solid #000000;}
.pgb_4b {background:#FFFFCC; border-left:1px solid #000000; border-right:1px solid #000000;}
.pgb_3b {background:#FFFFCC; border-left:1px solid #000000; border-right:1px solid #000000;}
.pgb_2b {background:#FFFFCC; border-left:1px solid #000000; border-right:1px solid #000000;}
.pgb_1 {margin:0 5px; background:#000000;}
.pgb_2, .pgb_2b {margin:0 3px; border-width:0 2px;}
.pgb_3, .pgb_3b {margin:0 2px;}
.pgb_4, .pgb_4b {height:2px; margin:0 1px;}
.pgb_1b {margin:0 5px; background:#000000;}
/*
*-------------------------------------------------------------------------------------------*
* Titulo : Caja con bordes redondeados sin imagenes, sin javascript solo con CSS. *
* URL : http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html *
* Version : 1.0 *
* Fecha : 14/11/2006 *
* Nota : Tienes permiso para usar este documento en cualquiera de tus webs o *
* aplicaciones siempre que no elimines esta Cabezera. *
*-------------------------------------------------------------------------------------------*
*/
-->
</style>
<!--
*---------------------------------------------------------------------------------*
* Caja con bordes redondeados sin imagenes, sin javascript solo con CSS. *
* http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html *
*---------------------------------------------------------------------------------*
-->
<div class="pgb_Externo">
<b class="pgb_1"></b><b class="pgb_2"></b><b class="pgb_3"></b><b class="pgb_4"></b>
<div class="pgb_Interno">
EJEMPLO 1 EJEMPLO 1 EJEMPLO 1 EJEMPLO 1 EJEMPLO 1 EJEMPLO 1 EJEMPLO 1 EJEMPLO 1 EJEMPLO 1 EJEMPLO 1 </div>
<b class="pgb_4b"></b><b class="pgb_3b"></b><b class="pgb_2b"></b><b class="pgb_1b"></b>
</div>
<!--
*---------------------------------------------------------------------------------*
* Caja con bordes redondeados sin imagenes, sin javascript solo con CSS. *
* http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html *
*---------------------------------------------------------------------------------*
-->
</div>
Seguro que alguna vez has visto alguna web que tienen sus secciones y contenidos dentro de una cajas y que estas cajas tienen las esquinas redondeadas, desde aquí te invito a crear dichas cajas de una forma facil, sin imagenes, sin javascript, solo con CSS.<br/><br/>
<style type="text/css">
/*
*-------------------------------------------------------------------------------------------*
* Titulo : Caja con bordes redondeados sin imagenes, sin javascript solo con CSS. *
* URL : http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html *
* Version : 1.0 *
* Fecha : 14/11/2006 *
* Nota : Tienes permiso para usar este documento en cualquiera de tus webs o *
* aplicaciones siempre que no elimines esta Cabezera. *
*-------------------------------------------------------------------------------------------*
*/
.pgb2_Externo {
width: 400px;
}
.pgb2_Interno {
background:#66CCFF;
border-left:1px solid #66CCFF;
border-right:1px solid #66CCFF;
padding: 5px;
text-align: center;
}
.pgb2_1, .pgb2_2, .pgb2_3, .pgb2_4, .pgb2_1b, .pgb2_2b, .pgb2_3b, .pgb2_4b {display:block; overflow:hidden; font-size:1px;}
.pgb2_1, .pgb2_2, .pgb2_3, .pgb2_1b, .pgb2_2b, .pgb2_3b {height:1px;}
.pgb2_2 {background:#66CCFF; border-left:1px solid #66CCFF; border-right:1px solid #66CCFF;}
.pgb2_3 {background:#66CCFF; border-left:1px solid #66CCFF; border-right:1px solid #66CCFF;}
.pgb2_4 {background:#66CCFF; border-left:1px solid #66CCFF; border-right:1px solid #66CCFF;}
.pgb2_4b {background:#66CCFF; border-left:1px solid #66CCFF; border-right:1px solid #66CCFF;}
.pgb2_3b {background:#66CCFF; border-left:1px solid #66CCFF; border-right:1px solid #66CCFF;}
.pgb2_2b {background:#66CCFF; border-left:1px solid #66CCFF; border-right:1px solid #66CCFF;}
.pgb2_1 {margin:0 5px; background:#66CCFF;}
.pgb2_2, .pgb2_2b {margin:0 3px; border-width:0 2px;}
.pgb2_3, .pgb2_3b {margin:0 2px;}
.pgb2_4, .pgb2_4b {height:2px; margin:0 1px;}
.pgb2_1b {margin:0 5px; background:#66CCFF;}
/*
*-------------------------------------------------------------------------------------------*
* Titulo : Caja con bordes redondeados sin imagenes, sin javascript solo con CSS. *
* URL : http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html *
* Version : 1.0 *
* Fecha : 14/11/2006 *
* Nota : Tienes permiso para usar este documento en cualquiera de tus webs o *
* aplicaciones siempre que no elimines esta Cabezera. *
*-------------------------------------------------------------------------------------------*
*/
-->
</style>
<center>
<!--
*---------------------------------------------------------------------------------*
* Caja con bordes redondeados sin imagenes, sin javascript solo con CSS. *
* http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html *
*---------------------------------------------------------------------------------*
-->
<div class="pgb2_Externo">
<b class="pgb2_1"></b><b class="pgb2_2"></b><b class="pgb2_3"></b><b class="pgb2_4"></b>
<div class="pgb2_Interno">
EJEMPLO 2 EJEMPLO 2 EJEMPLO 2 EJEMPLO 2<br/> EJEMPLO 2<br/> EJEMPLO 2 EJEMPLO 2 EJEMPLO 2 EJEMPLO 2
</div>
<b class="pgb2_4b"></b><b class="pgb2_3b"></b><b class="pgb2_2b"></b><b class="pgb2_1b"></b>
</div>
<!--
*---------------------------------------------------------------------------------*
* Caja con bordes redondeados sin imagenes, sin javascript solo con CSS. *
* http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html *
*---------------------------------------------------------------------------------*
-->
</center>
<br/>
Crea tu propia caja con los bordes redondeados con nuestro asistente, es muy facil y rápido.
<b>
<a href="http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html">Click aquí para ir al Asistente</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/35158555-116481515106528080?l=tb-008-01-templatesblogger.blogspot.com' alt='' /></div>PMaxhttp://www.blogger.com/profile/15515657092561663263noreply@blogger.com0tag:blogger.com,1999:blog-35158555.post-1159421210797639292006-09-27T22:26:00.000-07:002006-09-28T06:32:24.993-07:00Free Template tb_007<script type="text/javascript">
<!--
myGoogleAdSense(1);
-->
</script>
Bueno aquí tienes el <b>Template tb_007</b>.<br><br>
<div align="center">
<a href="http://templatesblogger.blogspot.com/2006/09/template-tb007.html#007_01"><img src="http://photos1.blogger.com/blogger/2664/3552/1600/007_01_t.jpg" width="154" height="199" vspace="0" hspace="0" border="1" alt="(Click para ver Plantilla)"></a>
</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/35158555-115942121079763929?l=tb-008-01-templatesblogger.blogspot.com' alt='' /></div>PMaxhttp://www.blogger.com/profile/15515657092561663263noreply@blogger.com1tag:blogger.com,1999:blog-35158555.post-1159421170826275382006-09-27T22:25:00.000-07:002006-09-28T06:31:48.823-07:00Free Template tb_006<script type="text/javascript">
<!--
myGoogleAdSense(1);
-->
</script>
Bueno aquí tienes el <b>Template tb_006</b>. ¡Me encantan esos ojazos!<br><br>
<div align="center">
<a href="http://templatesblogger.blogspot.com/2006/09/template-tb006.html#006_01"><img src="http://photos1.blogger.com/blogger/2664/3552/1600/006_01_t.jpg" width="154" height="199" vspace="0" hspace="0" border="1" alt="(Click para ver Plantilla)"></a>
</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/35158555-115942117082627538?l=tb-008-01-templatesblogger.blogspot.com' alt='' /></div>PMaxhttp://www.blogger.com/profile/15515657092561663263noreply@blogger.com0tag:blogger.com,1999:blog-35158555.post-1159420965895886312006-09-27T22:21:00.000-07:002006-09-28T06:30:55.333-07:00Free Template tb_005<script type="text/javascript">
<!--
myGoogleAdSense(1);
-->
</script>
Bueno aquí tienes el <b>Template tb_005</b> <br><br>
<div align="center">
<a href="http://templatesblogger.blogspot.com/2006/09/template-tb005.html#005_01"><img src="http://photos1.blogger.com/blogger/2664/3552/1600/005_01_t.jpg" width="154" height="199" vspace="0" hspace="0" border="1" alt="(Click para ver Plantilla)"></a>
</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/35158555-115942096589588631?l=tb-008-01-templatesblogger.blogspot.com' alt='' /></div>PMaxhttp://www.blogger.com/profile/15515657092561663263noreply@blogger.com0