Hot!

Como agregar contenido HTML, CSS o JS a tu publicacion en Ophytech, Isern's Gallery o LedCulture

Si llegaste aqui, es porque accediste a uno de nuestros generadores de Perfiles en nuestras Redes Iserns.com, Ledculture.com u Ophytech.com u otra pagina similar, cuyo editor de texto, no te permite cargar codigo enriquecido de manera automatica, por lo que nos tocara aprender unos comandos sencillos de HTML y CSS para optimizar el resultado que veran tus visitantes.

AL escribir tu texto, puedes agregar algunas etiquetas que automaticamente le daran formato a tu texto o le agregaran algunas funcionalidades sencillas y de facil implementacion. Entre ellas tenemos:

<i>Texto en Italica </i>

<center> Todo el texto que se encuentre aqui, estara centrado </center>

<a href="URL completa (Incluyendo el https://) a donde queremos redirigir al usuario">Hacer Click Aqui para redirigir la Pagina</a>

<b>Texto en Negrita</b>


Para cargar imagenes formateando su ancho (width) y alto (height) >>

<img src="URL completa donde se encuentra la imagen que quieres mostrar" style="width:100%; height:60px">


Para formatear un parrafo, modificando su alineacion (text-align justify, center,left,right),  color de fuente (color), tamaño de texto (font-size), el tipo de fuente (font-family), o el interlineado (line-height). En este caso daremos unos ejemplos con unos estilos de fuente y de parrafo que tu podras modificar posteriormente

<p style="text-align: center; color:red; font-size:20px; font-family: Arial; line-height: 20px; ">El parrafo a ser formateado sera este </p>


Cargar videos o reproductores multimedia.

En este caso, podras ir a tu canal de Youtube, soundcloud, mixcloud o cualquiera de tu preferencia, buscar al lado del reproductora la opcion Share, y luego la opcion enved. Automaticamente el sistema debera mostrarte un codigo que tu podras copiar y pegar en tu editor de texto. (Lo mismo aplica a Google Map)

Recuerda que tambien puedes mezclar etiquetas, por ejemplo, si quieres una imagen centrada pudieras escribir algo como

<center><img src=""></center>

O por ejemplo si quieres un enlace a un parrafo, pudieras escribir

<a href=""><p>Parrafo del texto a enlazar</p></a>

Quieres saber como agregar informacion adicional? Escribenos en los comentarios y te estaremos orientando