Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje13-02-2010, 21:05 (UTC)    
Título del mensaje: [Diseño para CSS-Desing] Rs18

Hola!
Este es el ultimo diseño que adapte, espero que les agrade:

Vista previa:



Texto por encima de la página:
Código:
<link href="http://kilometro6.comze.com/wp-content/uploads/2013/08/Rs18/css/slider.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="http://kilometro6.comze.com/wp-content/uploads/2013/08/Rs18/js/jquery-1.2.6.min.js"></script>

   <script type="text/javascript" src="http://kilometro6.comze.com/wp-content/uploads/2013/08/Rs18/js/jquery-easing-1.3.pack.js"></script>
   <script type="text/javascript" src="http://kilometro6.comze.com/wp-content/uploads/2013/08/Rs18/js/jquery-easing-compatibility.1.2.pack.js"></script>
   <script type="text/javascript" src="http://kilometro6.comze.com/wp-content/uploads/2013/08/Rs18/js/coda-slider.1.1.1.pack.js"></script>

   <script type="text/javascript">
   
      var theInt = null;
      var $crosslink, $navthumb;
      var curclicked = 0;
       
      theInterval = function(cur){
         clearInterval(theInt);
         
         if( typeof cur != 'undefined' )
            curclicked = cur;
         
         $crosslink.removeClass("active-thumb");
         $navthumb.eq(curclicked).parent().addClass("active-thumb");
            $(".stripNav ul li a").eq(curclicked).trigger('click');
         
         theInt = setInterval(function(){
            $crosslink.removeClass("active-thumb");
            $navthumb.eq(curclicked).parent().addClass("active-thumb");
            $(".stripNav ul li a").eq(curclicked).trigger('click');
            curclicked++;
            if( 5 == curclicked )
               curclicked = 0;
             
         }, 3000);
      };
       
      $(function(){
         
         $("#main-photo-slider").codaSlider();
         
         $navthumb = $(".nav-thumb");
         $crosslink = $(".cross-link");
         
         $navthumb
         .click(function() {
            var $this = $(this);
            theInterval($this.parent().attr('href').slice(1) - 1);
            return false;
         });
         
         theInterval();
      });
   </script>

</head>

<body>
<div id="wrap">

<div id="header">
<h1 id="sitename">BusinessPortfolio<span id="description">Free CSS Template by RamblingSoul</span></h1>
<div id="topnav">
<ul>
<li id="first" class="active"><a href="/">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="portfolio">Portfolio</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Design Resources</a></li>

<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>

</ul>

</div>
<div class="clear"></div>
<div id="headercolumn1">
<p class="description">
We design, develop and promote beautiful & accessible websites and web apps.
Checkout our <a href="portfolio">portfolio</a> or learn more about our <a href="/#">products</a> & <a href="#">services</a></p>

</div>

<div id="headercolumn2">
<div id="search_top">
<form action="/search/search.php" method="get">
<p><input type="text" name="query" id="query" class="keyword"/>   </p>
<p class="button"><input name="" type="image" src="http://img.webme.com/pic/k/kilometro6-pruebas/searchbutton.gif" alt="Search" /></p>
<p class="hide">   <input type="hidden" name="search" value="1" /> </p>

</form>
</div>
<div id="subscribe"><a href="#">Subscribe

</a></div>
</div>

<div class="clear"></div>

</div>
<div id="contents">
<div id="topbar">
<div class="columns">
<h2>First Title</h2>
<p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin ante</p>
</div>
<div class="columns">

<h2>Second Title</h2>
<p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin ante</p>

</div>
<div class="columns">

<h2>Third Title</h2>
<p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin</p>

</div>
<div class="clear"></div>
</div>
<div id="homepage">
<div class="services">
<h2 class="subhead">What we do ?</h2>
<ul>

<li class="idea">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
<li class="design">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
<li class="apps">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
<li class="mobile">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
</ul>
</div>

<div class="portfolio_preview">
<h2><img src="http://img.webme.com/pic/k/kilometro6-pruebas/fromportfolio.gif" alt="From Portfolio" width="130" height="18" /></h2>
<div id="from_portfolio">
<div class="slider-wrap">
      <div id="main-photo-slider" class="csw">
         <div class="panelContainer">

            <div class="panel" title="Panel 1">
               <div class="wrapper">
                 <img src="http://img.webme.com/pic/k/kilometro6-pruebas/kre8ivity.jpg" alt="temp" width="501" height="158" />
                 <div class="photo-meta-data">
                     Project : kre8ivity.com(Under Development)<br />
                     <span>Scope of work : PHP, MySQL, User Interface Design, Marketing and SEO</span>                 </div>
              </div>

           </div>
            <div class="panel" title="Panel 2">
               <div class="wrapper">
                 <img src="http://img.webme.com/pic/k/kilometro6-pruebas/real2.jpg" alt="temp" width="501" height="158" />
                  <div class="photo-meta-data">
                     Project : RealOne Template (Under Development)<br />
                     <span>Scope of work : PHP, MySQL, User Interface Design, Marketing and SEO</span>                  </div>

              </div>
           </div>       
            <div class="panel" title="Panel 3">
               <div class="wrapper">
                 <img src="http://img.webme.com/pic/k/kilometro6-pruebas/ramblingsoul.jpg" alt="scotch egg" width="501" height="158" />
                        <div class="photo-meta-data">
                     Project : RamblingSoul.com <br />
                     <span>Scope of work : PHP, MySQL, WebDesign, Wordpress and SEO</span>                  </div>

              </div>
           </div>
             
                   <div class="panel" title="Panel 4">
               <div class="wrapper">
                 <img src="http://img.webme.com/pic/k/kilometro6-pruebas/real2.jpg" alt="temp" width="501" height="158" />
                  <div class="photo-meta-data">
                     Project : RealOne Template (Under Development)<br />
                     <span>Scope of work : PHP, MySQL, User Interface Design, Marketing and SEO</span>                  </div>

              </div>
           </div>       
            <div class="panel" title="Panel 5">
               <div class="wrapper">
                 <img src="http://img.webme.com/pic/k/kilometro6-pruebas/ramblingsoul.jpg" alt="scotch egg" width="501" height="158" />
                        <div class="photo-meta-data">
                     Project : RamblingSoul.com <br />
                     <span>Scope of work : PHP, MySQL, WebDesign, Wordpress and SEO</span>                  </div>

              </div>
           </div>
             
             
           </div>
      </div>

      <div id="movers-row">
         <div></div>
         <div></div>
         <div></div>

         <div></div>
        </div>
</div>
</div>
</div>
<div class="clear">
</div>
<br />
<div class="blog_column">
<h2 class="subhead">From The Blog</h2>
<div class="post">
<div class="post_head">
<h3><a href="#">Lorem Ipsum Dolor Sit</a></h3>

<span class="meta">Posted on 12 December 2008</span>
<span class="meta"><a href="#">Roshan</a> Blogs about <a href="#">CSS Templates</a></span></div>
  <p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin ante, in rutrum orci massa ac urna. Cras nisi. Sed ornare  nulla ac odio. Quisque ac nisl non quam feugiat porttitor. Aliquam et  dolor. Curabitur ipsum eros, aliquam eget, ultrices et, semper nec,  ipsum. Mauris fringilla vulputate massa. </p>
  <p>Aenean felis metus, interdum  a, pretium vel, rutrum nec, enim. Cras eget augue. Suspendisse dolor.  Duis leo eros, posuere ac, volutpat vitae, pulvinar sit amet, purus.  Praesent nibh arcu, gravida et, ullamcorper quis, suscipit vitae,  turpis. </p>
</div>

</div>
<div class="right_column">

<h2 class="subhead">Resources</h2>
<ul class="resourcelist">
  <li><a href="#">Free CSS Templates</a></li>
  <li><a href="#">CSS Menus</a></li>
  <li><a href="#">Free Graphics</a></li>
  <li><a href="#">Free Icons</a></li>
  <li></li>

</ul>
</div>
<div class="narrow_column">

<h2 class="subhead">Products</h2>
<ul class="products_list">
<li> <a href="#"><img src="http://img.webme.com/pic/k/kilometro6-pruebas/product-omcms.gif" alt="OM Opensource CMS" /></a> </li>
<li> <a href="#"><img src="http://img.webme.com/pic/k/kilometro6-pruebas/product-real2.gif" alt="Real 2 , Real Estate Website , Real Estate Direcotry" /></a> </li>
<li> <a href="#"><img src="http://img.webme.com/pic/k/kilometro6-pruebas/product-kre8ivity.gif" alt="Kre8ivity - Social Networking" /></a> </li>

</ul>
<br />
<p> <a href="/products"><img src="http://img.webme.com/pic/k/kilometro6-pruebas/viewmore.jpg" alt="View more" /></a> </p>

</div>


Texto por debajo de la página:
Código:
<div class="clear"></div>
</div>


<div class="clear"></div>

<div id="bottom">

<div class="columns">
<h3>Chat with us</h3>
  <p>
  <strong><img src="http://img.webme.com/pic/k/kilometro6-pruebas/irc_protocol.png" alt="Gtalk" width="16" height="16" /> Gtalk :</strong> gtalk@gtalk.com    </p>

  <p>
  <strong><img src="http://img.webme.com/pic/k/kilometro6-pruebas/yahoo_protocol.png" alt="Yahoo" width="16" height="16" /> Yahoo :</strong> yahoo@yahoo.com</p>

   
      <p>
  <strong><img src="http://img.webme.com/pic/k/kilometro6-pruebas/msn_protocol.png" alt="MSN" width="16" height="16" /> MSN :</strong> msnmessenger</p>
   
      <p>
  <strong><img src="http://img.webme.com/pic/k/kilometro6-pruebas/skype.png" alt="Skype" width="16" height="16" /> Skype:</strong> skypeout</p>
</div>

<div class="columns">
<h3>Contact Us</h3>
<p>
<img src="http://img.webme.com/pic/k/kilometro6-pruebas/telephone.png" alt="Call" width="16" height="16" /> Call : +91 9124563789</p> 
<p>
<img src="http://img.webme.com/pic/k/kilometro6-pruebas/mail_generic.png" alt="email" width="16" height="16" /> General Emails : email@server.com</p> 
<p>
<img src="http://img.webme.com/pic/k/kilometro6-pruebas/mail_generic.png" alt="email" width="16" height="16" />  Careers Related Enquiries : hr@server.com</p>
<p>
<img src="http://img.webme.com/pic/k/kilometro6-pruebas/mail_generic.png" alt="email" width="16" height="16" /> Partnership enquiries : Partners@server.com</p> 


</div>
<div class="columns">
<h3>Reach Us</h3>
<p>1st Floor</p> 
<p>ABCD Building, XYZ Street</p> 
<p>City of God, State</p>
<p>Country, Zip Code - 123456</p> 

</div>
<div class="clear"></div>
</div>
<div id="midbottom"></div>
</div>

<div id="footer">
<div class="footercontent">
<p>Copyright Information Goes Here</p>
<p>Home | Products | Services | Privacy Policy | Terms of use | Contact Us |

<!--Do not delete the credit line and link back to rambolingsoul.com
-->
<a href="http://www.ramblingsoul.com"> CSS Template</a> by RamblingSoul | Plantilla adaptada por <a href="http://www.kilometro6.es.tl">kilometro6</a </p>
</div>
</div>



</div>


CSS-Code sin Style Tags:
Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

* { padding:0; margin:0;
}
a {
   color: #194896;
   text-decoration: none;
}

ul {list-style:none;}
body {background:url(http://img.webme.com/pic/k/kilometro6-pruebas/bgrs18.jpg) repeat; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333;}
#wrap { width:894px; margin:auto;}
.hide {
   display: none;
}

#header {background:url(http://img.webme.com/pic/k/kilometro6-pruebas/headerrs18.jpg) no-repeat; height:273px; }
#contents {background:url(http://img.webme.com/pic/k/kilometro6-pruebas/contentbg.jpg) repeat-y; padding:1px 5px 0 5px;}
.clear {clear:both;}
#bottom {background:url(http://img.webme.com/pic/k/kilometro6-pruebas/bottombg.jpg) repeat-x; height:126px;}
#footer {background:url(http://img.webme.com/pic/k/kilometro6-pruebas/footerrs18.jpg) no-repeat; height:81px;}
#topbar {background:url(http://img.webme.com/pic/k/kilometro6-pruebas/topbarbg.jpg) left bottom no-repeat; height:129px;
}
#homepage {padding:15px 0;}
#homepage .services {width:300px; padding:0 5px; float:right;}
#homepage .portfolio_preview { width:565px; height:260px; float:left; background:url(http://img.webme.com/pic/k/kilometro6-pruebas/featuredprojectbg.jpg) repeat-x;}

h1, h2, h3, h4 {font-family:"Trebuchet MS", halvetica, Verdana, sans-serif; font-weight:bold;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
.subhead {display:block; background:url(http://img.webme.com/pic/k/kilometro6-pruebas/subheadbg.jpg) repeat-x; height:25px; padding:3px 5px 0 5px;}
.portfolio_preview h2 {display:block; padding:3px 3px 0 5px; color:#fff; height:25px;}
.services li {display:block; padding:3px 5px 3px 40px; margin:5px 0 3px; height:46px; border-bottom:solid 1px #ccc;}
.services li.idea {background:url(http://img.webme.com/pic/k/kilometro6-pruebas/ideaicon.jpg) no-repeat; }
.services li.design {background: url(http://img.webme.com/pic/k/kilometro6-pruebas/designicon.jpg) no-repeat; }
.services li.apps {background: url(http://img.webme.com/pic/k/kilometro6-pruebas/interneticon.jpg) no-repeat; }
.services li.mobile {background: url(http://img.webme.com/pic/k/kilometro6-pruebas/mobileicon.jpg) no-repeat; }
#sitename {
   display: block;
   padding-top: 35px;
   height: 73px;
   padding-left: 10px;
   font:bold italic 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-shadow:#000 1px 1px 1px;
}
#sitename #description {display:block; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif!important;}
#topnav{height:56px;}
#topnav ul {padding:14px 15px 0; font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif; text-transform:uppercase;}
#topnav li {
   display:block;
   float:left;
   height: 41px;
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/menu_line.gif) no-repeat left top;
   padding-left: 5px;
}
#topnav  a {
   display: block; height:38px; padding:3px 10px 0 10px; text-decoration:none; color:#7098c6; float:left;}
#topnav li#first {background:none!important;}
#topnav .active a {background:url(http://img.webme.com/pic/k/kilometro6-pruebas/menuactivers18.gif) no-repeat center 27px; color:#184896;}
#topnav a:visited, #topnav a:active {color:#7098c6; text-decoration:none;}
#topnav a:hover {color:#184896;}
#headercolumn1 {
   width: 550px;
   padding-left: 15px;
   float: left;
}
#headercolumn2 {
   width: 290px;
   float: right;
   padding-right: 15px;
}
.description {
   color:#d2e7ff;
   font:14px "Trebuchet MS", halvetica, Verdana, sans-serif;
   display:block;
   padding-top: 25px;
}
.description a {color:#fff; text-decoration:none; border-bottom: dashed 1px #fff;}#search_top {
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/searchbg.gif) no-repeat;
   height: 36px;
   width: 278px;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
}
#search_top p {
   display:block;
   float: left;
}
#search_top .keyword {
   background: transparent;
   border-style: none;
   display: block;
   width: 125px;
   float: left;
   padding: 5px;
}
#search_top .button {
   padding-top: 3px;
   display: block;
   float: left;
   padding-left: 5px;
}
#search_top form {
   display: block;
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/searchfield.gif) no-repeat;
   height: 30px;
   margin-top: 3px;
   float: right;
   width: 170px;
   margin-right: 5px;
}
#subscribe {
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/rss18.gif) no-repeat;
   padding: 10px 5px 5px 40px;
   height: 20px;
   width: 233px;
   margin: auto;
}
#subscribe a {
   color: #FFFFFF;
   text-decoration: none;
   border-bottom: 1px dashed #FFFFFF;
}
#topbar .columns {
   width: 32%;
   float: left;
   padding: 3px;
   margin: 1px;
   color:#999999;
}
.columns .by {
   font-weight: bold;
}
#topbar .columns p {
   line-height: 16px;
   padding: 10px;
}
.blog_column {
   width: 400px;
   float: left;
   padding: 5px;
}
.right_column {
   width: 240px;
   float: right;
   padding: 5px;
}
.narrow_column {
   margin-right: 255px;
   margin-left: 415px;
   padding: 5px;
}
.post p {
   line-height: 16px;
   margin-bottom: 15px;
   padding-right: 5px;
   padding-left: 5px;
}
.post_head .meta {
   font-size: 10px;
   color: #999999;
   display: block;
   margin-top: 3px;
}
.post .post_head {
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/blogicon.jpg) no-repeat right top;
   height: 50px;
   margin-bottom: 10px;
   padding: 5px;
}
#bottom .columns {
   padding: 5px;
   float: left;
   width: 32%;
}
#footer .footercontent {
   text-align: center;
   padding-top: 15px;
   color: #FFFFFF;
}
.footercontent a {color: #fff;}
.footercontent a:visited, .footercontent a:active  {color: #fff;}
.footercontent p {
   margin-bottom: 5px;
}
.portfolio_preview .imageholder {
   padding: 35px 5px 5px 15px;
   height: 154px;
   width: 334px;
   float: left;
}
.portfolio_preview .clientinfo {
   width: 180px;
   float: right;
   padding-top: 40px;
   padding-left: 15px;
   padding-right: 10px;
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/portfoliodevider.png) no-repeat left 25px;
}
.portfolio_preview .imageholder img {
   background: #194896;
   padding: 3px;
   display: block;
   border: 1px solid #000000;
}
.clientinfo a {
   color: #FFFFFF;
   border-bottom: 1px dashed #fff;
}

.clientinfo .label {
   color: #FFFFFF;
   width: 100px;
   display: block;
}
.clientinfo p {
   display: block;
   padding: 3px;
   margin-bottom: 8px;
   color: #FFFFFF;
}
#contents #left {
   padding: 8px;
   width: 550px;
   float: left;
}
#contents #sidebar {
   width: 290px;
   float: right;
   padding: 8px;
}
#left p {
   line-height: 16px;
   margin-bottom: 15px;
}
.service_img {
   display: block;
   float: left;
   border-style: none;
   margin-right: 5px;
   margin-left: 5px;
}
#wrap #contents #left ul li {
   display: block;
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/bullet.jpg) no-repeat 0px 3px;
   padding: 5px 5px 5px 10px;
   margin-left: 15px;
   margin-bottom: 3px;
}
.devider {
   background: #FFFFFF;
   border-bottom: 1px solid #ccc;
   display: block;
   color: #FFFFFF;
   margin-bottom: 15px;
}

#left .servicetitle {
   display: block;
   margin-bottom: 10px;
   color: #194896;
}
#left .service_p {
   padding-left: 60px;
}
#sidebar p {
   line-height: 16px;
   margin-bottom: 16px;
}
a img {
   border : none;
}
a:hover img {border:none;}
a:visited img, a:active img {border:none;}#getaquote #fcf2 .r .f {
   display: block;
}
.f input {
   display: block;
   border: 1px solid #999999;
   padding: 5px;
}
#getaquote #fcf2 .r .f #comments {
   border: 1px solid #999999;
   padding: 5px;
}
.products_list li {display:block; height:70px; width:201px; margin-bottom:3px;}
.products_list a {display:block; background:url(http://img.webme.com/pic/k/kilometro6-pruebas/productbg1.gif) no-repeat; height:56px; width:201px; text-align:center; padding:12px 0 0 0; text-decoration:none;}
.products_list {padding-top:5px;}
.products_list a:hover {background:url(http://img.webme.com/pic/k/kilometro6-pruebas/productbg2.gif) no-repeat;}#quote_request {
   background-image: url(http://img.webme.com/pic/k/kilometro6-pruebas/formbg.gif);
   background-repeat: repeat;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
}
#quote_request h2 {
   display: block;
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/quote.gif) no-repeat;
   height: 61px;
   padding-left: 61px;
   padding-top: 8px;
}
#quote_request form  p {
   display: block;
   padding-left: 12px;
}
#quote_request .commentarea {
   display: block;
   height: 140px;
   width: 257px;
   border: solid 1px #e0dccb;
}
#quote_request .commentarea:hover {border:solid 1px #908b72;}
#quote_request label {
   display: block;
   padding: 3px;
   font: bold 12px "Trebuchet MS", halvetica, Verdana, sans-serif;
}
#quote_request .textfield {
   background: transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/textfield1.gif) no-repeat;
   display: block;
   border-style: none;
   height: 28px;
   width: 241px;
   padding:7px 8px 0 8px;
   font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif; color:#655045;
   }
#quote_request .textfield:hover {
   background: transparent url(http://img.webme.com/pic/k/kilometro6-pruebas/textfield2.gif) no-repeat;
}
#quote_request label .info {
   font: normal 10px Verdana, Arial, Helvetica, sans-serif;
   display: block;
}
.success {
   background: #d9e7f3 url(http://img.webme.com/pic/k/kilometro6-pruebas/success.gif) no-repeat 3px 3px;
   display: block;
   padding: 5px 5px 5px 55px!important;
   height: 60px;
}
.error {
   background: #ead2a8 url(http://img.webme.com/pic/k/kilometro6-pruebas/error.gif) no-repeat 3px 3px;
   display: block;
   padding: 5px 5px 5px 55px!important;
   height: 60px;
}
.progress {
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/loading.gif) no-repeat 3px 3px;
   padding: 5px 5px 5px 55px!important;
   height: 50px;
}
.bordered {
   border-bottom: 1px dashed #999999;
   margin-bottom: 15px;
   padding-bottom: 10px;
   display: block;
}
#midbottom {
   background: #333 url(http://img.webme.com/pic/k/kilometro6-pruebas/footerbg.png) no-repeat center center;
   height: 100px;
   padding-bottom: 3px;
   border-bottom: 1px solid #FFFFFF;
}
#bottom p {
   display: block;
   padding: 3px;
}
#bottom .columns h3 {
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
   color: #194896;
   display: block;
}
#midbottom img {
   display: block;
   float: left;
   padding-top: 30px;
   padding-left: 25px;
   padding-right: 15px;
}
.resourcelist li {
   display: block;
   height: 25px;
}
.resourcelist a {
   display: block;
   height: 18px;
   padding-top: 6px;
   padding-right: 4px;
   padding-left: 15px;
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/bullet.jpg) no-repeat 0px 7px;
   border-bottom:dashed 1px #ccc;}

.resourcelist a:hover {color:#000;}.theme_image {
   display: block;
   margin: auto;
   padding: 5px;
   background: #f4f4f4;
   border: 1px solid #ccc;
}
#widecolumn {
   padding: 8px;
}
.nrwcolumn {
   float: left;
   width: 23%;
   margin: 4px;
   padding: 4px;
}
#widecolumn #real2 {
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/real2logo.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn #omcms {
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/omlogo.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn #kre8ivity {
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/kre8ivitylogo.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn #oet {
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/oetlogo.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn  p {
   line-height: 16px;
   margin-bottom: 16px;
}
.blue {
   color: #194896;
   padding-bottom: 10px;
}
.lists li {
   display: block;
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/bullet.jpg) no-repeat 3px 5px;
   padding: 5px 5px 5px 20px;
   margin-bottom: 5px;
}
#portfolio .site {
   padding: 15px 5px 5px;
   background: #E0EEFC url(http://img.webme.com/pic/k/kilometro6-pruebas/portfoliobg.gif) repeat-x left bottom;
   border: 1px solid #BDDBF9;
   position: relative;
   margin-bottom: 5px;
}
.portfolio_image {
   display: block;
   padding: 9px;
   margin: auto;
   background: #FFFFFF;
   border: 1px solid #B9D9F9;
}
#portfolio .site .layer span {
   display: block;
   padding-top: 40px;
   font: bold 14px Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   text-align: center;
   padding-left: 40px;
}
.site .layer {
   display: block;
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/portfoliolayer.gif) no-repeat;
   height: 88px;
   width: 80px;
   position: absolute;
   float: right;
   z-index: 99;
   right: 8px;
   top: 114px;
}
#portfolio .site p {
   display: block;
   margin: 0px 10px 8px;
   padding: 0px 5px 5px;
}
.portfolio_image:hover {
   display: block;
   padding: 9px;
   margin: auto;
   background: #ffe;
   border: 1px solid #194896;
}
.testimonails blockquote {
   background: url(http://img.webme.com/pic/k/kilometro6-pruebas/dblquotes.gif) no-repeat 3px 3px;
   padding-left: 30px;
}
#results .description {
   color: #333333;
   padding: 5px;
   margin-bottom: 10px;
   border-bottom: 1px dashed #ccc;
}
#results .url {
   padding: 5px;
   background: #f4f4f4;
}
#results {
   padding: 5px;
}
#result_report {
   padding: 3px;
   background: #4891ED;
   color: #FFFFFF;
}
.columns h2 {
   display: block;
   padding-left: 10px;
   padding-top: 3px;
   height: 20px;
   text-shadow:#000 1px 1px 1px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #FFF;
}
.portfolio_preview h2 img {
   display: block;
   padding-left: 12px;
   padding-top: 3px;
}


br.clear {
   display: block;
   clear: both;
   height: 1px;
}

______________


Ultima edición por kilometro6 el Jue Ago 29, 2013 6:06 pm; editado 11 veces
Mensaje13-02-2010, 21:15 (UTC)    
Título del mensaje:

¡Hola!

- Muy buen design..

¡Saludos!
______________
¡Utiliza el buscador antes de abrir un Tema!
¡Respeta las normas ante todas las cosas!
¡Contacta con PaginaWebGratis mediante support-es@webme.com!
¡Fanksite desde ahora solo se dedicara al Foro.!
Mensaje13-02-2010, 22:04 (UTC)    
Título del mensaje:

Gracias, estaba pensando usarlo en mi web pero decidi dejar el que tengo. A mi me gusto mucho.

Saludos y gracias por comentar.
______________
Mensaje13-02-2010, 22:10 (UTC)    
Título del mensaje:

Increible kilometro sigue así
______________
@JuanjoApps
JuanjoApps
Mensaje13-02-2010, 22:12 (UTC)    
Título del mensaje:

hay codigos inecesarios
______________
PWG me vio nacer en desarrollo web, ahora estoy estudiando programacion en la universidad gracias a ti, GRACIAS PWG!
Mensaje13-02-2010, 23:47 (UTC)    
Título del mensaje: hola

vaya asta k revives no te avia visto por mucho tiempo kilometro6 jajaja muy buen diseno men saludos
10/10
nota:como dice mi amigo dady hay codigos k no son necesarios
como estos
Código:
<link rel="shortcut icon" href="images/favicon.ico" />
<meta name="Keywords" content="web design, template, php, mysql, professional, studio, company, website, web2, w3c standard, web standard,  css, applications, designing, graphics, xhtml, affordable, US web, UK web, India Web" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="Description" content="At RS18 Template, we blend creativity and technology to create beautiful, accessible, standard compliant websites and web apps." />
<meta name="Author" content="Roshan M. Ravi, RS18 Template" />
<link rel="shortcut icon" href="images/favicon.ico" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />

______________



Ultima edición por procssdesign el Sab Feb 13, 2010 7:49 pm; editado 2 veces
Mensaje14-02-2010, 01:30 (UTC)    
Título del mensaje:

o.o esta genial el theme
Gracias por traerlo al foro

Salu2!
______________
Depuis 2008.
Mensaje14-02-2010, 01:52 (UTC)    
Título del mensaje:

Si tienen razon, hay codigos que no sirven pero me olvide de quitarlos .Yo pensaba en usar el diseño para mi web pero no me convencio del todo por eso no sauqe las partes inecesarias.
Hace unos meses que no entro en PWG porque me puse a jugar al Mu pero ahora volvi y estoy actualizando mi web.
Les agradezco los comentarios.

Saludos!
______________
Mensaje14-02-2010, 04:56 (UTC)    
Título del mensaje: hola

hola jaja pues k bueno jejej el mu no me gusta no c pero no me gutan los juegos solo es futboll o soccer jejeje pero k bueno
______________



Ultima edición por procssdesign el Dom Feb 14, 2010 12:56 am; editado 1 vez
Mensaje14-02-2010, 05:03 (UTC)    
Título del mensaje:

muy buena plantilla
______________
Respeta las Normas del Foro
No hagas doble post, usa la opción
Utiliza el buscador antes de abrir un nuevo tema
Email oficial PaginaWebGratis.es: support-es@webme.com
Mensaje14-02-2010, 15:57 (UTC)    
Título del mensaje:

Gracias, dentro de poco espero traer otra plantilla al foro. Las Rs simpre me gustaron.

Saludos!
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group