Como insertar formatos HTML en este formulario

[zeol1]

Hola todos.

Tengo poco conocimiento de los lenguajes html y javascripts, pero al menos entiendo lo basico.

Resulta que coloco anuncios clasificados en una pagina de internet

Esta pagina solo permite, por defecto, insertar los datos en texto sin formato.

Ejemplo 1.

http://www.emarket.com.do/?seccion=anuncio&idcomunp=825824

Sin embargo existe una manera de ingresar anuncios con formatos HTML, o sea con color de letra, tamaño, estilo, insertar imagenes, colocar links, etc... esto se muestra a continuacion.

Ejemplo 2.

http://www.emarket.com.do/?seccion=anuncio&idcomunp=558729

Mi objetivo es aprender a insertar anuncios como el del segundo ejemplo, para ello he intentado varias formas usando codigos html y javascripts que he estudiado en el siguiente link http://sestud.uv.es/manual.esp/ Sin embargo hasta el momento solo la funcion bold me funciona.

Agradecere toda ayuda que me puedan brindar.

[srsombrero]

Iniciado por zeol1

Hola todos.

Tengo poco conocimiento de los lenguajes html y javascripts, pero al menos entiendo lo basico.

Resulta que coloco anuncios clasificados en una pagina de internet

Esta pagina solo permite, por defecto, insertar los datos en texto sin formato.

Ejemplo 1.

http://www.emarket.com.do/?seccion=anuncio&idcomunp=825824

Sin embargo existe una manera de ingresar anuncios con formatos HTML, o sea con color de letra, tamaño, estilo, insertar imagenes, colocar links, etc... esto se muestra a continuacion.

Ejemplo 2.

http://www.emarket.com.do/?seccion=anuncio&idcomunp=826142

Mi objetivo es aprender a insertar anuncios como el del segundo ejemplo, para ello he intentado varias formas usando codigos html y javascripts que he estudiado en el siguiente link http://sestud.uv.es/manual.esp/ Sin embargo hasta el momento solo la funcion bold me funciona.

Agradecere toda ayuda que me puedan brindar.

Hola, es solo una cuestion de leer bien el manualcito. Por lo que estuve viento el link que pones en la segunda opcion no tiene formato tampoco.
Quizas los chicos emarket tengan deshabilitada esta opcion en estos momentos y no funcione.
En todo caso te dejo una buena pagina para aprender html:

http://www.htmlpoint.com/guida/index.html

Y te dejo un breve resumen a continuacion:

Todo tipo de estilo que vayas a aplicar en una etiqueta estara definido entre el parametro :

Código:

style="Parametros de estilo"

Cada parametro de estilo va a ir separado con un punto y coma (;)

Para parrafos de un determinado estilo:

<p></p>

Código:

<p style="background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000">
Aqui el texto del parrafo
</p>

background-color: Indica el color de fondo del parrafo
font-family: Tipo de fuente, Si no encuentra la Verdana en la maquina cliente, sigue la Arial, Helveltica, etc.
font-size: Indica el tamaño de la fuente, siempre fijate de especificarlo en pixeles (px)
color: Es el color del texto.

Para lineas de un determinado estilo:

Código:

<span style="Aqui el estilo">Aqui el texto del bloque en particular</span>

Esto sirve para cambiarle el estilo a un determinado bloque de codigo


Suponete que quisieras cambiar un bloque de un determinado parrafo

Código:

<p style="background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #00FF00">
Aqui el texto del parrafo
<span style=" background-color:#0000CC">Aqui el otro texto con otro estilo</span>
Aqui sigue el estilo del parrafo
</p>

Para fuente en negrita el texto que se desea que vaya en negrita se indica con el parametro a style llamado font-weight:

Código:

font-weight:bold

Para imagenes:

Código:

<IMG SRC="URL DE LA IMAGEN">

Ejemplo:

Código:

<IMG SRC="www.google.com/imagenes/imagen.jpg">

Espero que te haya servido mi ayuda.

Un abrazo y suerte.

Agur!.

[zeol1]

Tienes razon en cuanto a lo del segundo ejemplo, copie un link incorrecto, este es el verdadero segundo ejemplo.

Ejemplo 2.

http://www.emarket.com.do/?seccion=anuncio&idcomunp=558729

Ya lo arregle en el post original.

[zeol1]

Bien, he intentado todo. He tratado con formatos html basicos, los cuales funcionan en otras paginas similares, he intentado reproducir el formato copiando y pegando el codigo de la pagina como por ejemplo:

<p><font style="background-color: #000000" color="#ff0000" size="5">texto, texto, texto</font></p>
<p><strong><font style="background-color: #00ff00" color="#0000ff" size="5">texto, texto, texto </font></strong><a href="mailto:[email protected]"><strong><font style="background-color: #00ff00" size="5">[email protected]</font></strong></a></p>

Sin embargo nada pasa. Se que la pagina bloquea el uso de formatos por defecto, pero deseo saber como es que otros logran introducir estos formatos en el formulario de anuncio. Sera algun comando script que indica al servidor no borrar los formatos html o script?

Alguna ayudita adicional no me viene mal.

Saludos.

[srsombrero]

Iniciado por zeol1

Bien, he intentado todo. He tratado con formatos html basicos, los cuales funcionan en otras paginas similares, he intentado reproducir el formato copiando y pegando el codigo de la pagina como por ejemplo:

<p><font style="background-color: #000000" color="#ff0000" size="5">texto, texto, texto</font></p>
<p><strong><font style="background-color: #00ff00" color="#0000ff" size="5">texto, texto, texto </font></strong><a href="mailto:[email protected]"><strong><font style="background-color: #00ff00" size="5">[email protected]</font></strong></a></p>

Sin embargo nada pasa. Se que la pagina bloquea el uso de formatos por defecto, pero deseo saber como es que otros logran introducir estos formatos en el formulario de anuncio. Sera algun comando script que indica al servidor no borrar los formatos html o script?

Alguna ayudita adicional no me viene mal.

Saludos.

Aca te dejo el codigo fuente del articulo que me pasaste tal y como se encuentra en la web que me pasaste:

Código HTML:

<div align="justify" class="context" style="margin: 10px"><p align="center"><font size="4" color="#ff0000"><strong><strong><strong>*****  SERVICIO A DOMICILIO  *****</strong></strong></strong></font></p>
<p>&nbsp;<font size="4" color="#ff0000"><strong><strong><a href="http://www.agdigital.net/"><input width="300" type="image" height="129" align="left" src="http://photos1.blogger.com/x/blogger2/7797/4165/1600/z/384687/gse_multipart14903.png" longdesc="undefined" /></a></strong></strong></font></p>

<div align="center">&nbsp;</div>
<p>&nbsp;</p>
<div align="center">&nbsp;</div>
<p align="center"><font size="4" color="#ff0000"><strong><strong>&nbsp;</strong></strong></font></p>
<p>&nbsp;</p>
<p align="justify">&nbsp;<br />
<font size="4" color="#ff0000"><strong><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong><font size="4">V&Iacute;SITA NUESTRA PAGINA PARA VER MAS OFERTAS:</font></strong></strong></strong></font></p>
<div align="center">&nbsp;</div>
<p align="center"><font size="4" color="#ff0000"><strong><strong><strong><font color="#0000ff"> &nbsp;&nbsp; </font><a href="http://www.agdigital.net/"><font size="5" face="Tahoma" color="#0000ff" style="background-color: rgb(255, 255, 255);"><strong>WWW.AGDIGITAL.NET</strong></font></a></strong></strong></strong></font></p>
<div align="center">&nbsp;</div>
<p align="center"><font size="4" color="#ff0000"><font size="4" color="#ff0000"><font size="4" color="#ff0000"><font size="4" color="#ff0000"><strong><font size="4" color="#ff0000"><strong><strong><strong>*****  SERVICIO A DOMICILIO  *****</strong></strong></strong></font></strong></font></font></font></font></p>

<p align="center"><font size="2" color="#000000"><strong><strong><strong><strong>*****  ENV&Iacute;OS HACIA TODAS LAS PROVINCIAS DEL PA&Iacute;S.  </strong></strong></strong></strong></font></p>
<p align="center"><font size="2" color="#000000"><strong><strong><strong><strong>ACEPTAMOS PAGOS Y TRANSFERENCIAS A TRAV&Eacute;S DEL BANCO POPULAR DOMINICANO, ASOCIACI&Oacute;N POPULAR DE AHORROS Y PRESTAMOS</strong></strong></strong></strong></font></p>
<p align="center"><font size="4" face="Tahoma" color="#0000ff"><strong><input type="image" align="middle" src="http://www.8080.net/pics/200612/1271523593.jpg" alt="SANDISK CRUCER MICRO USB FLASH DRIVE" /></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font size="3"><strong>Tenemos todo tipo de Memorias para C&agrave;maras, Celulares y PDAs.</strong></font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><br />
<font color="#0000ff"><strong>MEMORIAS USB MARCA SANDISK!!! 100% NUEVAS Y SELLADAS:</strong></font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong>&nbsp;</strong></font></p>
<p style="background-color: rgb(255, 255, 0);"><font size="3" face="Tahoma" color="#0000ff"><strong><strong>USB SanDisk Cruzer Micro de 4 Gb (TITANIUM)  2,000</strong></strong></font></p>

<p style="background-color: rgb(255, 255, 0);"><font size="3" face="Tahoma" color="#0000ff"><strong><strong>USB SanDisk Cruzer Micro de 2 Gb 1,000</strong></strong></font></p>
<p style="background-color: rgb(255, 255, 0);"><font size="4" face="Tahoma" color="#0000ff"><strong><font size="3" /></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font color="#ff0000">* Retractable USB connector</font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font color="#ff0000">* Brilliant amber LED</font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font color="#ff0000">* U3 smart enabled     </font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font color="#ff0000">* Loaded with U3 programs: CruzerSync synchronization software, SignupShield password manager, SKYPE, AVAST antivirus software     </font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font color="#ff0000">* Hi-Speed USB 2.0 certified (backwards compatible with all USB 1.1 ports)     </font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font color="#ff0000">* Compatible with Windows 2000, SP4 and XP     </font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font color="#ff0000">* Certified Windows 2000 and XP</font></strong></font></p>

<p><font size="4" face="Tahoma" color="#0000ff"><strong><font size="3"><strong><font color="#0000ff">USB MARCA KINGSTON!!! 100% NUEVAS Y SELLADAS:</font></strong></font></strong></font></p>
<p align="center"><font size="4" face="Tahoma" color="#0000ff"><strong><input width="300" type="image" height="212" src="http://veikals.sanne.lv/images/flash_atmina_kingston_usb_2_0_dti_1gb.jpg" /></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font size="3"><strong><font color="#0000ff"> </font></strong></font><strong style="background-color: rgb(255, 255, 0);"><font size="3">Memoria USB Kingston 1 Gb 350 (S&ograve;lo una por cliente)</font></strong></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><strong style="background-color: rgb(255, 255, 0);"><font size="3">Memoria USB Kingston 2 Gb 800</font></strong></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><strong style="background-color: rgb(255, 255, 0);"><font size="3">Memoria USB Kingston 4 Gb 1,550</font></strong></strong></font><font size="4" face="Tahoma" color="#0000ff"><strong><br />
</strong></font></p>
<p>&nbsp;</p>
<p align="center"><font size="4" face="Tahoma" color="#0000ff"><strong><strong>*** COMPRA CALIDAD, CON LAS MEMORIAS MALAS Y GENERICAS PUEDES PERDER UN DIA LA INFORMACION Y DATOS QUE TENGAS EN ELLA...TERRIBLE VERDAD? CONFIA TUS DATOS A LA CALIDAD Y GARANTIA DE KINGSTON, SANDISK Y TRANSCEND</strong></strong></font><font size="4" face="Tahoma" color="#0000ff"><strong><strong>*** </strong></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"></font></p>

<p><font size="4" face="Tahoma" color="#0000ff"><strong><font size="4" face="Tahoma" color="#0000ff"><strong><strong>** Importante: Ten cuidado con las memorias Falsificadas!!!!!!!! Todas estas memorias son nuevas y se te da factura con garantia por escrito de prestigiosas marcas como Sandisk y Kingston, todas con 6 meses y un a&ntilde;o de garantia. </strong></strong></font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font size="4" face="Tahoma" color="#0000ff"><strong><strong>Estas memorias son 100% Originales (Fijate Bien en eso)</strong></strong></font></strong></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><strong><font size="4" face="Tahoma" color="#0000ff"></font></strong></font></p>
<p align="justify"><font size="4" face="Tahoma" color="#ff0000"><font size="4" face="Tahoma"><strong><strong><font size="4" face="Tahoma"><strong><strong> Tenemos Ipods, USB Bluetooth, Handsfree Bluetooth, Lectores USB para las memorias, Cables de Data para Celulares, Accesorios para palm, Memorias USB, C&agrave;maras Digitales y Accesorios para Ipods.</strong></strong></font></strong></strong></font></font></p>
<p><font size="4" face="Tahoma" color="#0000ff"><font size="4" face="Tahoma" color="#0000ff"><strong><strong><font size="4" face="Tahoma" color="#0000ff"><strong>&nbsp;</strong></font></strong></strong></font></font></p></div></td>
        </tr>
      </table> 

Quizas sea una cuestion de pagar algun costo extra para que se vean esos marcadores. En todo caso si no es asi te indicaria que mires en el explorador que uses el Ver->Codigo fuente de esta pagina, de esa manera vas a poder encontrar los metodos que utiliza este sr para cambiarle el color y demas

No queria indicarte el atributo <font> que esta utilizando mucho este señor ya que en XHTML es viejo y ya no se utiliza por las normas de la W3C.

Igual funciona. Proba con estos atributos que esta usando el sr del aviso.

Un saludo y mucha suerte.


pd: Observa con atencion que para insertar una imagen en este caso se utiliza el atributo:
<input type="image" src="URL DE LA IMAGEN">

Agur!