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:
 
:iconsol-vale-hda:
sol-vale-hda Featured By Owner Edited 1 day ago
Te hamo
Reply
:iconsol-vale-hda:
sol-vale-hda Featured By Owner 1 day ago
Holi y Gracias
Reply
:iconimd-slayerv2:
ImD-SlayerV2 Featured By Owner 2 days ago  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 3 days ago  New member Professional Interface Designer
:MelBeliectioner:
Reply
:iconilovethechocolate:
ILoveTheChocolate Featured By Owner Edited 3 days ago  New member
Nada me sale .-. :c y como se ponen los gif.
Los emoticones,Videos y imágenes si me salen
Reply
:iconilovethechocolate:
ILoveTheChocolate Featured By Owner Edited 3 days ago  New member
 <h3> Ya pude. </h3>
Reply
:iconlucinya771:
Lucinya771 Featured By Owner 5 days ago  New member
Uhhhhhmm...una prueba.......:iconidolnya:
Ñaah.... :iconchibiirose:
MOLA!!!!!
Gracisimas gracias ^^
Reply
:iconaquehoravasporelpan:
aquehoravasporelpan Featured By Owner Edited 6 days ago  Hobbyist Artist
» RETIRA LOS ASTERÍSCOS.
Reply
:iconaquehoravasporelpan:
aquehoravasporelpan Featured By Owner 6 days ago  Hobbyist 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  New member 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
:iconsutadatsuto:
Sutadatsuto Featured By Owner Mar 18, 2015  Student General Artist
¡Muchas gracias!♥
Reply
:iconilovethechocolate:
ILoveTheChocolate Featured By Owner Edited Mar 16, 2015  New member
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 3 days ago  New member
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:
ILoveTheChocolate Featured By Owner Edited Mar 16, 2015  New member
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  New member 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  New member
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  New member
a gracias
Reply
:icongabylovernyaa:
GabyLoverNyaa Featured By Owner Mar 9, 2015  New member
Gracias :D
Reply
:iconglazuz:
glazuz Featured By Owner Edited Mar 7, 2015  Hobbyist Digital Artist
:iconglazuz: 
Gracias me sirvio :D
Reply
:iconariithagirl:
AriiThaGirl Featured By Owner Feb 28, 2015  New member
Me encanTho... TiiruThiitho ;'3

Muchisimas Gracias D VerDad...!!
Reply
:iconwadahh:
wadahh Featured By Owner Feb 27, 2015  New member
GENIAAAAAAAAAAAAAAL GRACIAAAAAAAAAAAAAAAS<3
Reply
:iconizzis19:
Izzis19 Featured By Owner Feb 26, 2015  Hobbyist General Artist
Muchas gracias me sirve de mucho !! 

Gracias :iconimaria-roa:
Reply
:iconizzis19:
Izzis19 Featured By Owner Feb 26, 2015  Hobbyist General Artist
Muy genial gracias !!  

<img src="25.media.tumblr.com/6c4703b04f…"/>
Reply
:iconnekoyiyi14:
NekoYiyi14 Featured By Owner Feb 26, 2015  Hobbyist Artist
no me funciona el de poner imagenes del deviant
Reply
:iconagus-kawaii:
Agus-Kawaii Featured By Owner Feb 24, 2015
718
Reply
:iconwelcomemydead:
welcomemydead Featured By Owner Feb 19, 2015
no me funciona el de las imagenes
Reply
:iconkitty-kid-fanz:
kitty-kid-fanz Featured By Owner Feb 19, 2015  New member Student Artist
como se hace para usar iconnombre de usuario?
Reply
:iconblazemicxhigan:
blazemicxhigan Featured By Owner Apr 11, 2015  Student Digital Artist
:icon"kitty-kid-fanz": sacale las comillas y procua segir al pie de la letra el nombre con mayusculas minuscilas y simbolos
Reply
:iconkitty-kid-fanz:
kitty-kid-fanz Featured By Owner Apr 11, 2015  New member Student Artist
gracias
Reply
:iconluuumi-k:
Luuumi-k Featured By Owner Feb 17, 2015
No me funciona lo de los videos ;A;
Reply
:iconerika-diaz:
Erika-Diaz Featured By Owner Feb 18, 2015
Pon este codigo <*da:embed profile="youtube" id="_BPgEgaPk62M"/>  Sin en asterisco,depues va A youtube y el link al lado dice asi en lo ultimo dice una letras deve copiar esas letra que dicen depues de watch?v= hay sale la letras y listo :)
Se Vera Asi 

<da:embed profile="youtube" id="BPgEgaPk62M"/>  ---->Copia esto en tu muro para que veas
Reply
Add a Comment:
 
×

:iconimaria-roa: More from iMaria-Roa


Featured in Collections

Journals by LiaTheHedgewolf

Journals by ComereTusGalletasXD

Journal by Arcaangel


More from DeviantArt



Details

Submitted on
January 17, 2013
Link
Thumb

Stats

Views
80,355 (41 today)
Favourites
2,439 (who?)
Comments
1,429
×