Jueves, Mayo de 17 de 2012
   
TEXTO:

Aprende Joomla

MÁS CURSOS: * Te recuerdo que en "deseoaprender.com" tienes más cursos, todos gratis. . .

Únete en Facebook

Share
Search
Search Keyword: Resultados encontrados: 3
Etiqueta: Insertar imagen en artículo Ordering
Imagen en artículo 3

REDIMENSIONAR IMAGEN Y CAMBIARLA DE UBICACIÓN

    Tras haber aprendido en la lección anterior a colocar nuestra imagen en el lugar deseado y configurarle algunos parámetros, hoy vamos a estudiar de que manera tan sencilla podremos cambiar dicha imagen de ubicación; además, se pueden cambiar las dimensiones de la misma desde el mismo panel y en una sola operación.

    Vamos como siempre a nuestro Panel de administrador, entramos en el Gestor de artículos y editamos el que nos interesa picando sobre él (todas estas son tareas que ya hemos aprendido, y que por tanto debes saber realizar sin dudar).

    Recuerda que habíamos dejado nuestro artículo así:

     • Para realizar ahora nuestro trabajo, sólo tenemos que picar sobre la imagen para que se active, y después picar sobre el icono de imagen que ya conoces:

      

    • De esta forma entrarás nuevamente en el gestor que ya conoces:

    • Nos iremos a la parte de arriba, donde existirán los datos que habíamos colocado, los cuales tendremos que cambiar por estos:

    • Fíjate en los siguientes cambios que realizo:

La imagen original tiene una medida de 300 x 222 píxels, así que desmarco la casilla Proporcional y escribo las nuevas dimensiones (que coloco justamente a la mitad: 150 x 111), La Alineación la cambio en el desplegable de Derecha, a Izquierda, Le cambio datos en el apartado Margen y escribo 5 px a la Derecha y 4 px en la parte Inferior,  En el apartado Borde, activo la casilla y elijo 2 px con un Estilo doble; finalmente pico sobre la flechita del selector de Color y elijo un verde.

    De esta forma ya tengo hechos los cambios que quiero, así que actualizo en el botón de abajo y ya tengo la imagen con sus nuevas características:

    • Tras Guardar el artículo para que se publique con los cambios, si vamos en nuestro navegador a ver nuestra web, ya comprobamos que:

 

    • Los cambios se han efectuado correctamente y nuestro artículo luce bien con los cambios realizados...

TE RECUERDO que todos los ejemplos de estas lecciones, han sido realizados usando el editor de texto JCE, por tanto, si usas el editor predeterminado TinyMCE de Joomla 1.5 pueden existir ciertas diferencias en las explicaciones...TE RECUERDO TAMBIÉN, que tienes un manual completo sobre JCE para que aprendas a cargarlo e instalarlo en tu Joomla, creo que merece la pena.

   Bien amigo, pues esto es todo. Con estos pasos tan sencillos, a partir de ahora no deberías tener duda alguna sobre todo lo relacionado con la gestión de imágenes en tus artículos. Colócalas así de fácilmente, redimensiónalas y cámbialas de ubicación sin problemas.

LECCIONES MANUAL:   [ insertar imagen en artículo, forma 1 ]  [ insertar imagen en artículo, forma 2 ]  [ redimensionar imagen, cambiar de sitio ]

SUBIR ...

 
Imagen en artículo 2

LA SEGUNDA FORMA DE COLOCAR IMAGEN EN NUESTRO ARTÍCULO

    Tras haber visto en la lección anterior la forma de colocar una imagen en nuestro artículo (picábamos sobre el botón Imagen que se encuentra en la parte inferior del editor JCE), hoy te ofreceré una detallada explicación de la otra forma de la que disponemos para realizar tal cometido. Para ello usaré el mismo artículo de la lección anterior.

LA SEGUNDA FORMA DE INSERTAR UNA IMAGEN EN NUESTRO ARTÍCULO    Vete como siempre a tu Panel y una vez allí abre por tanto el artículo que usamos (ya sabes como hacerlo):

 

    • En esta ocasión --tras colocar el puntero en el lugar donde colocaremos la imagen--, picamos en el icono que te muestro en la imagen; de forma inmediata nos aparecerá el gestor de imagen:

    • Recuerda que estamos trabajando con la imagen que habíamos subido (ver el manual de Gestor Multimedia) a la carpeta ejemplo, así que picamos sobre ella (aparece en el centro del gestor):

    • Como sólo habíamos cargado una imagen en dicha carpeta, ahí la tenemos. Picamos sobre el nombre:

    • Ahora, para configurar todas las características que deseamos, nos vamos a la parte superior:

    • Aquí tenemos múltiples opciones. Le pondremos lo que nos convenga en el campo Texto Alt. (interesante para los buscadores como Google); luego en el apartado Alineación elegiremos una (yo le coloco Derecha) y además fíjate en el detalle que te ofrezco:

    • Puedes ver que además quito la marca en el apartado Iguales (para poder colocarle los píxeles de distancia hasta el texto en la parte Infer. y además en la parte Izqu. Después de esto, vamos a la pestaña Avanzado:

    • Aquí sólo relleno el campo Título (también importante para los buscadores). Ahora no queda más que salvar los cambios:

    • Con lo cual, la imagen quedará perfectamente colocada a la derecha con las características indicadas:

    • No tenemos más que Guardar para que el artículo sea publicado. Lo podemos ver en la web:

** En la siguiente lección (última de este manual), vas a aprender a realizar modificaciones a esta imagen insertada en el artículo. Podrás ver la forma de modificar su tamaño, y cambiarla de ubicación, entre otras cosas. De momento lo dejamos aquí.

LECCIONES MANUAL:  [ insertar imagen en artículo, forma 1 ]  [ insertar imagen en artículo, forma 2 ]  [ redimensionar imagen, cambiar de sitio ]

SUBIR ...

 

¿Te gusta?, vótanos

Buscar en esta web

Patrocinados







Proyecto

Galería 3D Carrusel imágenes. HECHO

Enlaces amigos

Mi canal

mi canal en Youtube

Votar Top

Sitios top de deseoaprender.com

El tiempo

Santander
20°C
Santander 20°C | Madrid 22°C | Barcelona 15°C | Sevilla 12°C | París 13°C | Londres 13°C | New York 23°C | Moscú 22°C
[Detalles]

Nuestras visitas

mod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_counter
mod_vvisit_counterHoy970
mod_vvisit_counterAyer2102
mod_vvisit_counterEsta semana6544
mod_vvisit_counterÚltima semana12324
mod_vvisit_counterEste mes28076
mod_vvisit_counterÚltimo mes51916
mod_vvisit_counterTotal1596718

Tu IP:: 38.107.179.206
Hoy: 17 May, 2012

Calendario

Última versión

Última versión de Joomla: 1 . 5 . 26 // (no olvides actualizar tu web urgente)

Contactar

Cuantas manos tiene una persona? (nº)
Email:
Asunto:
Mensaje:

¿Quién está en línea?

Tenemos 15 invitados conectado(s)

Otros manuales míos

cursos Pintura   cursos Dibujo   Word 2007   Excel 2007   Power Point 2007   Windows 7