tag:blogger.com,1999:blog-7470192961806963601.post3131401879143581332..comments2024-03-18T11:10:44.149+01:00Comments on Oloblogger: Título con forma de banda superpuesta plegadaOlomanhttp://www.blogger.com/profile/11489455592466904176noreply@blogger.comBlogger99125tag:blogger.com,1999:blog-7470192961806963601.post-62093130083156745022013-11-23T21:27:08.612+01:002013-11-23T21:27:08.612+01:00Pues nada Maluy, me alegro de que lo que publicamo...Pues nada Maluy, me alegro de que lo que publicamos te sirva de ayuda. Para eso nos molestamos en explicar las cosas como dices. Si sólo pusiera cosas de copiar y pegar os quedaríais igual, sin saber ni lo que habéis hecho.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-39418723556539309742013-11-20T13:55:58.382+01:002013-11-20T13:55:58.382+01:00Fascinante esto Oloman, lo he probado ya en mi blo...Fascinante esto Oloman, lo he probado ya en mi blog de pruebas. Como has advertido, lo del triángulo no me sale "nipatrás" porque además tengo otras cosas como los sumarios de entradas y el primer post diferente con título centrado... Así que veo la complicación. Sin embargo, me gusta como queda sin el triángulo, porque he redondeado las esquinas y le he dado forma al borde, añadiendo otros tutoriales que también explicaste y la verdad, me gusta mucho como queda así también. Cada vez voy entendiendo más las cosas de este lenguaje y todo es gracias a vosotros que las explicáis tan bien, no os limitáis a dar un código y punto, es genial aprender y así atreverse a hacer cosas por nuestra cuenta. Poco a poco, voy terminando en el blog de pruebas, el que espero sea uno definitivo. Gracias ;)MMhttps://www.blogger.com/profile/14771519130358733599noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-9195939907058604222013-08-23T17:32:37.255+02:002013-08-23T17:32:37.255+02:00Creo que ya encontraste el otro post dónde se expl...Creo que ya encontraste el otro post dónde se explica eso. Me paso para allá.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-85504635924353230172013-08-21T23:25:39.662+02:002013-08-21T23:25:39.662+02:00Hola amigo todo funcionando, pero quiero que ...Hola amigo todo funcionando, pero quiero que tenga el mismo efecto de ambos lados como le hago,, y explicame un poco del codigo que coloco el otro amigo donde y como debo insertarlo,, para ajusta el texto este es mi blog,,http://graphicsonlinedg.blogspot.com/<br />gracias,,jarckolhttps://www.blogger.com/profile/18381796285803508991noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-76158428602868638912013-06-18T00:34:32.765+02:002013-06-18T00:34:32.765+02:00Con la demora que llevo y con tanto comentario cru...Con la demora que llevo y con tanto comentario cruzado me perdí. Si no quieres el titular tipo banda plegada ¿qué quieres entonces hacer exactamente?Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-74114361915479846622013-06-10T23:54:29.258+02:002013-06-10T23:54:29.258+02:00¿Pero lo del div class='trih3' es solo cua...¿Pero lo del div class='trih3' es solo cuando se quiere utilizar el triángulo cierto?<br /><br />Yo no introduje ninguno de esos códigos de trih3 porque no quería el triángulo, solo la barra rectangular del título.<br /><br />Y pues en cuanto a los valores de la barra rectangular, veo que el código de TanTris solo varía del tuyo en que este tiene valores de sombreado, de resto todo lo veo igual. <br /><br />Entonces... ¿cómo es que TanTris logra el autoajuste?<br /><br />¿Será que debo incluir los códigos trih3 del triángulo (aunque no quiero que aparezca)?<br /><br />¿O será que debo incluír este código? --><br /><div id="post"><br /><div id="post-title"><h1>Titulo del Post</h1></div><br /><br />De ser esto último... ¿en qué parte específica lo coloco?Anonymoushttps://www.blogger.com/profile/08584855934876867593noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-50478709764794472912013-06-09T12:05:00.707+02:002013-06-09T12:05:00.707+02:00En el código de TanTriS, dónde pone #post-title, p...En el código de TanTriS, dónde pone #post-title, para Blogger tiene que poner h3.post-title y en tu caso h1.post-title. Sólo eso... sin olvidar incluir en el HTML el div class='trih3'Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-21753547200493566002013-06-08T20:47:00.562+02:002013-06-08T20:47:00.562+02:00Amigos justo hoy busqué nuevamente este post para ...Amigos justo hoy busqué nuevamente este post para preguntar cómo se podía hacer para que la banda fuera autoajustable al texto, sorpresa mia cuando veo el aporte de TanTris Castilla :)<br /><br />Verán, yo tengo este código:<br /><br />h1.post-title {<br />position:relative;<br />display:block;<br />overflow:hidden;<br />width: 96%;<br />height: 1em;<br />margin: 15px 0 30px -8px;<br />padding:8px 0 10px 35px;<br />background: #ffffff;<br />border: 3px solid #9d0000;<br />border-radius:100px 0 100px 0;<br />line-height:1em;<br />}<br /><br />Es el de la banda con el título del post (le quité lo del triángulo).<br /><br />¿Qué debo introducirle para hacerlo autoajustable? Es que no encuentro en el código de TanTris algo específico para eso.<br /><br />Muchas gracias a ambos.Anonymoushttps://www.blogger.com/profile/08584855934876867593noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-55021539599675210212013-04-30T22:48:31.655+02:002013-04-30T22:48:31.655+02:00XDXDOlomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-71018236361971075222013-04-29T15:20:24.455+02:002013-04-29T15:20:24.455+02:00Ya encontré tu entrada http://www.oloblogger.com/2...Ya encontré tu entrada http://www.oloblogger.com/2013/04/nuevo-editor-html-blogger.html<br />¡Gracias!Anonymoushttps://www.blogger.com/profile/17431702927939302894noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-28027439176633525462013-04-29T13:15:38.352+02:002013-04-29T13:15:38.352+02:00¡Hola Oloman! Me ha encantado esta entrada, pero l...¡Hola Oloman! Me ha encantado esta entrada, pero llámame torpe, pero con la nueva forma de las plantillas no se como insertar el código. ¿Podrías ayudarme?Anonymoushttps://www.blogger.com/profile/17431702927939302894noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-49754076288962657002013-04-12T18:23:23.509+02:002013-04-12T18:23:23.509+02:00De nada. No hay que ser impaciente ;)De nada. No hay que ser impaciente ;)Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-50770652039188850162013-04-11T22:14:01.648+02:002013-04-11T22:14:01.648+02:00No me lo puedo creer...
Siento formar trasiego en ...No me lo puedo creer...<br />Siento formar trasiego en el blog, estando ya la respuesta dada: http://www.oloblogger.com/2012/07/banda-plegada-doble-gadget.html<br />Muchas gracias.RGVhttps://www.blogger.com/profile/02065694233979279080noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-22156290106736625922013-04-11T06:26:20.365+02:002013-04-11T06:26:20.365+02:00Indagando en la web con cada línea de código del m...Indagando en la web con cada línea de código del maravilloso trih3, supongo que el juego estaría en modificar su display, pero se me escapa de las manos...RGVhttps://www.blogger.com/profile/02065694233979279080noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-58643782710033165322013-04-11T06:19:00.024+02:002013-04-11T06:19:00.024+02:00Por cierto, se me ha olvidado decir que, para el s...Por cierto, se me ha olvidado decir que, para el segundo triángulo, únicamente hay que suplir "border-right" por "border-left".RGVhttps://www.blogger.com/profile/02065694233979279080noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-56866278270912399052013-04-11T06:10:15.024+02:002013-04-11T06:10:15.024+02:00¡Qué estupendo!
Lo he añadido ipso facto a mis ent...¡Qué estupendo!<br />Lo he añadido ipso facto a mis entradas.<br />Además, he querido ir más allá, aumentando la anchura a 105% e intentando crear una nueva clase triángulo similar pero tal que el efecto quede a la inversa (para el lado derecho) y simular así que la banda cubriese la entrada por ambos lados.<br />Como era de esperar no lo he conseguido...<br />El problema es que al incluir en el código:<br />div class='trih3'/ div class='trih4'/<br />La segunda clase (la he denominado así por inercia) queda una línea por debajo, y se visualiza algo diferente a lo que busco. <br />=(<br />Intuyo que habría que incluir en la propia clase los dos triángulos, pero no sé cómo resolverlo.<br />¿Alguna idea?RGVhttps://www.blogger.com/profile/02065694233979279080noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-71509169156407590632013-03-16T14:26:50.120+01:002013-03-16T14:26:50.120+01:00Eso lo tiene explicado Ciudad Blogger. Sigue el en...Eso lo tiene explicado <a href="http://ciudadblogger.com/2011/08/el-fanbox-de-facebook-flotante-y-con.html" rel="nofollow">Ciudad Blogger</a>. Sigue el enlace ;)Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-57142927797569200322013-03-13T23:07:07.132+01:002013-03-13T23:07:07.132+01:00bendiciones :) ya use el super fb man y me gustari...bendiciones :) ya use el super fb man y me gustaria que me ayudes con el fanbox fb con efecto deslizante... lo que pasa esk me cuesta mucho trabajo editar html y esas cosas .. si me ayudas te lo agradecere :) contactame xf www.facebook.com/djshompyDjshompy MoreFirehttps://www.blogger.com/profile/08463472538651370503noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-25175789081946951672013-03-10T13:37:14.519+01:002013-03-10T13:37:14.519+01:00Se agradece la verdad es que no sabia de esa ayuda...Se agradece la verdad es que no sabia de esa ayuda, soy muy muy my novato en cuanto a blogger se refiere xDAnonymoushttps://www.blogger.com/profile/17765260003827763716noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-10144846863402740472013-03-09T15:12:31.935+01:002013-03-09T15:12:31.935+01:00Pues gracias TanTris/Varak ;)
Y para otra ocasión...Pues gracias TanTris/Varak ;)<br /><br />Y para otra ocasión que necesites meter HTML en un comentario, pásalo primero <a href="http://www.oloblogger.com/p/html-texto-plano.html" rel="nofollow">por aquí</a> :)Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-13237482134216040462013-03-08T11:40:42.944+01:002013-03-08T11:40:42.944+01:00Por cierto soy el mismo que ha dado la brasa en sa...Por cierto soy el mismo que ha dado la brasa en sar Google Docs como base de dats con la cuenta de Varak Cstilla solo qu ese me habia olvidado cambiar de cuenta (es lo malo de tener demasiados mails xD)Anonymoushttps://www.blogger.com/profile/17765260003827763716noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-41418605273699197402013-03-08T11:38:47.443+01:002013-03-08T11:38:47.443+01:00Bueno haciendo unas pequeñas modificaciones a este...Bueno haciendo unas pequeñas modificaciones a este codigo de Oloman he pasado este codigo a HTML/CSS3 para poder usarlo en cualquier tipo d web no solo en blogger tal y como le habia comentado a Oloman dejo aqui el codigo, es un codigo muy sencillito con tan solo unos pequeños cambios para que por ejemplo la banda del titulo se autoajuste segun el texto que añadamos ya sea largo o corto al igal que el cuerpo del mensaje que tambien es autoajustable, el codigo aun se podria depurar un poco mas como por ejemplo el espacio entre lineas, cosa que no he ajustado ya que he puesto todo e texto del titulo en una sola linea, aqui os dejo el css junto con el html para quien quiera usarlo<br /><br />[code]<br /><br />#post {<br /> background-colo#post { /*Contenedor Principal*/<br /> background-color: #FFE897;<br /> width: 40%;<br /> margin-left: 40px;<br /> padding-top: 5px;<br /> padding-bottom: 15px;<br /> margin-top: 15px;<br /> -moz-box-shadow: 4px 4px 2px #315335; /*codigo para sombreado para firefox y navegadores basados en mozilla */<br /> -webkit-box-shadow: 4px 4px 2px #315335; /*codigo para sombreado para webkit , chrome, etc */<br /> -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#315335,direction=125,strength=5)"; /*codigo para sombreado para internet explorer */<br />}<br />#post-title { /*contenedor del titulo del post (banda superpuesta) */<br /> position: relative;<br /> display: block;<br /> overflow: hidden;<br /> width: 95%;<br /> margin: 5px 0 0 -13px;<br /> padding: 12px 4px 0 20px;<br /> background: #666;<br /> border: 1px solid #555;<br /> border-radius: 0px 10px 10px 0;<br /> line-height: 1.1em;<br /> color: #FFE897;<br /> text-shadow: 4px 4px 2px #000; /*Sombreado del texto*/<br /> -moz-box-shadow: 4px 4px 2px #000; /*codigo para sombreado para firefox y navegadores basados en mozilla */<br /> -webkit-box-shadow: 4px 4px 2px #000; /*codigo para sombreado para webkit , chrome, etc */<br /> -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=125,strength=5)"; /*codigo para sombreado para internet explorer */<br />}<br /><br />.trih3 { /*Triangulo*/<br /> display: block;<br /> z-index: -1;<br /> height: 0px;<br /> width: 0px;<br /> margin: -12px 0 0 -25px;<br /> border: 12px solid transparent;<br /> border-right: 12px solid #222;<br />}<br />[/code]<br /><br />Como podeis observar en "#post" y en "#post-title" n le he puesto la altura "height", esto es debido a que si no le añadimos la altura la altura se autoajusta ella sola. Tambien podreis obsrvar que en el contenedor del "#post" que es el contenedor principal le he puesto un "width" de 40% esto lo he hecho para que asi escribamos lo que escribamos no sobrepase el 40% del tamaño de nuestra pantalla, logicamente eso podeis cambiarlo para que se ajuste a vuestra plantilla o web<br /><br />Y aqui os dejo el html que haria falta para hacerlo funcionar, como podreis observar es un html muy sencillo que tan solo tendreis que añadirlo en donde querais que se muestre vuestro post noticia o lo que querais poner en vuestra web, cabe destacar que siempre se puede automatizar un poco todo pero eso ya seria cosa de añadir algo de codigo php el cual no es objeto de este post<br /><br />[code]<br /><.div id="post"><br /> <.div id="post-title"><.h3>Titulo del Post<./h3><./div><br /> <.div class='trih3'><./div><br /> <.div id="post-text"><.p>Cuerpo del mensaje <./p><./div> <br /> <br />[/code]<br /><br />Mis agradecimienos a Oloman por haber crado este post ya que sin este post no me hubiera dado por investigar a ver como podria adaptarlo a html para usarlo en una web que estoy haciendo, asi que por lo tanto todos los derechos son suyos ya que yo lo unico qu eh ehecho ha ssio adaptarlo a html/css3.<br /><br />Aqui os dejo una web que he subido de pruebas para que podais ver su funcionamiento:<br /><br />http://guild.adesigns-graffic.com/<br /><br />P.D.: Recordad quitar el punto que hay delante de cada DIV - /DIV, H3 - /H3 y P - /P ya que he tenido que onerlo por que sino no me dejaba añadir la respuesta ;)Anonymoushttps://www.blogger.com/profile/17765260003827763716noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-41628543771095875262013-02-16T18:55:06.226+01:002013-02-16T18:55:06.226+01:00Lo del fondo de las entradas te lo he contestado e...Lo del fondo de las entradas te lo he contestado en otro comentario que hiciste por otro sitio. Para las columnas laterales tendrías que añadir a tu CSS algo así:<br /><br />.sidebar {background: #fff; padding: 5px;}Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-22000302718626279172013-02-15T19:04:50.066+01:002013-02-15T19:04:50.066+01:00hola oloman, me estas siendo de mucha ayuda, ya qu...hola oloman, me estas siendo de mucha ayuda, ya que no soy muy experta en el tema, tengo un problema que me encantaría me dieras una solución. Me gustaría cambiar el fondo tanto de las entradas como de las columnas laterales,archivo del blog..,y poner de fondo una imagen, para poder escribir en ella,pero no se como hacerlo.Además cuando intento cambiar, se me transparenta el fondo, Muchas gracias<br />Cristina Garciahttps://www.blogger.com/profile/18210857111797066965noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-28977881661752441042013-02-11T14:56:19.313+01:002013-02-11T14:56:19.313+01:00Si por la barra te refieres a la banda y por grues...Si por la barra te refieres a la banda y por gruesa te refieres a su altura, eso se cambia en h3.post-title {, cambiando el atributo height: 2em; por otro mayor por ejemplo height: 4em;Jedi Senseihttps://www.blogger.com/profile/02654705870129243375noreply@blogger.com