tag:blogger.com,1999:blog-31618792782410018452012-02-10T05:19:30.900+01:00Eulaliahttp://www.blogger.com/profile/04778983357647094765noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-3161879278241001845.post-88385334197297576862008-08-24T19:09:00.001+02:002008-08-24T19:54:37.421+02:00Es muy sencillo.<br />En Diseño/Edición de HTML SIN expandir artilugios.<br /><br />Has de modificar las medidas del blog y dejarlas así:<br /><blockquote>#content-wrapper {<br />width: <span style="color: rgb(153, 0, 0);">1000</span>px;<br />#main-wrapper {<br />margin-$startSide:<span style="color: rgb(153, 0, 0);">0</span>px;<br />width: <span style="color: rgb(153, 0, 0);">500</span>px;<br />#sidebar-wrapper {<br /><span style="color: rgb(153, 0, 0);">margin-$endSide: 10px;</span><br /><span style="color: rgb(153, 0, 0);">margin-$startSide: 10px;</span><br />width:<span style="color: rgb(153, 0, 0);"> 230</span>px;</blockquote><div style="text-align: justify;">Como ves, además de modificar las medidad generales, también modificamos levemente los márgenes; en main dejándolo a 0 y en el código de la sidebar, con estas dos líneas de margin que se ven aquí, para que las distancias de las columnas queden equilibradas.<br />Luego has de seleccionar el código de #sidebar-wrapper entero, copiarlo y pegarlo encima o debajo cambiando sidebar por newsidebar para que quede así:<br /></div><blockquote><span style="color: rgb(0, 0, 153);">#newsidebar-wrapper {</span><br /><span style="color: rgb(0, 0, 153);"> margin-$startSide: 10px;</span><br /><span style="color: rgb(0, 0, 153);"> margin-$endSide: 10px;</span><br /><span style="color: rgb(0, 0, 153);"> width: 230px;</span><br /><span style="color: rgb(0, 0, 153);"> float: $<span style="color: rgb(153, 0, 0);">start</span>Side;</span><br /><span style="color: rgb(0, 0, 153);"> display: inline; /* fix for doubling margin in IE */</span><br /><span style="color: rgb(0, 0, 153);"> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */</span><br /><span style="color: rgb(0, 0, 153);"> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */</span><br /><span style="color: rgb(0, 0, 153);">}</span></blockquote><div style="text-align: justify;">También tendrás que modificar la línea de posición; en float, has de poner start en lugar de end (o left en vez de right, depende de como lo tengas en tu blog).<br /></div><br /><div style="text-align: justify;">Una vez hecho esto, bajas a la zona del HTML y SIN expandir artilugios, copias estos códigos que corresponden a la sidebar:<br /></div><br /><blockquote>&lt;div id='<span style="color: rgb(153, 0, 0);">sidebar</span>-wrapper'&gt;<br />&lt;b:section class='sidebar' id='<span style="color: rgb(153, 0, 0);">sidebar</span>' preferred='yes'&gt;<span style="color: rgb(153, 0, 0);"></span><span style="color: rgb(153, 0, 0);"></span><br />&lt;/b:section&gt;<br /> &lt;/div&gt;</blockquote><br />y pégalos encima de esta línea<br /><code style="font-weight: bold; color: rgb(153, 0, 0);"></code><blockquote style="color: rgb(153, 0, 0);">&lt;div id='main-wrapper'&gt;</blockquote>cambiando los datos, que te remarco en rojo, para que quede así.<br /><code><br /></code> <blockquote>&lt;div id='<span style="color: rgb(0, 0, 153);">newsidebar</span>-wrapper'&gt;<br />&lt;b:section class='sidebar' id='<span style="color: rgb(0, 0, 153);">newsidebar</span>' preferred='yes'&gt;<span style="color: rgb(0, 0, 153);"></span><br />&lt;/b:section&gt;<br />&lt;/div&gt;</blockquote><blockquote></blockquote><div style="text-align: justify;">Puedes aprovechar para dejar ya colocados en la nueva sidebar los elementos que quieras, copiando las líneas de sus códigos: (por ejemplo el perfil, así la verás en vista previa)<br /></div><code></code><blockquote><code>&lt;b:widget id='Profile1' locked='false' title='Perfil' type='Profile'/&gt;<br />&lt;/b:section&gt;</code></blockquote>pero sobre todo, luego bórralos de la antigua o te dará error.<br /><br />Vista previa y, si has colocado algún elemento en la nueva sidebar ya la verás allí.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3161879278241001845-8838533419729757686?l=laeulalia-denim3.blogspot.com' alt='' /></div>Eulaliahttp://www.blogger.com/profile/04778983357647094765noreply@blogger.com4