tag:blogger.com,1999:blog-33571139.post3344151402116648398..comments2023-11-05T08:41:52.609-03:00Comments on Vagabundia: Las miniaturas que no son miniaturasJMiurhttp://www.blogger.com/profile/16731144451681787753noreply@blogger.comBlogger19125tag:blogger.com,1999:blog-33571139.post-17376660961449291552011-03-09T16:23:47.529-03:002011-03-09T16:23:47.529-03:00Existe muchos scripts PHP para redimensionar image...Existe muchos scripts PHP para redimensionar imagenes al subirlas y crear automaticamente las miniaturas, pero el problema es el uso de memoria, en muchos hostings comerciales no alcanza para ejecutar el escript, recordar que podemos estar subiendo 20 fotos de 12 megapixeles y es mucha información.<br /><br />Yo prefiero ejecutar un script shell dentro de la carpeta con fotos para crear miniaturas (de un determinado tamaño y calidad) y que tomen el nombre mini-foto.jpg para luego subirla nuevamente al servidor.utnhttps://www.blogger.com/profile/16471394025218348970noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-36836311128429238072010-12-12T00:34:58.397-03:002010-12-12T00:34:58.397-03:00Para que se vea el centro, en la propiedad backgro...Para que se vea el centro, en la propiedad background, en lugar de poner left top coloca 50% 50%.<br /><br />Esos dos valores controlam la posición, pueden ser porcentajes o pixeles.<br /><br />Para separar el texto, en la misma regla, agrégale un margen derecho:<br /><br />.miniatura {<br />margin-right:10px;<br />}JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-35675147077171814162010-12-11T14:34:50.397-03:002010-12-11T14:34:50.397-03:00Ahora si funciona :D Ahora un par de consultas. Qu...Ahora si funciona :D Ahora un par de consultas. Que parte tengo que modificar para que el texto no quede tan pegado a la imagen? Y Como puedo hacer para que la imagen que se muestra no sea una esquina de la imagen original sino, por ejemplo, el centro?Rokutahttps://www.blogger.com/profile/11170263964161503050noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-74813932929368202432010-12-11T05:12:55.673-03:002010-12-11T05:12:55.673-03:00A ver así:
imgtag = '<span class="min...A ver así:<br /><br />imgtag = '<span class="miniatura" style="background-image:url('+img[0].src+');"></span>';<br /><br />Sino, tendría que ver el código puesto para decirte si hay un error de sintaxis porque los scripts dejan de funcionar cuando hay un error.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-27087974421997373942010-12-11T02:46:53.609-03:002010-12-11T02:46:53.609-03:00lo probe en mi web (http://www.hikkikomoriroom.com...lo probe en mi web (http://www.hikkikomoriroom.com.ar) pero me anulo el scrpit del "leer más", asique lo removi...tiene idea porque puede ser? Sino seguiré con las imagenes como hasta ahora xDRokutahttps://www.blogger.com/profile/11170263964161503050noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-33751749170015688592010-12-10T23:46:31.586-03:002010-12-10T23:46:31.586-03:00No sé si te refieres a este ejemplo de Rosa. Supon...No sé si te refieres a <a href="http://elescaparatederosa.blogspot.com/2009/07/leer-mas-con-miniatura-de-imagen.html" rel="nofollow">este ejemplo de Rosa</a>. Supongo que si.<br /><br />Allí, lo que se crea es una etiqueta con JavaScript:<br /><br />imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>;<br /><br />y sería eso lo que debe cambiarse y agregarle algo de CSS para que la imagen, en lugar de una etiqueta IMG fuera un fondo.<br /><br />imgtag = '<span class="miniatura" style="background-image:url('+img[0]+')"></span>;<br /><br />y el CSS sería algo así:<br /><br />.miniatura {float:left; padding:0px 10px 5px 0px;width:120px;height:100px;overflow:hidden;background:transparent url() no-repeat left top;}<br /><br />la imagen sería el fondo de la etiqueta SPAN que se dimensiona. Ese fondo, se posiciona como quieras y, si la imagen es mas grande, queda recortada.<br /><br />Es el método que utilizo en este blog aunque el script sea otro.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-88536355540106167672010-12-10T20:10:01.750-03:002010-12-10T20:10:01.750-03:00Buenos dias/noche JMiur...tal como un par de comen...Buenos dias/noche JMiur...tal como un par de comentarios atras, Rosa me ha enviado para acá. Mi consulta es respecto al scrpit de "Leer Más" con imagenes en miniatura (Actualmente estoy usando este: http://elescaparatederosa.blogspot.com/2010/03/leer-mas-con-miniatura-de-imagen-y.html)<br /><br />Mi consulta es la siguiente: Es posible que el script en lugar de achicar la imagen la recorte automaticamente y la deje en los valores que puse, pero al entrar a la entrada aparezca la imagen normal? Digo esto porque realmente, si bien puedo hacer lo de agregar la misma imagén ya achicada al inicio de la entrada, no queda bien ver la imagén repetida.Rokutahttps://www.blogger.com/profile/11170263964161503050noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-10645434740106579902009-10-07T04:53:31.594-03:002009-10-07T04:53:31.594-03:00Usted quiere TODO, Gem@ ................ yo tambié...Usted quiere TODO, Gem@ ................ yo también :DJMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-65696655800328586272009-10-06T12:53:22.152-03:002009-10-06T12:53:22.152-03:00Ahora veo tu respuesta ¿recuerdas que me quejaba d...Ahora veo tu respuesta ¿recuerdas que me quejaba de no tener banda ancha? ahora extraño las palmeras.<br />Soy una quejica :(Gem@https://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-8970584142851551742009-07-09T20:23:02.731-03:002009-07-09T20:23:02.731-03:00Zux: En ese sitio están usando un template específ...Zux: En ese sitio están usando un template específico para sitios que puedan agregar códigos PHP y lo puedes ver acá <a href="http://www.frontpageslideshow.net" rel="nofollow">http://www.frontpageslideshow.net</a>. Imposible implementarlo en Blogger.<br /><br />Buenas noches Graciela, ¿con frio?<br /><br />Gem@: Pués, la veradad, ambas cosas son ciertas pero depende del uso que les demos. Por ejemplo, un par de imágenes redimensionadas no serán problema y si las ampliamos, todo será más rápido que usar miniaturas. En cambio, una serie de wallpapers redimensionados, hará que la página sea lentísima.<br /><br />Me parece que lo importante no es tanto usar una u otra forma sino saber qué significa eso que hacemos para no sorprendernos.<br /><br />PD: ¿Cómo se siente bloguear bajo las palmeras? :DJMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-63752216797380867292009-07-09T19:50:26.888-03:002009-07-09T19:50:26.888-03:00En una entrada de Lytebox informo que podemos añad...En una entrada de Lytebox informo que podemos añadir la misma url para la miniatura que para la imagen ampliada con la idea de simplificar el trabajo a la hora de modificar de tamaño las imágenes, pero llevas razón es conveniente añadir la miniatura en el tamaño que vamos a mostrarla.<br />Tomo buena nota :)Gem@https://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-50306989559096932872009-07-09T18:33:26.273-03:002009-07-09T18:33:26.273-03:00mire Don Jmiur lo que son las cosas :)...casi buen...mire Don Jmiur lo que son las cosas :)...casi buenas noches!!!Anonymoushttps://www.blogger.com/profile/06388548438772111775noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-26759745497567339042009-07-09T17:25:13.681-03:002009-07-09T17:25:13.681-03:00hola
Rosa me mando para aca, al preguntarle como ...hola<br /><br />Rosa me mando para aca, al preguntarle como se hacen esas presentaciones, que tienen varias paginas, estoy hablando de esos cuadros que tienen imagenes rotativas y tienen un titulo y una descripcion en un rectangulo al pie de la foto, como en esta pagina http://www.zomicz.com/index.php<br /><br />busque, aqui pero no pude pillar, si me dices donde o como estare agradecido chaozuxhttps://www.blogger.com/profile/09874148168193224122noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-7229405411137499352009-07-09T15:57:29.200-03:002009-07-09T15:57:29.200-03:00Bocha: Los títulos están alineados, lo que pasa es...Bocha: Los títulos están alineados, lo que pasa es que la primera columa tiene una lista ordenada y el número de cada item se muestra hacia la izquierda del margen. Eso puede cambiarse con:<br />ol {list-style-position:inside;}<br />Lo de las columnas, no sé a que te refieres porque hay muchos modos; pordía ser el width de #lowerbar-wrapper que es del 33% o el padding de .lowerbar .widget o cualquier margen interno, etc.<br /><br />senovilla: Gracias por pasar a saludar. <br /><br />Pau: Es un error bastante común. Un par de imágenes no afectarán mucho pero si se ponen galerías o si son demasiado grandes, las cosas se complican.<br /><br />Vku: Listo, cambiado.<br /><br />Manolo: Redimensionarlas con CSS o con los atributos es lo mismo, la imagen siempre será la original, el navegador cargará la grande así que siempre hay que usar una imagen de tamaño adecuado.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-52862562368411329132009-07-09T15:03:33.138-03:002009-07-09T15:03:33.138-03:00Un buen post, esta mala técnica de insertar imágen...Un buen post, esta mala técnica de insertar imágenes grandes es muy usada. Al igual, si lo hacemos con CSS (redimensionar) ¿estamos haciendo una verdadera miniatura o seguimos cometiendo un error?Manolohttps://www.blogger.com/profile/01270270053421116651noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-30537614837648059432009-07-09T13:57:55.303-03:002009-07-09T13:57:55.303-03:00donde dise a href="la_miniatura" no tend...donde dise a href="la_miniatura" no tendria que ir "mi_imagen" porque asi mostraria la imagen chica y en img src="mi_imagen" width="128" height="128" la_miniatura?Vkuhttps://www.blogger.com/profile/00943814378039606668noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-89461304400033130522009-07-09T11:48:45.107-03:002009-07-09T11:48:45.107-03:00No sabía que ajustar la imagen no era lo mismo, cl...No sabía que ajustar la imagen no era lo mismo, claro sigue siendo grande y demoran la carga, revisaré mis imagenes y las achicaré.<br />Un excelente dato a tener en cuenta ;) muchas gracias!<br /><br />besos ronroneados ^_^Anonymoushttps://www.blogger.com/profile/10408058455316247994noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-65139913168181540892009-07-09T10:37:13.737-03:002009-07-09T10:37:13.737-03:00De ronda rápida aquí también quiero dejarte un sal...De ronda rápida aquí también quiero dejarte un saludo sanferminero.Jose Antoniohttps://www.blogger.com/profile/06124677869803447984noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-79845385126251826702009-07-09T01:29:11.885-03:002009-07-09T01:29:11.885-03:00Estoy editando el footer que tengo dividido en tre...Estoy editando el footer que tengo dividido en tres, y no se porque el titulo de la primer columna no esta bien colocado, esta alejado del costado izquierdo del blog, como lo arreglo?? por otro lado no me acuerdo cual era el codigo que hay que modificar para disminuir la distancia entre cada columna del footer.<br /><br />Finalmente queria saber como agrandar cada columna, yo lo sabia, pero en esa plantilla no se que codigo usar.<br /><br />PD: Me quedo bien lo que me explicaste ayer. :)Bochahttps://www.blogger.com/profile/08827642066234839372noreply@blogger.com