Foros del Web » Programando para Internet » Javascript »

Modificar un tema para Tumblr

Estas en el tema de Modificar un tema para Tumblr en el foro de Javascript en Foros del Web. Buenos días: Esta es la situación. Estoy usando un tema para tumblr llamado Museum Theme Cita: http://museumtheme.tumblr.com/ Y hay un pequeño detalle que deseo modificar ...
  #1 (permalink)  
Antiguo 07/09/2012, 06:47
Avatar de freesoftwarrior  
Fecha de Ingreso: marzo-2006
Mensajes: 362
Antigüedad: 18 años, 9 meses
Puntos: 10
Modificar un tema para Tumblr

Buenos días:
Esta es la situación. Estoy usando un tema para tumblr llamado Museum Theme

Y hay un pequeño detalle que deseo modificar pero no encuentro la forma, y es que cuando publico un post, digamos un link de un artículo de otro web (usando una extensión para Chrome) y agrego una imagen, esta imagen es mostrada en tamaño real PERO como el tema esta segmentado en pequeños espacios, la imagen aparece parcial, no completa, pues es de mayor tamaño que el espacio ofrecido para mostrar el título del post y un breve resumen, tal cual lo pueden ver en la siguiente captura



Entonces pensé que la mejor opción es incluir un script que redimencione las imágenes, así que revisé el código fuente resultante y esta es la sección a modificar

Cita:
<div class="link">
<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
<a href="http://romulosotodiaz.tumblr.com/post/31053592975/dedupe-para-limpiar-y-organizar-la-agenda-del-iphone" class="morelink">more +</a>
<div class="fade"></div>
</div><!--END MOREWRAP-->
<div class="pad">
<h1><a href="http://www.microsiervos.com/archivo/gadgets/dedupe-para-limpiar-agenda-iphone.html" target="_blank" >Dedupe, para limpiar y organizar la agenda del iPhone | Microsiervos (Gadgets) » </a></h1>

<p class="description"><p><img src="http://img525.imageshack.us/img525/3566/dedupe.jpg"/></p></p>

</div>
<a href="http://romulosotodiaz.tumblr.com/post/31053592975/dedupe-para-limpiar-y-organizar-la-agenda-del-iphone" class="permalink">9.07.12</a>
<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR LINK POSTS-->
<!--<a href="http://romulosotodiaz.tumblr.com/post/31053592975/dedupe-para-limpiar-y-organizar-la-agenda-del-iphone#disqus_thread" class="disquscount">Comments (View)</a>-->
</div>
Así que busque en el tema la sección correspondiente y aquí tengo el problema, pues el código del tema muestra esto:

Cita:
{block:Link}
<div class="link">
<div class="morewrap"><!--MOREWRAP TRIGGERED BY TAGGING POST 'more'-->
<a href="{Permalink}" class="morelink">more +</a>
<div class="fade"></div>
</div><!--END MOREWRAP-->
<div class="pad">
<h1><a href="{URL}" {Target}>{Name} » </a></h1>
{block:Description}
<p class="description">{Description}</p>
{/block:Description}
</div>
<a href="{Permalink}" class="permalink">{MonthNumber}.{DayOfMonthWithZer o}.{ShortYear}</a>
<!--UNCOMMENT BELOW TO ENABLE COMMENTS COUNT FOR LINK POSTS-->
<!--<a href="{Permalink}#disqus_thread" class="disquscount">Comments (View)</a>-->
</div>
{/block:Link}

Como pueden ver, en el primer código he marcado en negrita y rojo la ubicación de la imagen y al encontrar la sección correspondiente en el código del tema, veo que no hay forma alguna de poder encontrar referencia del tag IMAGEN.

Una vez recuerdo haber leído, cuando se trataba de un tema para blogger, que se podía colocar un script (o tal vez un CSS, no recuerdo bien y por eso les consulto) para que automáticamente TODAS las imágenes se redimencionen a un tamaño determinado.

¿Alguna sugerencia para este pequeño problema?

Muchas gracias desde ya
Un saludo desde Lima, Perú

Etiquetas: html, modificar, tema, tumblr
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:42.