tag:blogger.com,1999:blog-33571139.post1320282636698338971..comments2023-11-05T08:41:52.609-03:00Comments on Vagabundia: Modificando las plantillas (Tutorial 7: Fondos)JMiurhttp://www.blogger.com/profile/16731144451681787753noreply@blogger.comBlogger57125tag:blogger.com,1999:blog-33571139.post-91870481549196113662013-11-10T17:32:51.912-03:002013-11-10T17:32:51.912-03:00Dado que estás usando una de las nuevas plantillas...Dado que estás usando una de las nuevas plantillas de Blogger y no una mínima, todo se complica más pero, en ambos casos la solución es similar. En este caso el header debe quitarse de donde esta y colocarlo fuera de culaquier div cuya clase sea content-outer ya que esta define al contenedor con un ancho de 800 pixeles.<br /><br />Tal como dije antes, debes ubicar el header afuera, bien arriba, luego de la etiqueta body y después establecer las propiedades.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-13909768417304530872013-11-10T08:33:33.497-03:002013-11-10T08:33:33.497-03:00Este comentario ha sido eliminado por el autor.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-33571139.post-4488335441638060282013-11-09T00:15:31.089-03:002013-11-09T00:15:31.089-03:00Tendrías que mostrarme cuál es tu blog para ver la...Tendrías que mostrarme cuál es tu blog para ver la estructura. Básicamente, el header, debe estar fuera de cualquier contenedor, probablemente, inmediatamente después de la etiqueta body de tal forma que aplicándole un 100% de ancho, este, cubra el ancho total de la ventana.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-78214373090386684402013-11-08T20:06:26.587-03:002013-11-08T20:06:26.587-03:00hola, te pido disculpas por adelantado por las mol...hola, te pido disculpas por adelantado por las molestias y lo evidente que pueda resultar mi consulta, pero créame, llevo días buscando tutoriales por la red, he intentado el de esta misma entrada en varias ocasiones ya y no lo logro, así que finalmente me decidido por consultárselo, el caso es que el tiempo se me echa encima, puesto que muy pronto lanzó mi fanzine, lo que llevo días intentando es que la cabecera de mi blog (utilizo la plantilla mínima modificada) quede como puede verse en este otro blog: http://www.finiterank.com/notas/ (con que la imagen se ajuste al ancho total de la resolución me daría por más que satisfecho), creo que el tema de los botones y demás puedo apañarlo, pero lo de la cabecera no lo logro<br /><br />le estaría muy agradecido si pudiese darme algunas indicaciones<br /><br />gracias y un saludoAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-33571139.post-75409649427399475752013-07-05T15:04:00.577-03:002013-07-05T15:04:00.577-03:00Eso ocurre porque en la regla de estilo de la side...Eso ocurre porque en la regla de estilo de la sidebar le indicas que la altura sea de 3000 pixeles:<br /><br />#sidebar-wrapper {<br />...<br /> height: 3000px;<br />}JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-68340984448429471402013-07-05T14:07:37.652-03:002013-07-05T14:07:37.652-03:00Hola, y desde ya muchísimas gracias porque este bl...Hola, y desde ya muchísimas gracias porque este blog me viene acompañando y orientando hace un par de días porque hacía rato que no usaba Blogger, y volví a agarrarlo y como siempre, me aburría lo que tenía y quise empezar de cero. <br />Mi blog es http://veintiunodefebrero.blogspot.com<br /><br />Mi problema es el siguiente, como vas a ver, después de que termina el texto, la página sigue bajando y no quiero eso. Hace días que vengo mirando y mirando y la verdad que no sé qué es lo que me está causando eso. Quiero que se ajuste al texto. ¿Se entiende? <br />Nuevamente agradezco y espero respuestas. Melisahttps://www.blogger.com/profile/17940636076604583027noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-45188523538562464022013-06-21T03:50:25.258-03:002013-06-21T03:50:25.258-03:00En realidad, podrías eliminar ese texto ya que no ...En realidad, podrías eliminar ese texto ya que no parece tener un uso practico. Se ve antes que el boton porque es un texto así que se carga inmediatamente.<br /><br />También deberías condicionar y ocultar el widget PopularPosts1 que se muestra debajo de las entradas.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-87719865931989753912013-06-20T13:17:37.352-03:002013-06-20T13:17:37.352-03:00hola, soy un seguidor tuyo y me baso en muchas cos...hola, soy un seguidor tuyo y me baso en muchas cosas como las explicas acá.<br />La duda que tengo no se bien donde ponerla no se bien donde esta el error.<br />Mi blog: 2manybootlegs.blogspot.com.ar<br />Cuando entro en un post o alguna página, antes de que termine de cargar el rectángulo del post, se puede ver el texto de las entradas (sin formato) en el fondo, también se puede ver en "Si te gusta" que está abajo del botón "Compartir". Lo que quiero es esconder ese texto sin afectar el funcionamiento o los colores de la página. Probé un par de cosas pero todas sin resultado.<br />Gracias de antemano.Anonymoushttps://www.blogger.com/profile/14365279922958743808noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-89718195081172339222011-04-27T18:03:57.122-03:002011-04-27T18:03:57.122-03:00A.C.:
Se centra de modo similar a cualquier otro f...A.C.:<br />Se centra de modo similar a cualquier otro fondo; por ejemplo:<br />background: transparent url(MIimagen) no-repeat fixed 50% 0;<br />la centra horizontalmente.<br /><br />background: transparent url(MIimagen) no-repeat fixed 0 50%;<br />la centra verticalmente.<br /><br />background: transparent url(MIimagen) no-repeat fixed 50% 50%;<br />la centra en ambos sentidos.<br /><br />ivan cepeda:<br />no sé si te refieres a este blog. Si es así, no ocurre eso sino que dependerá de la resolución de la pantalla que utilices. Tal vez te refieres a <a href="http://vagabundia.blogspot.com/2009/09/modificando-las-plantillas-tutorial-7.html" rel="nofollow">este tipo de cosas</a>.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-2683786843734323892011-04-27T14:12:52.122-03:002011-04-27T14:12:52.122-03:00Saludos.. yo quisiera saber como ponerlo en pantal...Saludos.. yo quisiera saber como ponerlo en pantalla completa asi como tienes este! que el banner y el menu no se ven en el medio sino pegados desde las esquinas!!!!! Please HelpAnonymoushttps://www.blogger.com/profile/09359490776801468255noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-47374202956143677692011-04-27T00:43:13.268-03:002011-04-27T00:43:13.268-03:00Hola JMiur, es posible centrar la imagen fija y co...Hola JMiur, es posible centrar la imagen fija y colocarle el color que quiera a los costados de la imagen fija.Gracias :DA.C.https://www.blogger.com/profile/17035076987451705451noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-14036946739756972202010-05-27T23:57:51.885-03:002010-05-27T23:57:51.885-03:00Si, muchas gracias :D :D :DSi, muchas gracias :D :D :DAndreshttps://www.blogger.com/profile/16239198210023992868noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-38951162973456250502010-05-27T23:33:45.484-03:002010-05-27T23:33:45.484-03:00Cualquier estilo puede aplicarse a cualquier parte...Cualquier estilo puede aplicarse a cualquier parte pero dependerá de lo que quieras hacer, si se trata de colocar varios fondos, hay que colocar varios divs, uno para cada uno de ellos siguiendo el mismo criterio.<br /><br /><div id="sidebar-wrapper><br /><div id="segundoDIV><br /><div id="tercerDIV><br />........JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-797417521642098872010-05-27T22:20:06.490-03:002010-05-27T22:20:06.490-03:00Hola Jmiur, lo que quiero saber es si éstos estilo...Hola Jmiur, lo que quiero saber es si éstos estilos se pueden aplicar sobre el header-wrapper{... y el sidebar-wrapper{... para que muestren una imágen sobre estos cuadros, algo así como una cabecera de éstos dos :S :S :SAndreshttps://www.blogger.com/profile/16239198210023992868noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-6995818231172830312010-04-08T17:47:25.052-03:002010-04-08T17:47:25.052-03:00Si lo que quieres es rpetir el esquema que se ve a...Si lo que quieres es rpetir el esquema que se ve arriba, color1 color2 color1; lo que te falta es agregar alguna clase de contenido en el footer ya que, al no haber nada dentro, todo lo que tienes es un rectángulo que ocupa el ancho de la plantalla y que tampoco tiene altura.<br /><br />Un ejemplo burdo; agrega en el footer un elemento HTML y allí coloca esto:<br /><br /><div style="background-color:#336699;height:300px;width:760px;margin:0 auto;"></div><br /><br />además, coloca esto en el CSS:<br /><br />#footer-wrapper {height: 300px;background-color:#528BC5;}<br /><br />El resultado será <a href="http://img140.imageshack.us/img140/35/image1bnc.jpg" rel="nofollow">algo como esto</a>JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-65873909094903509622010-04-08T08:48:57.655-03:002010-04-08T08:48:57.655-03:00ya te entiendo JMiur lo que quieres decir, pero es...ya te entiendo JMiur lo que quieres decir, pero es que yo lo hago para poder tener ancho total de esa imagen de 3 colores en el footer. Por eso decia como hacerlo, con esa imagen que iria en el html situadando la imagen en bottom. Ups!! Sry!!!:D Perdón por sino me he sabido explicar. Milgracias.famtvhttps://www.blogger.com/profile/08465684051009969200noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-73365489949897450822010-04-06T19:03:58.628-03:002010-04-06T19:03:58.628-03:00Así como está, n ose verá nada ya que ene l footer...Así como está, n ose verá nada ya que ene l footer no hay ningún contenido pero, se puede darle altura para ver algo, aunque esté vacio, agregando esto:<br />Por ejemplo, algo a<br /><br />#footer-wrapper {<br />background:transparent url(http://2.bp.blogspot.com/_DYKjO_yLq2M/S7n4jkTorjI/AAAAAAAAA2U/1LM2biCnD18/s00/footer.jpg) repeat left top;<br />height:300px;<br />}<br /><br />Lo que no tiene mucho sentido es usar esa imagen ya que sólo es un color fijo as´uqe sería más simple, colocar el color y nada más:<br /><br /><br />#footer-wrapper {<br />background-color:#222;<br />height:300px;<br />}JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-35621659004022555632010-04-06T07:02:45.026-03:002010-04-06T07:02:45.026-03:00Me gustaria colocarla en el footer JMiur :S
La i...Me gustaria colocarla en el footer JMiur :S <br /><br />La imagen sería esta:<br />http://2.bp.blogspot.com/_DYKjO_yLq2M/S7n4jkTorjI/AAAAAAAAA2U/1LM2biCnD18/s00/footer.jpgfamtvhttps://www.blogger.com/profile/08465684051009969200noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-30294461642952757812010-04-05T17:20:09.001-03:002010-04-05T17:20:09.001-03:00Bien, ahora la pregunta sigue siendo la misma ¿dón...Bien, ahora la pregunta sigue siendo la misma ¿dónde quieres colocar una imagen de fondo? ¿qué imagen?JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-43065752237205815482010-04-05T11:54:43.522-03:002010-04-05T11:54:43.522-03:00Aki te lo dejo en un blog de pruebas JMiur. Perdon...Aki te lo dejo en un blog de pruebas JMiur. Perdona por la tardanza.. esta semana santa..<br /><br />Haber si me puedes decir donde esta el fallo, ya que es algo muy simple, y no te resultara mucho trabajo encontrarlo.<br />mi blog de pruebas: http://assddasd.blogspot.com/<br /> <br />Darte las gracias Gracias JMiur como siempre ya que nos haces la vida mas fàcil a todos aquellos que empezamos aprender en este mundo de códigos y dolores de cabeza :) Un cordial saludo!famtvhttps://www.blogger.com/profile/08465684051009969200noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-73403750974286721052010-03-26T00:49:11.975-03:002010-03-26T00:49:11.975-03:00TEndría que ver lo que estás haciendo pero si, pue...TEndría que ver lo que estás haciendo pero si, puede ponerse fondo en la etiqueta HTML como en cualquier otra.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-9745836328321468992010-03-25T20:04:02.475-03:002010-03-25T20:04:02.475-03:00Hola Jmiur! para añadir esta una nueva imagen en e...Hola Jmiur! para añadir esta una nueva imagen en el blog, entonces como seria? escribir esta nueva funcion css<br />.<br />.<br />.<br />html {<br /> background:#ffffff url(la imagen) repeat-x bottom; <br />}<br /><br />body {<br />etc...<br /><br />es asi? no hay que añadir nada mas? joe es que ya llevo un rato dandole ahi y que no hay manera. Quiero aprovechar ese recuadro html.<br />Gracias.famtvhttps://www.blogger.com/profile/08465684051009969200noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-28955636807866259312010-01-09T16:13:08.890-03:002010-01-09T16:13:08.890-03:00Ese código es CSS así que, lo mejor es ponerlo ent...Ese código es CSS así que, lo mejor es ponerlo entre <b:skin> y </b:skin>.<br /><br />Lo que ocurre es que la plantilla y el código fuente siempre son diferentes; la plantilla posee instrucciones que crean una serie de etiquetas HTML en base a una serie de condiciones. En este caso, <b:skin> se convierte en <style>.<br /><br />El footer, lo mismo que cualquier otra parte de la plantilla, se puede escribir. Por ejemplo, si hay una sección verá que en la primera pantalla de diseño, aparece un enlace allí debajo para agregar gadgets. Funcionará igual que la sidebar, Puedes agregar lo que quieras, por ejemplo, elementos HTML.<br /><br />¿A cual cambio de color te referís? ¿En los enlaces?JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-67133643351607460542010-01-09T07:10:08.415-03:002010-01-09T07:10:08.415-03:00Hola.... bueno estuve precticando... y sale +-, do...Hola.... bueno estuve precticando... y sale +-, donde pongo el código??? en que parte del html?pongo html { background: #color url(y el resto...},se me ocurrió mirar tu código fuente... y era totalmente distinto al que tengo y el codigo estaba en style y yo en mi plantilla no lo encuentro, abrí los artilugios... y nada....?parece otra plantilla y sin embargo es la misma.<br />El footer se puede escribir? como, porque en el dreamweaver se escribe como una parte cuaquiera de la página y vos en la demo pusite este es el footer.:D Me gusto el efecto del cambio de color en el texto, lo explicas en algún post?:)<br />graciasLa hormiguitahttps://www.blogger.com/profile/00185667387667433031noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-7207740965609946242009-12-12T16:22:05.322-03:002009-12-12T16:22:05.322-03:00Si. se puede, no deberías tener problemas ¿Qué sig...Si. se puede, no deberías tener problemas ¿Qué significa que no te deja? ¿sale un error? ¿no la ves? Colocala, me avisas y me fijo; si no se ve, es posible que la direccion de la imagen sea incorrecta.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.com