Super Foro
Bienvenido a Super Foro, si ya tienes cuenta en el foro Conectate y diviertete, si aun no tienes cuenta Registrate para poder disfrutar de muchas sorpresas y entretenimientos si lo haces y eres uno de los 50 primeros registros. Despues de los 50 habrán también mas sorpresas.

[Diseño Css]Wooden

Ver el tema anterior Ver el tema siguiente Ir abajo

[Diseño Css]Wooden

Mensaje por Chickenlittle el Miér Dic 22, 2010 5:43 am

Pueden encontrar varias plantilla en: http://www.templatemo.com

Vista Previa:


Codigo:
Código:

body {
   margin: 0;
   padding: 0;
   line-height: 1.5em;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #b8aa9b;
   background: #190e01;
}
      
a:link, a:visited { color: #FFFC5A; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #CCFF00; text-decoration: underline; }

p { margin: 0px; padding: 0px; text-align: justify; }

img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.fl { float: left; }
.fr { float: right; }

.margin_r50 { margin-right: 50px; }

.button_01 a {
   display: block;
   width: 75px;
   height: 25px;
   padding: 5px 32px 0 5px;
    background:  url(images/templatemo_button_01.png) no-repeat;
   
   text-align: center;
   color: #ffffff;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}

h1 {
   margin: 0px;
   padding: 0px;;
   font-size: 30px;
   font-weight: bold;
   color: #ffffff;
}

h2 {
   margin: 0 0 20px 0;
   padding: 3px 0;
   font-size: 22px;
   font-weight: normal;
   color: #fffc5a;
}

h3 {
   margin: 0 0 10px 0;
   padding: 5px 0;
   font-size: 12px;
   font-weight: bold;
   font-weight: bold;
   color: #39b2ff;
}


.image_wrapper {
   border: 1px solid #FFF;
   margin-top: 3px;
   margin-bottom: 5px;
}

.fl_image {
   float: left;
   margin-right: 15px
}

.fr_image {
   float: right;
   margin-left: 15px
}

/* site title bar */

/* site title */

#templatemo_site_title_bar_wrapper {
   position: relative;
   width: 100%;
   height: 130px;
   margin: 0 auto;   
   background:  url(images/templatemo_header_bg_wrapper.jpg) center bottom no-repeat;
}

#templatemo_site_title_bar {
   width:  760px;
   height: 130px;
   margin: 0 auto;
   padding: 0 16px 0 64px;
   background: url(images/templatemo_header_bg.jpg) center bottom no-repeat;
}

#templatemo_site_title_bar  #site_title {
   float: left;
   width: 180px;
   padding: 5px 0;
   margin: 85px 0 0 0;
   background: url(images/templatemo_site_title_bg.jpg) top left no-repeat;
}

#site_title h1 a {
   margin: 0px;
   padding: 0px;
   font-size: 28px;
   color: #0e62a6;
   font-weight: bold;
   text-decoration: none;
}

#site_title h1 a:hover {
   font-weight: bold;   
   text-decoration: none;
}

#site_title h1 a span {
   display: block;
   margin-top: 5px;
   font-size: 14px;
   color: #666666;
   font-weight: normal;
}

#site_title h1 a:hover span {
   font-weight: normal;
}

#templatemo_site_title_bar #twitter a {
   float: right;
   display: block;
   height: 30px;
   padding: 30px 60px 0 0;
   margin: 70px 0 0 0;
   font-size: 16px;
   color: #b7992e;
   background: url(images/twitter_icon.png) right bottom no-repeat;
}
#templatemo_site_title_bar #twitter a:hover {
   color: #e4bd33;
   text-decoration: none;
}
/* end of site title bar */

/* content */

#templatemo_content_wrapper {
   width: 100%;
   height: 455px;
   margin: 0 auto;   
   background: url(images/templatemo_content_bg_wrapper.jpg) top center no-repeat;
}

#templatemo_content {
   width:  760px;
   height: 455px;
   margin: 0 auto;
   padding: 0 16px 0 64px;
   background:  url(images/templatemo_content_bg.jpg) top center no-repeat;
}

#templatemo_content p {
   margin-bottom: 10px;
}

.service_list {
   margin: 0 0 20px 0;
   padding: 0px;
   list-style: decimal;
}

.service_list li {
   margin: 0px;
   padding: 5px 0;
}

.portfolio_box {
   float: left;
   width: 200px;
   margin-bottom: 20px;
}

.port_img {
   margin: 0 0 10px 0;
}

.port_img img {
   border: 1px solid #ffffff;
}

.port_content{
   clear: both;
   width: 200px;
}

#contact_form {
   float: left;
   width: 400px;
   padding: 20px 0 0 0;
}

#contact_form form {
   margin: 0px;
   padding: 0px;
   /*border:1px solid #e2d1be;
   padding: 20px 20px 10px 20px; */
}

#contact_form form .input_field {
   height: 18px;
   width: 230px;
}

#contact_form form label {
   float: left;   
   display: inline-block;
   width: 100px;
   text-align: right;
   margin-right: 10px;
   font-size: 14px;   
}

#contact_form form textarea {
   width: 230px;
   height: 100px;
}

#contact_form form .submit_btn {
   margin-left: 108px;
}

.em_text {
   color: #ffffff;
}

.address_info {
   float: right;
   padding: 10px 0 0 0;
   width: 300px;
   font-size: 14px;
   line-height: 30px;
}

.address_info h3 {
   font-size: 16px;
   color: #f0e7dd;
   margin: 0 0 5px;
   padding: 2px 0;
   font-weight:  normal;
}


/* end of content */

/* content */

#templatemo_footer_wrapper {
   clear: both;
   width: 100%;
   height: 235px;
   margin: 0 auto;   
   background: url(images/templatemo_footer_bg_wrapper.jpg) top center no-repeat;
}

#templatemo_footer {
   width:  350px;
   height: 235px;
   margin: 0 auto;
   padding: 7px 16px 0 474px;
   color: #000000;
   background: url(images/templatemo_footer_bg.jpg) top center no-repeat;
}

#templatemo_footer a {
   font-weight: bold;
   color: #000000;
}

/* end of content */

   .stripViewer .panelContainer .panel ul {
      text-align: left;
      margin: 0 15px 0 30px;
      padding: 0;
   }
   
   .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
      margin: 0;
      position: relative;
      width: 760px;
   }

   /* These 2 lines specify style applied while slider is loading */
   .csw { width: 100%; height: 410px; background: none; overflow: hidden; }
   .csw .loading { margin: 200px 0 0 0; text-align: center; width: 760px; height: 390px; }

   .stripViewer { /* This is the viewing window */
      position: relative;
      overflow: hidden;
      margin: auto;
      width: 760px; /* Also specified in  .stripViewer .panelContainer .panel  below */
      height: 390px;
      clear: both;
   }
   
   .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
      position: relative;
      left: 0; top: 0;
      width: 100%;
      list-style-type: none;
      /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
   }
   
   .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
      float:left;
      height: 100%;
      position: relative;
      width: 760px; /* Also specified in  .stripViewer  above */
   }
   
   .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
      overflow: hidden;
      padding: 30px;
      height: 360px;
   }
   
   .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
         float: right;
      }
      
      .stripNav ul { /* The auto-generated set of links */
         height: 40px;
         width: 530px;
         padding: 0px;
         margin: 0 0 0 0;
         list-style: none;
      }
      
      .stripNav ul li {
         float: left;
         margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
      }
      
      .stripNav a { /* The nav links */
         font-size: 12px;
         font-weight: bold;
         text-align: center;
         line-height: 36px;
         background: #c6e3ff;
         color: #e0bb25;
         text-decoration: none;
         display: block;
         height: 38px;
         width: 103px;
         outline: none;
      }
   
   .stripNav li a { background: url(images/templatemo_menu_button.png) no-repeat;}
   /*
   .stripNav li.tab2 a { background: #60c }
   .stripNav li.tab3 a { background: #63f }
   .stripNav li.tab4 a { background: #63c }
   .stripNav li.tab5 a { background: #00e } */
   
   .stripNav li a:hover  {
      background: url(images/templatemo_menu_button_hover.png) no-repeat;
   }
   
   .stripNav li a.current {
      background: url(images/templatemo_menu_button_hover.png) no-repeat;
   }
   
   .stripNavL, .stripNavR { /* The left and right arrows */
      position: absolute;
      top: 230px;
      text-indent: -9000em;
   }
   
   .stripNavL a, .stripNavR a {
      display: block;
      height: 0px;
      width: 0px;
   }
   
   .stripNavL {
      left: 0;
   }
   
   .stripNavR {
      right: 0;
   }
   
   .stripNavL {
      background: url("images/arrow-left.gif") no-repeat center;
   }
   
   .stripNavR {
      background: url("images/arrow-right.gif") no-repeat center;
   }

Comenten ¬¬

PD:Era la unica seccion donde podia colocar codigo de Css.


avatar
Chickenlittle
Colaborador
Colaborador

Mensajes Mensajes : 22
Fecha de inscripción : 17/12/2010

Volver arriba Ir abajo

Re: [Diseño Css]Wooden

Mensaje por Itsumi el Vie Dic 24, 2010 3:15 am

Wow muy buena me gusta mucho el fondo x3
gracias por aportar Very Happy
avatar
Itsumi
Soy nuev@
Soy nuev@

Mensajes Mensajes : 15
Fecha de inscripción : 21/12/2010

Http://YourWebForum.Com.Ar

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.