Shop Mobile More Submit  Join Login
creado: 17 de enero del 2013
última actualización: 02 de enero del 2014  


C  Ó   D   I   G   O  S    H   T   M  L .


Estos son algunos códigos HTML básicos para usuarios de DeviantART.

En este Journal explicaré los códigos HTML más útilizados. Contestaré cualquier duda. Por favor utiliza "PREVIEW" antes de. (; La simple razón es para evitar el SPAM para que se me facilite encontrar las dudas. Si quieres probar algún código hazlo en tu perfil y no aquí!.
Este Journal se va a mantener en constante actualización, ya que dA ha cambiado un poco desde la última actualización. Prometo estar más pendiente en este asunto.
Gracias por todos los comentarios y favoritos I love deviantART! .



» RETIRA LOS ASTERÍSCOS. *

» RETIRA LOS ASTERÍSCOS. *

» RETIRA LOS ASTERÍSCOS. *










»CÓDIGOS BÁSICOS.

[ Funcionan en todos los sitios que DeviantArt ofrece; Deviations en literatura, Journal, comentarios, etc.]


Icono

:iconnombre-de-usuario:
DeviantArt lo mostrará así: :iconimaria-roa:
[Tambíen funciona con grupos]


Usuario.

:devnombre-de-usuario:
DeviantArt lo mostrará así: iMaria-Roa
[Tambíen funciona con grupos]


Negrilla.

<b*> Este texto en negrilla.  <*/b>  
DeviantArt lo mostrará así: Este texto en negrilla.


Subrayado.

<u*> Este texto subrayado. <*/u>
DeviantArt lo mostrará así: Este texto subrayado.


Cursiva.

<i*> Este texto en cursiva. <*/i>
DeviantArt lo mostrará así: Este texto en cursiva.


Tachado.

<s*> Este texto tachado/rayado. <*/s>
DeviantArt lo mostrará así: Este texto tachado/rayado.


Letra sin formato.

<tt*>Este texto sin formato. <*/tt>
DeviantArt lo mostrará así: Este texto sin formato. 


Combinando formatos de Texto.

<b*> <u*> <i*> Este texto en negrilla, subrayado y en cursiva. <*/i> <*/u> <*/b>
DeviantArt lo mostrará así: Este texto en negrilla, subrayado y en cursiva.


Texto más pequeño.

<small*> Este texto más pequeño. <*/small>
DeviantArt lo mostrará así: Este texto más pequeño.


Subíndice.

<sub*> Este texto en subíndice. <*/sub>
DeviantArt lo mostrará así: Este texto en subíndice. 



Superíndice.

<sup*> Este texto en superíndice. <*/sup>
DeviantArt lo mostrará así: Este texto en superíndice.


Enlaces a una página web.

<*a href="Link aquí"> Texto <*/a>
DeviantArt lo mostrará así: Enlace (:






» TÍTULOS, SUBTÍTULOS & OTROS TAMAÑOS DE LETRA.

[ No aplican para comentarios. Los códigos <h1> etc. funcionan en la descripción de una deviantion. Todos funcionan en Personalizacion de tu dA & Deviations DE LITERATURA]


<h1*> Este texto como un título. <*/h1>
DeviantArt lo mostrará así: 

Este texto como un título.



<h2*> Este texto como un subtítulo. <*/h2>
DeviantArt lo mostrará así: 

Este texto como un subtítulo.



<h3*> Este texto con otro tamaño. <*/h3>
DeviantArt lo mostrará así: 

Este texto con otro tamaño.



<h4*> Este texto con un tamaño diferente. <*/h4>
DeviantArt lo mostrará así: 

Este texto con un tamaño diferente.



<h5*> Este texto con diferente tamaño. <*/h5>
DeviantArt lo mostrará así: 
Este texto con diferente tamaño.





»ALINEACIÓN DE TEXTO.

[ Solo Funciona en Journals, Blogs & algunos módulos editables del perfil.]


Centrado.

<*div align="center"> Este texto centrado. <*/div>
DeviantArt lo mostrará así:
Este texto centrado.



A la derecha.

<*div align="right"> Este texto a la derecha. <*/div>
DeviantArt lo mostrará así:
Este texto a la derecha.



A la izquierda.

<*div align="left"> Este texto a la izquierda. <*/div>
DeviantArt lo mostrará así:
Este texto a la izquierda.





»CITAS/AMUMENTAR SANGRÍA.

<blockquote*> "Este texto es una cita y la sangría ha aumentado." <*/blockquote>
DeviantArt lo mostrará así:
"Este texto es una cita y la sangría ha aumentado."






»LISTAS.


 Ordenadas.

<ol*>
<li*> Esta es una lista ordenada. <*/li>
<li*> Esta es una lista ordenada. <*/li>
<li*> Esta es una lista ordenada. <*/li>
<*/ol>

DeviantArt lo mostrará así:
  1. Esta es una lista ordenada.
  2. Esta es una lista ordenada.
  3. Esta es una lista ordenada.


Desordenadas.

<ul*>
<li*> Esta es una lista ordenada. <*/li>
<li*> Esta es una lista ordenada. <*/li>
<li*> Esta es una lista ordenada. <*/li>
<*/ul>

DeviantArt lo mostrará así:
  • Esta es una lista desordenada.
  • Esta es una lista desordenada.
  • Esta es una lista desordenada.





»LÍNEAS SEPARADORAS.

<hr*>
DeviantArt lo mostrará así:





»IMAGENES.

<*img src="URL de la imagen"/>
[Donde dice "URL de la imagen", para conseguirla solo deben hacer click derecho y seleccionar la opción "Copiar la ruta de la imagen" ó "Copiar dirección de la imagen", ese es el código que deben pegar.]

DeviantArt lo mostrará así:




»VIDEOS.

<*da:embed profile="video type" id="ID of the video"/>

*Video Type: nombre de la página de donde proviene el video. Ejem: Youtube
**ID of the video: este es un pequeño código que aparece al final de la url del video. Puede estar conformado por números, letras o ambos juntos.



DeviantArt permite colocar videos de:

DeviantArt Film: estos videos son aquellos que suben los Miembros de la Comunidad #deviantartfilm. Aquí solo pueden acceder aquellos que tengan conocimientos sobre la cinematografia & la utilización de las herramientas para video en ambito profesional.
Para colocar tu video favorito de la Comunidad deviantFilm debes colocar la palabra "film" como nombre del sitio del video. Luego se coloca el código del video, que en deviantArt viene siendo el número del código Thumb ←ver más abajo THUMB.

Vimeo: videos que se encuentren en la página "Vimeo".
Para colocar tu video favorito de Vimeo debes colocar la palabra "vimeo" en el lugar donde corresponde y luego el número que viene al final del link del video.


Youtube: la página más popular a la hora de subir videos & que todos conocemos. Se coloca "youtube" en el sitio del nombre en el código & luego se coloca el número que aparece al final del link del video. Este es el código que puede venir mezclado con letras.



Ejemplo: Insertaré aquí el video " Sleeping With Sirens - If You Can't Hang." que está en Youtube.

<*da:embed profile="youtube" id="_UwWYtLWEZg"/>
DeviantArt lo mostrará así:






»THUMB.*

[ Este código sirve para mostrar miniaturas de las deviations.]
:thumbid-de-la-deviation:
DeviantArt lo mostrará así:
PSD 12* by iMaria-Roa

[También puedes agregar la palabra "big" al lado de "thumb" para tener una vista más grande la deviation. Solo funciona en deviations que sean imágenes. No puede hacerse con deviations de texto ni Stamps.]

:bigthumbid-de-la-deviation:
DeviantArt lo mostrará así:
PSD 12* by iMaria-Roa

[Para obtener el "id de la deviation" o "thumb" vamos a el costado inferior derecho de la deviation, justo debajo de "Details" estan "Link & "Thumb".]




»EMOTICONES.*

[Otra forma para decorar un perfil es usando Emoticons. DeviantArt tiene una lista ofcial de todos aquellos que pueden utilizar. La mayoría tienen animaciones por lo que harán más atractivo el decorado. La lista oficial de Emoticons es esta deviantART Emoticons. ]

Ejemplo 
:rose:
DeviantArt lo mostrará así: Rose 


*Con la última actualización de dA, se tiene la opcion de "Add Media". De ahí únicamente tienes que dar clic en "deviantART" (si quieres insertar la previa de una deviation), ó "Emoticons" (si quieres insertar un emoticón). Esto se debe a la facilitación de uso para miembros.





Espero que les sea de ayuda.
Por ahora esos son todos los códigos html que sé de deviantART.

¡RECUERDEN RETIRAR LOS ASTERISCOS!


»SI TIENES DUDAS COMENTA.
Hasta pronto, +favlove .


Add a Comment:
 
:iconcamila-tutoriales:
Camila-tutoriales Featured By Owner 20 hours ago  New member
ahora si  puedo .
Reply
:iconcamila-tutoriales:
Camila-tutoriales Featured By Owner 20 hours ago  New member
no me funciona osea xD <s*>no me funciona osea xD . <*/s>
Reply
:iconmaryam-kasane:
MARYAM-KASANE Featured By Owner 6 hours ago  Student Digital Artist
Tienes que quitarle la * si no, no funciona
Reply
:iconariiphinbella123:
AriiPhinbella123 Featured By Owner May 8, 2015  New member Hobbyist General Artist
AYUDA!!! no me funciona el de los videos :iconimaria-roa:!!!!
Reply
:iconpusheensam:
PusheenSam Featured By Owner Edited May 7, 2015
<s*> Khe <s*>
Reply
:iconmaryam-kasane:
MARYAM-KASANE Featured By Owner 6 hours ago  Student Digital Artist
Tienes que quitarle la * si no, no funciona
Reply
:iconalize-k:
Alize-k Featured By Owner May 3, 2015  New member Hobbyist General Artist
no me unciona lo de los nombres e iconos pero aparte de eso todo esta bien
Reply
:iconantonella-franceschi:
Antonella-Franceschi Featured By Owner Apr 29, 2015  Student Digital Artist
No me funciono lo de el video TuT 
Reply
:iconrosbery23:
Rosbery23 Featured By Owner Edited Apr 22, 2015  Student General Artist
grachias :3 Favorites Icon 3D FAV 
Reply
:iconmyworldlight:
MyWorldLight Featured By Owner Apr 21, 2015  New member Professional Artist
Como pusiste ese corazon la principio del texto
Reply
:iconmyworldlight:
MyWorldLight Featured By Owner Apr 21, 2015  New member Professional Artist
Hola Graciassssss TAMO! <3 :heart:   
Reply
:iconsol-vale-hda:
sol-vale-hda Featured By Owner Edited Apr 19, 2015
Te hamo
Reply
:iconsol-vale-hda:
sol-vale-hda Featured By Owner Apr 19, 2015
Holi y Gracias
Reply
:iconimd-slayerv2:
ImD-SlayerV2 Featured By Owner Apr 19, 2015  Student General Artist
No se pero me emocioné cuando vi el link de If You Can't Hang de SWS ._. ♥
Reply
:iconmelbeliectioner:
MelBeliectioner Featured By Owner Apr 17, 2015  Professional Interface Designer
:MelBeliectioner:
Reply
:iconilovethechocolate:
Nada me sale .-. :c y como se ponen los gif.
Los emoticones,Videos y imágenes si me salen
Reply
:iconilovethechocolate:
 <h3> Ya pude. </h3>
Reply
:iconlucinya771:
Lucinya771 Featured By Owner Apr 16, 2015
Uhhhhhmm...una prueba.......:iconidolnya:
Ñaah.... :iconchibiirose:
MOLA!!!!!
Gracisimas gracias ^^
Reply
:iconaquehoravasporelpan:
aquehoravasporelpan Featured By Owner Edited Apr 15, 2015  Hobbyist Digital Artist
» RETIRA LOS ASTERÍSCOS.
Reply
:iconaquehoravasporelpan:
aquehoravasporelpan Featured By Owner Apr 15, 2015  Hobbyist Digital Artist
:iconaquehoravasporelpan:
Reply
:iconmocho4266:
Mocho4266 Featured By Owner Apr 14, 2015  Hobbyist General Artist
<s*>Este texto tachado/rayado.<*/s>
Reply
:iconmocho4266:
Mocho4266 Featured By Owner Apr 14, 2015  Hobbyist General Artist
<s*> Este texto tachado/rayado. <*/s>
Reply
:iconzoe-starlar:
Zoe-starlar Featured By Owner Edited Apr 5, 2015  Student Digital Artist
A mi no me la de la imagen??
Reply
:iconandreathekitty2000:
AndreaTheKitty2000 Featured By Owner Apr 2, 2015
Me sirvió! Muchas gracias x3
Reply
:iconkitty-kid-fanz:
kitty-kid-fanz Featured By Owner Mar 25, 2015  Student Artist
:iconkitty-kid-fanz:

me sirve mucho gracias
Reply
:icondanilogin:
danilogin Featured By Owner Mar 22, 2015  New member
di___un___cantante___luego___tapa___tu___boca___pega___esto___en___3___comentarios___y___mira___tu___tu___voz
Reply
:iconbreakinglovee:
breakingLovee Featured By Owner Mar 21, 2015  New member Professional General Artist
di___un___cantante___luego___tapa___tu___boca___pega___esto___en___3___comentarios___y___mira___tu___tu___voz
Reply
:iconfoodlov3r:
foodlov3r Featured By Owner Apr 21, 2015  New member Hobbyist General Artist
mira tu voz(? 
no sería escucha tu voz? jajaja
Reply
:iconbreakinglovee:
breakingLovee Featured By Owner Apr 22, 2015  New member Professional General Artist
si me confundi
Reply
:iconsutadatsuto:
Sutadatsuto Featured By Owner Mar 18, 2015  Student General Artist
¡Muchas gracias!♥
Reply
:iconilovethechocolate:
como pongo un gif en mi Id?
Reply
:iconmichellemalik:
MichelleMalik Featured By Owner Mar 17, 2015   Photographer
No sé puede, al menos que pongas la imagen en la descripción del ID en gif, y no pongas imagen el el ID. 
Reply
:iconilovethechocolate:
ILoveTheChocolate Featured By Owner Apr 17, 2015
Ya Encontre Como Solo tenes que poner un link de un gif aca Mira   :    <*img src="URL de la imagen"/>     Sin asteriscos una prueba para ver si sale en los comentarios

<img src="38.media.tumblr.com/faef939612…"/>
Reply
:iconilovethechocolate:
Yo Quiero poner un gif en mi deviantID Como Ago? Alguien Que Me Diga Gracias
Reply
:iconsupersayaincat:
SuperSayainCat Featured By Owner Edited Mar 16, 2015  Hobbyist General Artist
Muchas Gracias,me sirvio de mucho. :La: in Love with :Dummy: 
Reply
:iconfergermanotta:
FerGermanotta Featured By Owner Mar 15, 2015
:iconhello1plz:
Reply
:iconyashinredose:
YashinRedose Featured By Owner Mar 10, 2015  New member
Gracias Love 
Reply
:iconmyvanillasky:
MyVanillaSky Featured By Owner Mar 10, 2015  Student Digital Artist
Holaa! tengo una duda, cuando pongo un texto modificado - con algun codigo -
y abajo agrego una imagen o algun thumb, me queda demasiado espacio en el medio :S
sabes como lo puedo solucionar?
Reply
:iconmyvanillasky:
MyVanillaSky Featured By Owner Mar 10, 2015  Student Digital Artist
Ya lo solucione ^^
Reply
:iconilovethechocolate:
ILoveTheChocolate Featured By Owner Mar 14, 2015
me explicas como porque a mi me pasa lo mismo
Reply
:iconmyvanillasky:
MyVanillaSky Featured By Owner Mar 16, 2015  Student Digital Artist
Tenes que poner los codigos al principio y fin de todo lo que escribiste, yo los iba poniendo por parrafos. ah y tampoco dejes espacios con enter, solo seguilo abajo, sino el espacio que se hace es demasiado
Reply
:iconilovethechocolate:
ILoveTheChocolate Featured By Owner Mar 16, 2015
a gracias
Reply
:icongabylovernyaa:
GabyLoverNyaa Featured By Owner Mar 9, 2015  New member
Gracias :D
Reply
Add a Comment:
 
×

:iconimaria-roa: More from iMaria-Roa


Featured in Collections

Journals by Laulets

Journals by ComereTusGalletasXD

Journals by tutorialeslali


More from DeviantArt



Details

Submitted on
January 17, 2013
Link
Thumb

Stats

Views
82,477 (4 today)
Favourites
2,490 (who?)
Comments
1,444
×