4

Ver más grande la foto de vuestro perfil

Aunque en tu perfil, subas una fotografía más grande, luego, en la portada del blog, se ve pequeña, por lo menos eso me pasaba a mi, y he cambiado el tamaño adaptándola a la medida de mi Sidebar (columna lateral),de ésta manera:

Tenéis que ir a Diseño /Edición de html, allí, en vuestra plantilla buscáis ésta zona del código (no será igual en todas las plantillas pero, si que será parecida):
/* Profile
----------------------------------------------- */
.profile-img {
width:200px;
height:200px;
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 2px ridge $bordercolor;
}
Lo que os pongo en rojo, es lo que tenéis que añadir a la plantilla si no lo tuvierais puesto(yo, no lo tenía en mi plantilla), son las medidas para poner en vuestra imagen, yo, la tengo puesta en 200px, pero, podéis cambiar dichas medidas, lógicamente sin salirse de las medidas de la propia sidebar, imagino que , en unas plantillas se podrán poner diferentes medidas que en otras, yo, sólo lo he hecho en la mía, hay que ir jugando con los números, le ponéis unas medidas y, dais a vista previa y, cuando deis con las medidas justas, le dais a guardar plantilla, tened cuidado de no guardar hasta que lo veáis correctamente.

Esto lo he hecho al tun-tun, por eso os digo que deis siempre a VISTA PREVIA por si no saldría bien, como ya he dicho, no soy ninguna experta en todo ésto, así que probad antes de guardar plantilla, siii, ya se que soy muy repetitiva, pero, es para que no se os fastidie nada en la plantilla ¿vale?
Ojalá os sirva

Si lo que queréis es cambiar el borde de color, tenéis que cambiar la línea:


border: 2px ridge $bordercolor;

donde pone $bordercolor, podéis cambiar eso por el color que queráis, si vais a fuentes y colores del blog, tenéis unos códigos de cada color, lo copiáis , lo pegáis sustituyendo eso y listo, si lo dejáis tal como lo tengo yo, se os pondrán el mismo color que tengáis en el resto de los bordes del blog,si no tenéis esa línea , la podéis añadir entera y, así, se os pondrá el borde en vuestro perfil, otra cosa, lo de :


2px ridge

es la anchura del borde, modificando el número, molificareis la anchura

Y , os repito que no guardéis nada , sin darle primero a VISTA PREVIA

4 comentarios:

sara álvarez gómez

Hola! :)
Tu post está genial, me ha encantado porque lo explicas muy bien, el problema esque mi plantilla es super diferente a la tuya, en mi zona de "profile" pone:

}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);

background: $(image.background.color);
border: 1px solid $(image.border.color);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
padding: $(image.border.small.size);
}

.post-body .tr-caption-container {
color: $(image.text.color);
}

.post-body .tr-caption-container img {
padding: 0;

background: transparent;
border: none;

-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}


Lo único que quiero es poner im imagen de perfil con el tamaño 150 x 150, un poco más pequeña que la tuya, y no encuentro donde!!
Si pudieras ayudarme :)

un abrazo!

♥ Ana

Hola Sara, éste truco es de hace bastante tiempo, del año 2009, yo uso la plantilla Mínima que era la básica de blogger y la que se puede modificar más fácilmente, ahora hay muchas plantillas nuevas y los códigos han variado muchísimo y no son tan modificables,no me he puesto a estudiarlos, con lo cuál no tengo idea de como se hace lo que me preguntas en éstas nuevas plantillas, te aconsejo que preguntes en algún blog que sepa más sobre las nuevas plantillas, en mi sidebar tienes varios blogs de ayuda donde podrán responderte, no quiero meter la pata y decirte algo que luego igual no funciona, sin saberlo a ciencia cierta.
Podría intentar ponerse la anchura y altura seguido de donde pone:

Profile img, .Image img,{
width:150px;
height:150px;
}
Pero no lo sé,puedes probar, darle a vista previa y si no funciona , borrar cambios, imagino que no funcionará por eso es mejor que preguntes a los expertos, yo no lo soy, siento mucho no poder ayudarte

Un saludo

sara álvarez gómez

Lo he intentado y no, no funciona, entiendo lo que me dices tranquila, muchísisimas gracias por intentarlo y por responderme tan rápido!
Buscaré ayuda por blogs sí.
Grcias! :)
abrazos

♥ Ana

¡¡Qe rabia que no haya funcionado!!, estuve mirando por Internet y no vi nada al respecto, si hubiera encontrado algo te habría pasado el enlace pero, nada de nada, es mejor que preguntes en algún otro blog y , oye, si te dan la solución me lo dices para saberlo yo también, jejeje, es bueno aprender cosas
Un abrazo y mucha suerte

Responder

♥ Tus comentarios me alegran y me animan a continuar con el blog ♥
Haciendo click en 'Avisarme' puedes conocer desde tu correo las respuestas a tu comentario.

😂 😃 😆 😜 😡 😈 😱 😰 😇 😋 😊 😓😢 😭 😘 💋 😍 😚 💩 👏 👌 👍 🎉 🎊 🎅 🎃 🍴 💤 Copia y pega el emoji que desees para insertarlo en tu comentario

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Plantilla personalizada por ♥ Ana basada en la Mínima de Blogger