hobie

probador css

Probador de diseños Css para PwG by dedydamy

Rellena igual que como harias en el editor

MI PLANTILLA "movies-time"
diseñada por kateko

Texto Por Encima de la Página

 <title>" [K]ate[K]o "</title>  <link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/> <link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/3734822104-widget_css_bundle.css' /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=821343966345510071&zx=bf8c8454-7352-425d-a32d-24ec8e0290a3"/> <style type="text/css">#navbar-iframe { display:block } </style> <script type='text/javascript'> //<![CDATA[ JSON.extend({ parse: function(string) { return JSON.decode(string); }, stringify: function(obj) { return JSON.encode(obj); } }); //]]> </script> <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script></head> <body> <div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div></div></div></div> <div id='outer-wrapper'><div id='wrap2'>  <span id='skiplinks' style='display:none;'> <a href='#main' _fcksavedurl='#main'>skip to main </a> | <a href='#sidebar' _fcksavedurl='#sidebar'>skip to sidebar</a> </span> <div class='span-24'> <div class='span-17'> <div id='pagemenucontainer'> <ul id='pagemenu'> <li class='current_page_item'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> </ul> </div> </div> <div class='span-7 last' id='topsearch'> <div id='search'> <form action='/search' id='searchform' method='get'> <input id='s' name='q' onblur_fckprotectedatt="%20onblur%3D'if%20(this.value%20%3D%3D%20%22%22)%20%7Bthis.value%20%3D%20%22Search%22%3B%7D'" onfocus_fckprotectedatt="%20onfocus%3D'if%20(this.value%20%3D%3D%20%22Search%22)%20%7Bthis.value%20%3D%20%22%22%3B%7D'" type='text' value='Search'/> <input src='http://4.bp.blogspot.com/_dZM2bJJMfBs/TPvw1SY6b_I/AAAAAAAAAMY/6fYERmP5qQk/s000/search.gif' style='border:0; vertical-align: top;' type='image'/> </form> </div> </div> </div> <div style='clear:both;'></div> <div id='header-wrapper'> <div class='header section' id='header'><div class='widget Header' id='Header1'> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <a href='http://katekoweb.blogspot.com/' _fcksavedurl='http://katekoweb.blogspot.com/'>" [K]ate[K]o "</a> </h1> </div> <div class='descriptionwrapper'> <p class='description'><span> </span></p> </div> </div> </div></div> <div class='header section' id='header2'></div> <div style='clear:both;'></div> </div> <div style='clear:both;'></div> <div class='span-24'> <div id='navcontainer'> <ul id='nav'> <li class='current-cat'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> </ul> </div> </div> <div style='clear:both;'></div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <div class='crosscol section' id='crosscol'></div> </div> <div id='lsidebar-wrapper'> <div class='sidebar section' id='sidebarleft'><div class='widget HTML' id='HTML1'> <h2 class='title'>Menu</h2> <div class='widget-content'> <ul> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> </ul> </div> </div> <div class='widget HTML' id='HTML8'> <h2 class='title'>Menu</h2> <div class='widget-content'> <ul> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> </ul> </div> <div class='clear'></div> </div> <div class='widget HTML' id='HTML8'> <h2 class='title'>Menu</h2> <div class='widget-content'> <ul> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> </ul> </div> <div class='clear'></div> </div> <div class='widget HTML' id='HTML8'> <h2 class='title'>Menu</h2> <div class='widget-content'> <ul> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> </ul> </div> <div class='clear'></div> </div> </div> <p></p></div> <div id='main-wrapper'> <div class='main section' id='main'><div class='widget Blog' id='Blog1'>

Texto Por Debajo de la Pàgina

</div></div> </div> <div id='rsidebar-wrapper'> <div class='rssbox'> <a href='http://katekoweb.blogspot.com/feeds/posts/default' _fcksavedurl='http://katekoweb.blogspot.com/feeds/posts/default'><img src='http://3.bp.blogspot.com/_dZM2bJJMfBs/TPvw4cn5EPI/AAAAAAAAAM4/g9HxYaIuhJk/s000/rss.png' _fcksavedurl='http://3.bp.blogspot.com/_dZM2bJJMfBs/TPvw4cn5EPI/AAAAAAAAAM4/g9HxYaIuhJk/s000/rss.png' style='vertical-align:middle;margin-right:5px;border:none;'/>Subscribe</a> </div> <div class='twitterbox'> <a href='http://twitter.com/USERNAME' _fcksavedurl='http://twitter.com/USERNAME' title='Follow me!'><img src='http://1.bp.blogspot.com/_dZM2bJJMfBs/TPvw4ksFKWI/AAAAAAAAAM8/p1YelSn0-Mo/s000/twitter.png' _fcksavedurl='http://1.bp.blogspot.com/_dZM2bJJMfBs/TPvw4ksFKWI/AAAAAAAAAM8/p1YelSn0-Mo/s000/twitter.png' style='vertical-align:middle;margin-right:5px;border:none;' title='Follow me!'/>Follow me!</a> </div> <div class='sidebar section' id='sidebarright'><div class='widget LinkList' id='LinkList1'> <h2>Menu</h2> <div class='widget-content'> <ul> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> </ul> <div class='clear'></div> </div> </div> <div class='widget LinkList' id='LinkList1'> <h2>Menu</h2> <div class='widget-content'> <ul> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> </ul> <div class='clear'></div> </div> </div> <div class='widget LinkList' id='LinkList1'> <h2>Menu</h2> <div class='widget-content'> <ul> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> <li><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu</a></li> </ul> <div class='clear'></div> </div> </div> <p></p></div>  <div class='clear'> </div> </div>  <div class='span-24'> <div id='footer'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' target='_blank'>Tu web Aqui.</a> Todos los derechos reservados. </div> <div style='clear:both;'></div> <div id='footer2'> <a href='http://www.kateko.es.tl/' _fcksavedurl='http://www.kateko.es.tl/'><strong>Plantilla por KATEKO.ES.TL</strong></a> </div> </div> </div></div>  </body> </html>

Texto en CSS-SIN Style Tag's

table {margin-left:auto;margin-right:auto;} #pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #title {display: none;} #nav_container {display:none;} /* ----------------------------------------------- Plantilla por KATEKO.ES.TL ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#fff"> <Variable name="textcolor" description="Text Color" type="color" default="#333"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c60"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"> <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"> */ /* Use this with templates/template-twocol.html */ body{margin-top:0;padding-top:0;background: #000000;color:#e0e1d6;font:75% "Helvetica Neue",Arial,Helvetica,sans-serif} a:link,a:visited{color:#92D5D6;outline:none;} a:hover{color:#00E3E6;outline:none;} a img{border-width:0} /* Header-----------------------------------------------*/ #header-wrapper{width:950px;margin:0 auto 0;height:150px;overflow:hidden;} #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:48%;overflow:hidden;} #header h1{margin:0 5px 0;padding:30px 0 0 0px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;font-size:48px;color:#00e2e5;} #header .description{padding-left:5px;color:#8d8f7e;font-size:14px;font-weight:bold;padding-top:5px;margin-top:0px;} #header h1 a,#header h1 a:visited{color:#00e2e5;text-decoration:none} #header h2{padding-left:15px;color:#736f74;font:14px Arial,Helvetica,Sans-serif;overflow:hidden;} #header2{float:right;width:50%;overflow:hidden;} #header2 .widget{padding:40px 0px 0 10px;float:right} /* Outer-Wrapper----------------------------------------------- */ #outer-wrapper{background: #000000 url(http://1.bp.blogspot.com/_dZM2bJJMfBs/TPvwxJbaueI/AAAAAAAAALc/O5gUBpC6HGk/s000/container-line.png) left 36px repeat-x ;width:950px;margin:10px auto 0px;padding:0;text-align:$startSide;font:$bodyfont} #content-wrapper{background: url(http://2.bp.blogspot.com/_dZM2bJJMfBs/TPvwxc54edI/AAAAAAAAALg/7TJCR851MYU/s000/contetwrap.png) center top repeat-y;} #main-wrapper{width:520px;padding-left:20px;padding-right:15px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #lsidebar-wrapper{width:180px;float:left;margin-left:5px;margin-right:5px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #rsidebar-wrapper{width:180px;float:right;margin-left:5px;margin-right:5px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } /* Headings----------------------------------------------- */ h2{margin:1.5em 0 .75em;font:$headerfont;line-height:1.4em;text-transform:uppercase;color:$sidebarcolor} /* Posts-----------------------------------------------*/ h2.date-header{margin:1.5em 0 .5em} .post{margin:.5em 0 0.5em;padding-bottom:0.5em;background: url(http://4.bp.blogspot.com/_dZM2bJJMfBs/TPvwxms5mjI/AAAAAAAAALk/x8qjQyG_qZM/s000/post-line.png) left bottom repeat-x;} .post-title{margin:0 0 8px 0;padding:0;color:#F6F7EB;font:bold 24px/28px Arial,Helvetica,Sans-serif} .post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#F6F7EB;font-size:24px} .post-title strong,.post-title a:hover{text-decoration:none;color:#00E3E6;font-size:24px} .post-body{margin:0 0 .75em;text-align:justify;padding-top:8px;font:14px/20px Arial,Verdana} .post-body blockquote{overflow:hidden;padding-left:9px;font-style:italic;color:#666;border-left:3px solid #bcbbbb;} .post-footer{margin:.75em 0;color:$sidebarcolor;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;line-height:1.4em} .comment-link{margin-$startSide:.6em} .post img{padding: 6px;background:#000000;border:1px solid #2B2929;margin:0 4px 4px 0} /* Comments----------------------------------------------- */ #comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor} #comments-block{margin:1em 0 1.5em;line-height:1.6em} #comments-block .comment-author{margin:.5em 0} #comments-block .comment-body{margin:.25em 0 0} #comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em} #comments-block .comment-body p{margin:0 0 .75em} .deleted-comment{font-style:italic;color:gray} #blog-pager-newer-link{float:$startSide} #blog-pager-older-link{float:$endSide} #blog-pager{text-align:center} .feed-links{clear:both;line-height:2.5em} /* Sidebar Content----------------------------------------------- */ .sidebar{color:#E0E1D6;margin:0 0 10px 0} .sidebar a{text-decoration:none;color:#E0E1D6;} .sidebar a:hover{text-decoration:underline;color:#00E3E6;} .sidebar h2{margin:10px 0 0 0;padding:10px 0 10px 0;background:url(http://2.bp.blogspot.com/_dZM2bJJMfBs/TPvwyIpsPEI/AAAAAAAAALo/UtXHSEXumvA/s000/sidebar_tab.png) bottom left repeat-x;font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;color:#fff;} .sidebar ul{list-style-type:none;margin:0 0 10px 0;padding:0} .sidebar ul li{padding: 6px 0 6px 10px;margin:0;background: url(http://1.bp.blogspot.com/_dZM2bJJMfBs/TPvwyeT6rnI/AAAAAAAAALs/74dTuCtDI5w/s000/bullet.png) left 11px no-repeat;} .sidebar .widget{border-bottom:0 dotted $bordercolor;margin:0 0 0.5em;padding:0 0 0.5em} .main .widget{border-bottom:0 dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em} .main .Blog{border-bottom-width:0} /* Profile ----------------------------------------------- */ .profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor} .profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em} .profile-datablock{margin:.5em 0 .5em} .profile-textblock{margin:0.5em 0;line-height:1.6em} .profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em} #myGallery,#myGallerySet,#flickrGallery{width:520px;height:300px;z-index:5;margin-bottom:20px;margin-top:15px;overflow:hidden;} .jdGallery a{outline:0} #flickrGallery{width:500px;height:334px} #myGallery img.thumbnail,#myGallerySet img.thumbnail{display:none} .jdGallery{overflow:hidden;position:relative} .jdGallery img{border:0;margin:0} .jdGallery .slideElement{width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center center;background-image:url('http://2.bp.blogspot.com/_dZM2bJJMfBs/TPvwyvG-YjI/AAAAAAAAALw/2xoYrmnGpdQ/s000/loading-bar-black.png')} .jdGallery .loadingElement{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;background-repeat:no-repeat;background-position:center center;background-image:url('http://2.bp.blogspot.com/_dZM2bJJMfBs/TPvwyvG-YjI/AAAAAAAAALw/2xoYrmnGpdQ/s000/loading-bar-black.png')} .jdGallery .slideInfoZone{position:absolute;z-index:10;width:100%;margin:0;left:0;bottom:0;height:120px;background:#000000;color:#fff;text-indent:0;overflow:hidden} * html .jdGallery .slideInfoZone{bottom:-1px} .jdGallery .slideInfoZone h2{padding:0;margin:0;margin:2px 5px;font-size:14px;font-weight:bold;color:#fff !important} .jdGallery .slideInfoZone p{padding:0;font-size:12px;margin:2px 5px;color:#eee} .jdGallery div.carouselContainer{position:absolute;height:135px;width:100%;z-index:10;margin:0;left:0;top:0} .jdGallery a.carouselBtn{position:absolute;bottom:0;right:30px;height:20px;/*width:100px;background:url('img/carousel_btn.gif') no-repeat;*/ text-align:center;padding:0 10px;font-size:13px;background:#333;color:#fff;cursor:pointer} .jdGallery .carousel{position:absolute;width:100%;margin:0;left:0;top:0;height:115px;background:#333;color:#fff;text-indent:0;overflow:hidden} .jdExtCarousel{overflow:hidden;position:relative} .jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper{position:absolute;width:100%;height:78px;top:10px;left:0;overflow:hidden} .jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner{position:relative} .jdGallery .carousel .carouselInner .thumbnail,.jdExtCarousel .carouselInner .thumbnail{cursor:pointer;background:#000;background-position:center center;float:left;border:solid 1px #fff} .jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail{margin-bottom:10px} .jdGallery .carousel .label,.jdExtCarousel .label{font-size:13px;position:absolute;bottom:5px;left:10px;padding:0;margin:0} .jdGallery .carousel .wallButton,.jdExtCarousel .wallButton{font-size:10px;position:absolute;bottom:5px;right:10px;padding:1px 2px;margin:0;background:#222;border:1px solid #888;cursor:pointer} .jdGallery .carousel .label .number,.jdExtCarousel .label .number{color:#b5b5b5} .jdGallery a{font-size:100%;text-decoration:none;color:#fff} .jdGallery a.right,.jdGallery a.left{position:absolute;height:99%;width:25%;cursor:pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2} * html .jdGallery a.right,* html .jdGallery a.left{filter:alpha(opacity=50)} .jdGallery a.right:hover,.jdGallery a.left:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8} .jdGallery a.left{left:0;top:0;background:url('http://1.bp.blogspot.com/_dZM2bJJMfBs/TPvwy1BVkbI/AAAAAAAAAL0/lIpoT22naiY/s000/fleche1.png') no-repeat center left} * html .jdGallery a.left{background:url('http://4.bp.blogspot.com/_dZM2bJJMfBs/TPvwzYMAQ7I/AAAAAAAAAL4/WXLUAdlZpZA/s000/fleche1.gif') no-repeat center left} .jdGallery a.right{right:0;top:0;background:url('http://4.bp.blogspot.com/_dZM2bJJMfBs/TPvwznbaV-I/AAAAAAAAAL8/slwxRUa9Ul8/s000/fleche2.png') no-repeat center right} * html .jdGallery a.right{background:url('http://4.bp.blogspot.com/_dZM2bJJMfBs/TPvwzsQkYQI/AAAAAAAAAMA/_KiPEkHOj_w/s000/fleche2.gif') no-repeat center right} .jdGallery a.open{left:0;top:0;width:100%;height:100%} .withArrows a.open{position:absolute;top:0;left:25%;height:99%;width:50%;cursor:pointer;z-index:10;background:none;-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8} .withArrows a.open:hover{background:url('http://3.bp.blogspot.com/_dZM2bJJMfBs/TPvwzzL3OGI/AAAAAAAAAME/V6_TB-NEnfE/s000/open.png') no-repeat center center} * html .withArrows a.open:hover{background:url('http://3.bp.blogspot.com/_dZM2bJJMfBs/TPvw0bxIC8I/AAAAAAAAAMI/Vzzu1-QPvyU/s000/open.gif') no-repeat center center;filter:alpha(opacity=80)} /* Gallery Sets */ .jdGallery a.gallerySelectorBtn{z-index:15;position:absolute;top:0;left:30px;height:20px;/*width:100px;background:url('img/carousel_btn.gif') no-repeat;*/ text-align:center;padding:0 10px;font-size:13px;background:#333;color:#fff;cursor:pointer;opacity:.4;-moz-opacity:.4;-khtml-opacity:0.4;filter:alpha(opacity=40)} .jdGallery .gallerySelector{z-index:20;width:100%;height:100%;position:absolute;top:0;left:0;background:#000} .jdGallery .gallerySelector h2{margin:0;padding:10px 20px 10px 20px;font-size:20px;line-height:30px;color:#fff !important} .jdGallery .gallerySelector .gallerySelectorWrapper{overflow:hidden} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{margin-left:10px;margin-top:10px;border:1px solid #888;padding:5px;height:40px;color:#fff;cursor:pointer;float:left} .jdGallery .gallerySelector .gallerySelectorInner div.hover{background:#333} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{background:#000;background-position:center center;float:left;border:none;width:40px;height:40px;margin-right:5px} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{margin:0;padding:0;font-size:12px;font-weight:normal;color:#fff} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{margin:0;padding:0;font-size:12px;font-weight:normal;color:#fff !important} #navbar-iframe{height:0;visibility:hidden;display:none} #pagemenucontainer{height:40px;padding-left:0} #pagemenu{height:40px} #pagemenu,#pagemenu ul{padding:0;margin:0;list-style:none;line-height:1} #pagemenu{margin-bottom:1px} #pagemenu ul{float:left;list-style:none;margin:0 0 0 0;padding:0} #pagemenu li{float:left;list-style:none;margin:0;padding:0 6px 0 0} #pagemenu ul li{list-style:none;margin:0;padding:0} #pagemenu li a,#pagemenu li a:link{color:#BEC1AA;display:block;margin:0;padding:10px 20px 10px 0;text-decoration:none;text-transform:uppercase;font:bold 11px Arial,Helvetica,sans-serif} #pagemenu li a:hover,#pagemenu li a:active{color:#00E3E6;display:block;text-decoration:none} #pagemenu li.current_page_item a{color:#00E3E6} #pagemenu li:hover,#pagemenu li.sfhover{position:static} #navcontainer{height:45px;background:url(http://3.bp.blogspot.com/_dZM2bJJMfBs/TPvw0l1NASI/AAAAAAAAAMM/w33yPiezy9U/s000/nav-background.png) top left repeat-x;display:block;overflow:hidden} #navcontainer .current-cat a{background:url(http://4.bp.blogspot.com/_dZM2bJJMfBs/TPvw0zh-yhI/AAAAAAAAAMQ/7VpFxCTrwN0/s000/nav-background-hover.png) top left repeat-x;color:#FFF} #nav a,#subMenusContainer a{text-decoration:none;display:block} #nav a{margin:0 0 0 4px;float:left;background:none;padding:17px 14px;color:#000;font-weight:bold;font-size:12px;text-transform:uppercase} #subMenusContainer a,#nav li li a{color:#525446;font-size:12px;text-align:left;background-color:#BEC1AA;padding:6px 24px} #nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{background:url(http://4.bp.blogspot.com/_dZM2bJJMfBs/TPvw0zh-yhI/AAAAAAAAAMQ/7VpFxCTrwN0/s000/nav-background-hover.png) top left repeat-x;color:#fff} #subMenusContainer a:hover,#subMenusContainer a:focus,#subMenusContainer a.subMenuParentBtnFocused{background-color:#BEC1AA;color:#FFF} .subMenuParentBtn{background:url(../img/arrow_right.gif) right center no-repeat} .subMenuParentBtnFocused{background:url(../img/arrow_right_over.gif) right center no-repeat} .mainMenuParentBtn{} .mainMenuParentBtnFocused{} .smOW{display:none;position:absolute;overflow:hidden;padding:0 2px;margin:0 0 0 -2px} #nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em} #nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{background:none;left:0} #nav li{cursor:pointer;float:left;margin:0 2px 0 0;padding:0 2px 0 0;height:45px;display:inline;background:url(http://1.bp.blogspot.com/_dZM2bJJMfBs/TPvw1P1zR-I/AAAAAAAAAMU/uGZZixpgxR4/s000/nav-seperator.png) left center no-repeat} #subMenusContainer li{list-style:none} #nav{width:950px;margin:0 auto;clear:both;overflow:hidden;font-size:12px;display:block} #nav .children{display:none} #subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000} .postdate{font:italic 13px Arial,Helvetica,Sans-serif;color:#DBDCD1} .postmeta{padding:2px 4px;font:11px Arial,Verdana} .postdate img,.postmeta img{border:none;vertical-align:middle;margin:2px;padding:0px;background:transparent;} #footer{background:#C4C7B4;padding:16px 0;text-align:center;color:#000;font-size:13px} #footer a{color:#000} #footer a:hover{text-decoration:none} #footer2{color:#C4C7B4;font-size:11px;text-align:center;padding:10px;background:#000} #footer2 a{color:#C4C7B4;text-decoration:none} /* -- NUMBER PAGE NAVIGATION -- */ .showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898} .showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana} .showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262} .showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111} .showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none} .rssbox{background:#222121;border:1px solid #262525;padding:10px;margin:10px 0 0 0} .rssbox:hover{border:1px solid #343434;background:#2B2A2A} .rssbox a{color:#C5C8B5;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif} .rssbox a:hover{color:#C5C8B5;text-decoration:underline} .twitterbox{background:#222121;border:1px solid #262525;padding:10px;margin:10px 0 0 0} .twitterbox:hover{border:1px solid #343434;background:#2B2A2A} .twitterbox a{color:#C5C8B5;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif} .twitterbox a:hover{color:#C5C8B5;text-decoration:underline} #comment-form iframe{padding:5px;width:500px} #search{border:1px solid #303125;height:26px;padding:0;background:#070A03;text-align:right;overflow:hidden;} #search input{border:0;background:none;color:#97A27F} #s{width:220px;padding:4px;margin:0 0 0 0;background:none} #topsearch #search{margin:0} #topsearch #s{width:230px} div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px}.last,div.last{margin-right:0}.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:950px;margin:0}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important}input.span-1,textarea.span-1{width:18px!important}input.span-2,textarea.span-2{width:58px!important}input.span-3,textarea.span-3{width:98px!important}input.span-4,textarea.span-4{width:138px!important}input.span-5,textarea.span-5{width:178px!important}input.span-6,textarea.span-6{width:218px!important}input.span-7,textarea.span-7{width:258px!important}input.span-8,textarea.span-8{width:298px!important}input.span-9,textarea.span-9{width:338px!important}input.span-10,textarea.span-10{width:378px!important}input.span-11,textarea.span-11{width:418px!important}input.span-12,textarea.span-12{width:458px!important}input.span-13,textarea.span-13{width:498px!important}input.span-14,textarea.span-14{width:538px!important}input.span-15,textarea.span-15{width:578px!important}input.span-16,textarea.span-16{width:618px!important}input.span-17,textarea.span-17{width:658px!important}input.span-18,textarea.span-18{width:698px!important}input.span-19,textarea.span-19{width:738px!important}input.span-20,textarea.span-20{width:778px!important}input.span-21,textarea.span-21{width:818px!important}input.span-22,textarea.span-22{width:858px!important}input.span-23,textarea.span-23{width:898px!important}input.span-24,textarea.span-24{width:938px!important} .last{margin-right:0;padding-right:0} .readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;} .readmorecontent a{padding:4px 5px; background:#344052; color:#ffffff; text-decoration:none; font-size:12px;} .readmorecontent a:hover{background-color:#8DA2C3; color:#ffffff}

INSTRUCCIONES:
para adaptar esta plantilla en pwg
1.- ve a editar diseño
2.- en diseño selecciona "plantilla css no tan popular"
3.- coloca los codigos donde lo indica y guarda cambios
LISTO ES TODO!!

Default

Un tema de Pwgpro ©

probador css

Probador de diseños Css para PwG by dedydamy

Rellena igual que como harias en el editor

Texto por encima de la página:

Texto por debajo de la página:

Advertencia referente al campo de contenido (p.ej. Copyright):

CSS-Code sin Style Tags: