martes, 24 de noviembre de 2009

Ensanchar plantilla Rounders 3

Para ensanchar la plantilla Rounders 3 hay que ir a Diseño -->Edición de HTML y modificar lo que acá está en negrita. No olvidar las comillas ("") al reemplazar las URLs de las imágenes.
Previamente, hacer copia de la plantilla en uso cliqueando en Descargar plantilla completa.

Este post está editado, por favor ver la Nota

#outer-wrapper {
width:940px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}

#main-wrap1 {
width:635px;
float:$startSide;
background:$mainBgColor url("http://img130.imageshack.us/img130/3214/cornmainbotrounders3635.gif") no-repeat $startSide bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
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 */
}

#main-wrap2 {
float:$startSide;
width:100%;
background:url("http://img34.imageshack.us/img34/8567/cornmaintoprounders3635.gif") no-repeat $startSide top;
padding:10px 0 0;
}

#main {
background:url("http://img94.imageshack.us/img94/2649/railsmainrounders3635px.gif") repeat-y $startSide;
padding:0;
width:635px;
}

#sidebar-wrap {
width:290px;
float:$endSide;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}

.main .widget {
margin-top: 4px;
width: 618px;
padding: 0 13px;
}

.main .Blog {
margin: 0;
padding: 0;
width: 634px;
}

/* Blog Header
----------------------------------------------- */
#header-wrapper {
background:$titleBgColor url("http://img688.imageshack.us/img688/5454/corncaptoprounders3940.gif") no-repeat $startSide top;
margin-top:22px;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-top:8px;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}

#header {
background:url("http://img691.imageshack.us/img691/6189/corn1capbotrounders3940.gif") no-repeat $startSide bottom;
padding:0 15px 8px;
}

#sidebartop-wrap {
background:$topSidebarBgColor url("http://img200.imageshack.us/img200/4158/cornprofbotrounders3290.gif") no-repeat $startSide bottom;
margin:0px 0px 15px;
padding:0px 0px 10px;
color:$topSidebarTextColor;
}

#sidebartop-wrap2 {
background:url("http://img687.imageshack.us/img687/9602/cornproftoprounders3290.gif") no-repeat $startSide top;
padding: 10px 0 0;
margin:0;
border-width:0;
}

#sidebarbottom-wrap1 {
background:$titleBgColor url("http://img34.imageshack.us/img34/9162/cornsidetoprounders3290.gif") no-repeat $startSide top;
margin:0 0 15px;
padding:10px 0 0;
color: $titleTextColor;
}

#sidebarbottom-wrap2 {
background:url("http://img34.imageshack.us/img34/310/cornsidebotrounders3290.gif") no-repeat $startSide bottom;
padding:0 0 8px;
}

#footer-wrap2 {
background:$titleBgColor url("http://img688.imageshack.us/img688/5454/corncaptoprounders3940.gif") no-repeat $startSide top;
color:$titleTextColor;
}

#footer {
background:url("http://img41.imageshack.us/img41/3342/corncapbotrounders3940.gif") no-repeat $startSide bottom;
padding:8px 15px;
}

body#layout #outer-wrapper {
width: 960px;
}

Vista previa y si está todo correcto, guardar plantilla.

Nota:

Dados los problemas acontecidos con ImageShack, consigno las direcciones de las imágenes alojadas en Picasa:


#outer-wrapper {
width:940px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}

#main-wrap1 {
width:635px;
float:$startSide;
background:$mainBgColor url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirtmHs7k6OafpzZhrgOGBUf-Prse9dTB4suu0PllhMEsNQqUO9-ozt7PSy-lZDqkexOiqPP_ETbzGxLry3Qa9r8pket5d_px87Hhb_wKmjD9_l2jEeEtWAXFyv61DTp72dX0h4d59BBh8/s1600/cornmainbotrounders3635.gif") no-repeat $startSide bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
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 */
}

#main-wrap2 {
float:$startSide;
width:100%;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmy80vpS9H4HpvNFwLMHF_GyHzSn1n_YQePCGkC3lrL0z_HypAZik1G_oqh8otzfubTHSiw-co6uHQAPa85PTtBqYyj-K3QD7j2oGiN_VTfxPfss6qz0LXqQu4Kkfq9VxDIs0CiJ4j8UU/s1600/cornmaintoprounders3635.gif") no-repeat $startSide top;
padding:10px 0 0;
}

#main {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHnM_4HEgpALPyuZcstK911p5xV7DCdRFtf_gC6j6CXskWTT_5fkLR4wcSWOsAts1JvHPIY-QIpQdoErnT34qrOH5km-LZMXtvPsz24YPB_g8emp8RZwhDiPqNNZLR9iX3gAgTKHnxcFo/s1600/railsmainrounders3635px.gif") repeat-y $startSide;
padding:0;
width:635px;
}

#sidebar-wrap {
width:290px;
float:$endSide;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}

.main .widget {
margin-top: 4px;
width: 618px;
padding: 0 13px;
}

.main .Blog {
margin: 0;
padding: 0;
width: 634px;
}

/* Blog Header
----------------------------------------------- */
#header-wrapper {
background:$titleBgColor url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOryN5O2BxvLu_plb-Oe6qSKS9KMO6sEVA9ONH2GZLX4XrQIdbq-ecpzoQGWENMcREqGoAhzpSyaH7tpOEXStOIMYq_pS9gD1optsAeCb2duZmqUtMIzzRk9nBZiXnF4xDeosoed1PHfs/s1600/corncaptoprounders3940.gif") no-repeat $startSide top;
margin-top:22px;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-top:8px;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}

#header {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLjTraF9hMOz_8AUrPEqLrKxuB2fC4hOd0NaN8QqM5ZtRySHHbbAFVWPAdFZWKFjVwQ5fnfL4HCXDXS7o397MCFJDYC4qeaw5n7spM6FSHOGYI0cYEt-IJuhX5KflbfiKHFY10KAluUrU/s1600/corn1capbotrounders3940.gif") no-repeat $startSide bottom;
padding:0 15px 8px;
}

#sidebartop-wrap {
background:$topSidebarBgColor url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipI5fv5r8vU2En7M6p6wNUhIgfkQBMP3c5ISui8GkDTtdc3EWO5h1ls7VMdMPXvHYY-d33lxaZiX5SyRsZX46Yg1__vmL_SXyzENvR-295-wL7jxFD_Kla7vTXmDUpNky3NWxtM8rh3So/s1600/cornprofbotrounders3290.gif") no-repeat $startSide bottom;
margin:0px 0px 15px;
padding:0px 0px 10px;
color:$topSidebarTextColor;
}

#sidebartop-wrap2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9IWD6B4qDgIOLZlC96Fe7FpRn2dRRAzS5qQi34f0DrNp_dU7ix8fsHy1lR1jOs2DeUw_2dapjivu0qmZ4CodyYuMJJt54xaZvWU3cZYktk6ajdVI6fV8rXOe8Dwh7mKWmAJp-RmxRixA/s1600/cornproftoprounders3290.gif") no-repeat $startSide top;
padding: 10px 0 0;
margin:0;
border-width:0;
}

#sidebarbottom-wrap1 {
background:$titleBgColor url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPNWsRqCA52W1I-Eg57ckygphjiQ6yEtFUe2whmvlCZtHdM7JcW5Jmc8nKqwxqA7mHZXh7AiFewhX3xOiYay_vk4o5bLNxE_MKhGRwA5iPAWFeF1R2Wt-5ULcGQdafmaBcC7h7QtuQJhI/s1600/cornsidetoprounders3290.gif") no-repeat $startSide top;
margin:0 0 15px;
padding:10px 0 0;
color: $titleTextColor;
}

#sidebarbottom-wrap2 {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJqBlTZue7qH3JwN2DA-Gpg2izDnWHKoqTCTnSFThBxXpwejwPgzv1pknSByKAQMe8PJU2uUEhBy4fzTFC48XB4FXmfIcHrxHFeH7Dt9w5829Oqv2v9nfUuBvkTx44FJYntzZ_skI6zA/s1600/cornsidebotrounders3290.gif") no-repeat $startSide bottom;
padding:0 0 8px;
}

#footer-wrap2 {
background:$titleBgColor url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOryN5O2BxvLu_plb-Oe6qSKS9KMO6sEVA9ONH2GZLX4XrQIdbq-ecpzoQGWENMcREqGoAhzpSyaH7tpOEXStOIMYq_pS9gD1optsAeCb2duZmqUtMIzzRk9nBZiXnF4xDeosoed1PHfs/s1600/corncaptoprounders3940.gif") no-repeat $startSide top;
color:$titleTextColor;
}

#footer {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBJA6FcVFS6XPUh_X0nlJVqI8dvN0qUUrkS3WC4fqOb5VwD58DHjvaM6UoTh1PTH9qMeyPnh_2eCoz1ZnDNKhDIG5faPtd7o2jfkUKY6ppbKTIY4DRdVuK-11xrAoDlAVr5McExkpbrnY/s1600/corncapbotrounders3940.gif") no-repeat $startSide bottom;
padding:8px 15px;
}

body#layout #outer-wrapper {
width: 960px;
}

4 comentarios:

El Turpial dijo...

Voy a probar y aviso...

Soy yo dijo...

El Turpial: Hola y bienvenidx!! Agradezco tu visita y espero tus comentarios :-h

Rodrigo dijo...

Muchisimas gracias,es como queria que me quedase y no tenia ni idea. gracias.
un saludo

Soy yo dijo...

Rodrigo: Hola y bienvenido!! Me alegro mucho que haya sido lo esperado. Gracias por tu visita y hasta pronto :-h