Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje26-05-2011, 20:15 (UTC)    
Título del mensaje: Dos ayuditas porfavor

Miren la primer ayuda es ....

-1 www.diversionenvos.es.tl Si se fijan en el Header van a notar que esta medio mal metida la imagen por el tema de tamaño solo por unos 950x160 y esta 945x193 .... Quisiera saber algun programa para achicar (YA PROBE PHOTOZOOM Y PHOTOSHOP PERO ME DEJA NADAMAS ej 680x160 osea si corro uno el otro se me va corriendo) ... si puede ser eso agradesco :D

-2 Ven que en el home, lo que esta escrito esta encuadrado de color gris .... alguien sabe como le saco ese cuadro ?
Mensaje26-05-2011, 20:22 (UTC)    
Título del mensaje:

Un programa simple para achicar imagenes se llama "Photoscape"

Y el cuadro gris, en el código de la plantilla solo cambia el color por el mismo del fondo y ya.
______________
Off
Mensaje26-05-2011, 20:27 (UTC)    
Título del mensaje:

Gracias... pero estas seguro que el photoscape no hace lo que dije antes poruqe probe de todo y nada me deja en la medida 950x160 ... :S

y otra tenes idea dnd me dice el color en el codigo ?
que linia ... ?
Mensaje26-05-2011, 20:33 (UTC)    
Título del mensaje:

diversionenvos escribió:
Gracias... pero estas seguro que el photoscape no hace lo que dije antes poruqe probe de todo y nada me deja en la medida 950x160 ... :S

y otra tenes idea dnd me dice el color en el codigo ?
que linia ... ?


Tu primera duda:
En photoscape ve a Editor >> Abres tu imágen >> Inicio >> Busca el boton "Redimensiona" >> hay solo pon la medida de ancho de tu imágen y va a seguir la variación.

Tu segunda duda:
Deja tu código por arriba de la página y talvez el de por debajo
______________
Off
Mensaje26-05-2011, 20:38 (UTC)    
Título del mensaje:

Por las dudas los 3 ....

Código:

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="#1b1b1b">
<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{background: #1b1b1b url(http://4.bp.blogspot.com/_4HKUHirY_2U/TIb8rmV9krI/AAAAAAAAB7E/5s2dy8t1h7M/s1600/background.png) top left repeat-x;color: #888686;font:75% "Helvetica Neue",Arial,Helvetica,sans-serif}
a:link,a:visited{color:#fff;}
a:hover{color:#cb0403}
a img{border-width:0}
/* Header-----------------------------------------------*/
#header-wrapper{width:950px;margin:0 auto 0;height:112px;background:url() top right no-repeat}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:40%}
#header h1{margin:0 5px 0;padding:1px 0 0 15px;font:bold 48px Arial,Helvetica,Sans-serif}
#header .description{padding-left:20px;color:#666666;}
#header h1 a,#header h1 a:visited{color:#fff;text-decoration:none}
#header h2{padding-left:15px;color:#736f74;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:58%}
#header2 .widget{padding:20px 0px 0 10px;float:right}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{background: url(http://1.bp.blogspot.com/_4HKUHirY_2U/TIb8tVn7PAI/AAAAAAAAB7c/OT-o1PSpZb0/container-bg.jpg) center top no-repeat;width:950px;margin:0 auto;padding:0;text-align:$startSide;font:$bodyfont}
#content-wrapper{background: #050505;}
#main-wrapper{width:610px;padding-left:15px;padding-right:0px;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 */
}
#rsidebar-wrapper{width:305px;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;letter-spacing:.2em;color:$sidebarcolor}
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em}
.post{background-color: #1b1b1b;padding: 12px 15px 15px 15px;margin: 5px 0 25px 0;border: 1px solid #2e2d2d;}
.post h3{margin:0 0 8px 0;padding:0;color:#d3d3d3;font:bold 22px Arial, Verdana;line-height: 26px;text-transform: uppercase;}
.post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:#d3d3d3;font:bold 22px Arial, Verdana;}
.post h3 strong,.post h3 a:hover{color:#ca2111;font:bold 22px Arial, Verdana;text-decoration:underline;}
.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 #CADAE7}
.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 6px 6px 6px;background:#1b1b1b;border:1px solid #2e2d2d;margin:0 4px 4px 0}
.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 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:#8e8e8e;line-height:1.5em;margin:0 0 10px 0}
.sidebar a{text-decoration:none;color:#8e8e8e}
.sidebar a:hover{text-decoration:underline;color:#a31f13}
.sidebar h2{margin:10px 0 0 0;padding:5px 0 5px 0;font-size:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;color:#c40503;}
.sidebar ul{list-style-type:none;margin:0 0 10px 0;padding:0}
.sidebar ul li{padding:6px 0 6px 16px;margin:0;background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/TIb8rfjNUEI/AAAAAAAAB68/7Y-Pgr9ZgrM/arrow.png) left 12px no-repeat;border-bottom:1px solid #1b1b1b}
.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:610px;height:320px;z-index:5;margin-bottom:20px;margin-top:15px}
.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://1.bp.blogspot.com/_4HKUHirY_2U/TH5CnyElq7I/AAAAAAAABfc/OIwMCzgM_KA/s1600/loading-bar-black.gif')}
.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://1.bp.blogspot.com/_4HKUHirY_2U/TH5CnyElq7I/AAAAAAAABfc/OIwMCzgM_KA/s1600/loading-bar-black.gif')}
.jdGallery .slideInfoZone{position:absolute;z-index:10;width:100%;margin:0;left:0;bottom:0;height:120px;background:#17181e;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://4.bp.blogspot.com/_4HKUHirY_2U/TH5CmeY6JVI/AAAAAAAABfE/V6WLzU3rtfM/s1600/fleche1.png') no-repeat center left}
* html .jdGallery a.left{background:url('http://4.bp.blogspot.com/_4HKUHirY_2U/TH5CaC77BiI/AAAAAAAABe8/B4FUXMSMRKE/s1600/fleche1.gif') no-repeat center left}
.jdGallery a.right{right:0;top:0;background:url('http://3.bp.blogspot.com/_4HKUHirY_2U/TH5CnZ9VneI/AAAAAAAABfU/Z3F7W_3RJlA/s1600/fleche2.png') no-repeat center right}
* html .jdGallery a.right{background:url('http://1.bp.blogspot.com/_4HKUHirY_2U/TH5Cm_O50lI/AAAAAAAABfM/8hTr1hCxF8c/s1600/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://2.bp.blogspot.com/_4HKUHirY_2U/TH5CzYqk8PI/AAAAAAAABfs/1PGw_tK8g08/s1600/open.png') no-repeat center center}
* html .withArrows a.open:hover{background:url('http://1.bp.blogspot.com/_4HKUHirY_2U/TH5Cou-6ZYI/AAAAAAAABfk/Dda7FQKrEW4/s1600/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:34px;margin-top:10px;float:left;background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9CVVM7KI/AAAAAAAAB8U/9hFEOkEmuRA/pagenav-bg.png) left top repeat-x}
#pagemenu{height:34px;float:right}
#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}
#pagemenu ul li{list-style:none;margin:0;padding:0}
#pagemenu li a,#pagemenu li a:link{color:#7b7b7a;display:block;margin:0 3px 0 3px;padding:10px 14px;text-decoration:none;text-transform:uppercase;font:bold 11px Arial,Helvetica,sans-serif}
#pagemenu li a:hover,#pagemenu li a:active{color:#fff;display:block;text-decoration:none}
#pagemenu li.current_page_item a{color:#fff}
#pagemenu li:hover,#pagemenu li.sfhover{position:static}
.navcontainer{height:36px;background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/TIBWT96I7YI/AAAAAAAABjE/Il3hTbPpeu0/nav-background.png) top left repeat-x;padding:0 10px;border-bottom:1px solid #303030}
#nav{height:36px}
#nav,#nav ul{padding:0;margin:0;list-style:none;line-height:1}
#nav{margin-bottom:1px}
#nav ul{float:left;list-style:none;margin:0 0 0 0;padding:0}
#nav li{float:left;list-style:none;margin:0;padding:0}
#nav ul li{list-style:none;margin:0;padding:0}
#nav li a,#nav li a:link{color:#fff;display:block;margin:0 3px 0 3px;padding:12px 15px;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;text-shadow:0 1px 0 #1e1d1d}
#nav li a:hover,#nav li a:active{color:#fff;display:block;text-decoration:none;background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/TIBWULTYxPI/AAAAAAAABjM/tG7vzAepxic/nav-background-hover.png) top left repeat-x;text-shadow:0 1px 0 #242323}
#nav li.current-cat a{color:#fff;background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/TIBWULTYxPI/AAAAAAAABjM/tG7vzAepxic/nav-background-hover.png) top left repeat-x;text-shadow:0 1px 0 #242323}
#nav li:hover,#nav li.sfhover{position:static}
.postdate{padding:2px 0;font:11px Arial,Verdana;color:#5b5b5b}
.postdate img,.postmeta img{border:none;vertical-align:middle;margin:2px;background:none;padding:0 6px 0 0}
/* FOOTER */
#footer{background:#101010;padding:22px;text-align:center;color:#9d9999;font-size:13px;border-top:4px solid #b80704}
#footer a{color:#9d9999}
#footer a:hover{text-decoration:none;color:#9d9999}
/* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;background:#050505;color:#ffffff;border:1px solid #050505}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#fff;background:#303030;border:1px solid #303030}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#fff;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b80704;background:#b80704;text-decoration:none}
.showpage{padding:4px 8px;margin:0 4px;text-decoration:none;background:#050505;color:#ffffff;border:1px solid #050505;font:15px Arial,Verdana}
.showpage a{text-decoration:none;color:#ffffff;font:15px Arial,Verdana}
.showpage:hover{padding:4px 8px;margin:0 4px;text-decoration:none;background:#303030;color:#fff;border:1px solid #303030;font:15px Arial,Verdana}
.showpage a:hover{text-decoration:none;color:#fff;font:15px Arial,Verdana}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
#comment-form iframe{padding:5px;width:500px}
#search{border:1px solid #302f2f;height:26px;padding:2px;background:#1d1c1c;text-align:right}
#search input{border:0;background:none;color:#5b5b5a}
#s{width:257px;padding:3px;margin:2px 0 0 0;background:none}
#topsearch{margin-top:8px}
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}
.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}
.last,div.last{margin-right:0}
.readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;}
.readmorecontent a{padding:4px 5px; background:#3b3b3b; color:#fff; text-decoration:none; font-size:12px;}
.readmorecontent a:hover{background-color:#b80704; color:#fff;text-decoration:none;}
.topright{text-align:right;margin:14px 0 0 0}


Por debajo de la pagina

Código:
</div></div>
</div></div>

</div>
</div>
<div id='rsidebar-wrapper'>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9fsSTv4I/AAAAAAAAB90/lJxosSNM6jE/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9MH_zqNI/AAAAAAAAB9E/PahHr5GN6dI/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9NTh41aI/AAAAAAAAB9U/2RkBR3wbLBY/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9M5a4BZI/AAAAAAAAB9M/xoWTjnPVepc/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://1.bp.blogspot.com/_4HKUHirY_2U/TIb9e_Kpo-I/AAAAAAAAB9s/1WqjOIz3B_A/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9eJ5RTWI/AAAAAAAAB9c/tYvdT6xgaLw/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TIb9egD8XSI/AAAAAAAAB9k/rZY5eofO2SY/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=wam8387' type='text/javascript'></script>
</div>
<div id='topsearch'>
<div id='search'>

<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == \'\')  {this.value = \'Search\';}' onfocus='if (this.value == \'Search\') {this.value = \'\';}' type='text' value='Search'/>
<input src='http://1.bp.blogspot.com/_4HKUHirY_2U/TIb9DDmElzI/AAAAAAAAB8k/RT493elhRm4/search.gif' style='border:0; vertical-align: top;' type='image'/>
</form>
</div>
</div>
<div class='sidebar section' id='sidebarright'><div class='widget HTML' id='HTML1'>
<h2 class='title'>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
</ul>
</div>
</div>
<div class='widget HTML' id='HTML1'>
<h2 class='title'>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
</ul>
</div>
</div>
<div class='widget HTML' id='HTML1'>
<h2 class='title'>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
</ul>
</div>
</div>
<div class='widget HTML' id='HTML1'>
<h2 class='title'>Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
</ul>
</div>
</div>
</div>
<p></p></div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
<div class='span-24'>
<div id='footer'>Tu web Aquí. Todos los Derechos Reservados. | <a href='http://kateko.es.tl/' target='_blank'>Plantilla por KATEKO.ES.TL</a>

</div>
</div>
</div></div>
<!-- end outer-wrapper -->
</body>
</html>


Por encima de la pagina


Código:
<!-- http://www.kateko.es.tl -->
<title>" [K]ate[K]o "</title>
<!-- End www.bloggertipandtrick.net: Changing the Blogger Title Tag -->
<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/3651838170-widget_css_bundle.css' />
 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=821343966345510071&zx=5e7adfe9-4352-4a20-a50c-09248fbb468d"/>
<style type="text/css">#navbar-iframe { display:block }
</style>


<script src='http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js' type='text/javascript'></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>
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=821343966345510071&amp;blogName=%22+%5BK%5Date%5BK%5Do+%22&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=LIGHT&amp;layoutType=LAYOUTS&amp;searchRoot=http%3A%2F%2Fkatekoweb.blogspot.com%2Fsearch&amp;blogLocale=es&amp;homepageUrl=http%3A%2F%2Fkatekoweb.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>
<div></div></div></div>
<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
</span>
<div class='span-20'>
<div id='pagemenucontainer'>
<ul id='pagemenu'>
<li class='current_page_item'><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
</ul>
</div>
</div>
<div class='span-4 last'>
<div class='topright'>
<a href='http://katekoweb.blogspot.com/feeds/posts/default'><img src='http://3.bp.blogspot.com/_4HKUHirY_2U/TIb9C34vnxI/AAAAAAAAB8c/KYlQHWZKs_Q/rss.png' style='margin:0 2px 0 0; vertical-align:top;'/></a>
<a href='http://twitter.com/USERNAME' title='Follow me on Twitter!'><img src='http://3.bp.blogspot.com/_4HKUHirY_2U/TIb9LXndq0I/AAAAAAAAB80/GO87qA9cTM8/twitter.png' style='margin:0 2px 0 0; vertical-align:top;' title='Follow me on Twitter!'/></a>
</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' style='background-image: url("URL DE IMAGEN (si deseas)"); background-position: left; width: 448px; min-height: 98px; px;_height: 98px; px;background-repeat: no-repeat; '>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>

<a href='http://kateko.es.tl/'>" [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='navcontainer'>
<ul id='nav'>

<li class='current-cat'><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
<li><a href='http://kateko.es.tl/' title=''>Menu</a></li>
</ul>
</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='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>
<div class='status-msg-wrap'>
<div class='status-msg-bg'>


a advierto digo edito ... Justamente no quiero que me den una variacion de pixelacion cuando pongo el ancho necesito poner esa medida justa


Ultima edición por diversionenvos el Jue May 26, 2011 4:39 pm; editado 1 vez
Mensaje26-05-2011, 20:42 (UTC)    
Título del mensaje:

Por encima de la página, al terminar el código edita lo que esta en rojo por el color que quieras la barra
Cita:
.last,div.last{margin-right:0}
.readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;}
.readmorecontent a{padding:4px 5px; background:#3b3b3b; color:#fff; text-decoration:none; font-size:12px;}
.readmorecontent a:hover{background-color:#b80704; color:#fff;text-decoration:none;}
.topright{text-align:right;margin:14px 0 0 0}


Y si quieres medida exacta solo desactiva la variación.
______________
Off
Mensaje26-05-2011, 20:45 (UTC)    
Título del mensaje:

Ultima duda que color es negro ? tenes idea ... ?

Che pera ... encerio le puse #000000 que es negro en eso rojo y no me lo tomo sige igual el fondo www.diversionenvos.es.tl


Ultima edición por diversionenvos el Jue May 26, 2011 4:51 pm; editado 1 vez
Mensaje26-05-2011, 21:11 (UTC)    
Título del mensaje:

Aquí encontraras todos los colores:
>> http://www.cssplantillas.es.tl/colores.htm
______________
Off
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group