tag:blogger.com,1999:blog-257394976572240982012-02-16T13:13:38.378+01:00Para que veas como queda.Eulaliahttp://www.blogger.com/profile/04778983357647094765noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-25739497657224098.post-18760342725402525592008-03-15T18:23:00.007+01:002009-10-26T10:51:57.361+01:00<div align="justify">Aquí tienes la muestra de las plantillas que he dejado, basadas en la mínima pero con tres columnas.</div><div align="justify">Como puedes ver es totalmente operativa.</div><br /><div align="justify">A la menubar puedes cambiarles los colores desde Fuentes y Colores, y hacer tu propia combinación.</div><div align="justify">Y si necesitas hacer algún cambio más, al ser una plantilla de blogger, puedes hacérselo sin temor.</div><br /><div align="justify">Por otro lado aprovecharé para explicar como se hace para poner la segunda columna lateral en esta plantilla.</div><div align="justify">Es muy sencillo. Diseño/Edición de HTML.</div><br /><div align="justify">Lo primero es hacer más ancho el blog, así que has de buscar y cambiar las siguientes medidas (en el orden en que las vas a encontrar en el código):</div><br /><strong></strong><blockquote><strong>#outer-wrapper { width: <span style="color: rgb(153, 0, 0);">950</span>px;</strong><div align="justify"><strong>#main-wrapper { width: <span style="color: rgb(153, 0, 0);">440</span>px;</strong><br /><strong>#sidebar-wrapper { width: <span style="color: rgb(153, 0, 0);">220</span>px;</strong></div></blockquote><br /><div align="justify">Puedes varíar el 440 y 220, pero teniendo en cuenta que le has de sumar los 220 que tendrá la nueva sidebar, entre las dos columnas y el centro (main) no puede sobrepasar los 880, el resto, hasta los 950 de outer-wraper, son para los espacios entre columnas. Si te pasas, en explorer o en Firefox una de las dos columnas se verá caida, y aparecerá debajo de las entradas.</div><br /><div align="justify">Una vez hecho esto, copia íntegramente el trocito de código de <strong>#sidebar-wrapper {</strong> desde esta línea hasta aquí <strong>}<span style="font-size:130%;"> todo incluido </span></strong>y pégalo, encima o debajo (es indiferente).</div><div align="justify">A lo que has pegado le has de cambiar algunas cosas que han de quedar así (remarco en rojo los cambios):</div><br /><div align="justify"><strong></strong></div><blockquote><div align="justify"><strong>#<span style="color: rgb(153, 0, 0);">new</span>sidebar-wrapper {</strong></div><div align="justify"><strong>float: $<span style="color: rgb(153, 0, 0);">start</span>Side; </strong>(ver NOTA al final)</div></blockquote><div align="justify"></div><br /><div style="text-align: justify;">Una vez copiado y hechos estos arreglos, baja a la zona del HTML y sin expandir artilugios busca esto</div><br /><code><span style="color: rgb(153, 0, 0);">&lt;div id='main-wrapper'&gt;</span><span style="color: rgb(153, 0, 0);">&lt;b:section class='main' id='main' showaddelement='no'&gt;</span><br /><span style="color: rgb(153, 0, 0);">&lt;b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/&gt;</span><span style="color: rgb(153, 0, 0);">&lt;/b:section&gt; </span><span style="color: rgb(153, 0, 0);">&lt;/div&gt;<br /></span></code><br /><div style="text-align: justify;">Pegale encima este código</div><br /><blockquote><code><strong><span style="color: rgb(0, 0, 153);">&lt;div id='newsidebar-wrapper'&gt;</span></strong></code><code><strong><span style="color: rgb(0, 0, 153);">&lt;b:section class='sidebar' id='newsidebar' </span></strong><strong><span style="color: rgb(0, 0, 153);">preferred='yes'&gt;</span></strong><strong><span style="color: rgb(0, 0, 153);">&lt;b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/&gt;</span></strong><strong><span style="color: rgb(0, 0, 153);">&lt;/b:section&gt;&lt;/div&gt;</span></strong></code></blockquote><br /><div align="justify"><div style="text-align: justify;">Bórrale esta línea al código de la sidebar que ya tenías, que está debajo del que has buscado antes,<br /><br /></div><div style="text-align: justify;"><span style="color: rgb(153, 0, 0);"><strong><code>&lt;b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/&gt;</code></strong></span><br /></div><br /><div style="text-align: justify;">a fin de no repetir el perfil, y haz vista previa.<br /></div><br /><div style="text-align: justify;">Si todo ha salido bien, deberías ver el perfil en la nueva columna lateral, a la izquierda.<br /></div><br /><div style="text-align: justify;">Si ves que las columnas quedan pegadas, añade en <span style="font-weight: bold;">#main-wrapper</span> y en <span style="font-weight: bold;">#sidebar-wrapper </span>esta línea: <span style="font-weight: bold; color: rgb(0, 0, 153);">padding-$startSide: 6px;</span><br /></div>Vuelve a hacer vista previa y guarda si todo está bien.<br /><br /><div style="text-align: justify;"><span style="font-weight: bold;">NOTAS:</span><br />Si tu plantilla no usa eso de <strong>$start side</strong>, has de poner <strong>left</strong><br /><strong></strong></div><strong><span style="font-weight: bold;"></span><br /></strong></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25739497657224098-1876034272540252559?l=laeulalia-minima3.blogspot.com' alt='' /></div>Eulalianoreply@blogger.com86