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:
 
:iconfoodlov3r:
foodlov3r Featured By Owner 2 days ago  New Deviant Hobbyist General Artist
como puedo poner un texto con cierta letra? osea, algun texto con la letra Times New Roman por ejemplo
Reply
:iconaldytutos:
AldyTutos Featured By Owner 5 days ago  New Deviant
:star: a favoritos <3
Reply
:iconprincessdesings:
PrincessDesings Featured By Owner Jun 23, 2015  Hobbyist Traditional Artist
Prueba perdón si molesto
Reply
:iconprincessdesings:
PrincessDesings Featured By Owner Jun 23, 2015  Hobbyist Traditional Artist
Hola Bienvenidos a el tutorial de códigos,tengo roto el micro Em para empezar créditos a imara-roa shii ah xd
Reply
:iconprincessdesings:
PrincessDesings Featured By Owner Edited Jun 23, 2015  Hobbyist Traditional Artist
Pasa que muchos me piden pedidos..y eso entonces copié todo el journal de esta beia chica xd y bueno empezemos 
Reply
:iconh-arib:
H-arib Featured By Owner Jun 15, 2015  Hobbyist General Artist
prueba
Reply
:iconh-arib:
H-arib Featured By Owner Jun 20, 2015  Hobbyist General Artist
prueba 2
Reply
:iconnatyarianator469:
NatyArianator469 Featured By Owner Jun 14, 2015  Professional
:( No Me Da El De Gif 
Reply
:icontutoriales04:
Tutoriales04 Featured By Owner Jun 22, 2015  Hobbyist Digital Artist
» RETIRA LOS ASTERÍSCOS. *
:D 
Reply
:iconnatyarianator469:
NatyArianator469 Featured By Owner Jun 23, 2015  Professional
Gracias 
Reply
:iconmoojoongsoo:
MooJoongSoo Featured By Owner Edited Jun 12, 2015  Hobbyist Digital Artist
ACTUALIZACION: al estar escribiendo en un journal, al insertar un thumb, ahora puedes redimensionar el tamaño de tu deviation al de tu preferencia, como si fuera una imagen, solo insertas el codigo del thumb y te aparece por si solo en el journal
Reply
:icongloboeditions:
GloboEditions Featured By Owner Jun 10, 2015  New Deviant

Reply
:icongloboeditions:
GloboEditions Featured By Owner Jun 10, 2015  New Deviant
bonitos gracias 
Reply
:icongloboeditions:
GloboEditions Featured By Owner Edited Jun 10, 2015  New Deviant
intentanto 
Reply
:icongloboeditions:
GloboEditions Featured By Owner Jun 10, 2015  New Deviant
gracias 
Reply
:icongloboeditions:
GloboEditions Featured By Owner Jun 10, 2015  New Deviant
:icongloboeditions:
Reply
:iconkuriasbitch:
KuriasBitch Featured By Owner Edited Jun 10, 2015  New Deviant
Me salvaste la vida 
Reply
:iconibeautifulgirl:
iBeautifulGirl Featured By Owner Jun 9, 2015  New Deviant
Si quieren poner videos pongas esto:  <da:embed profile="youtube"id="FVja­w1GKhrk">
Reply
:iconibeautifulgirl:
iBeautifulGirl Featured By Owner Jun 9, 2015  New Deviant
oviamente aca no aparece
Reply
:iconsammyvzzchacon:
sammyvzzchacon Featured By Owner Jun 7, 2015  Hobbyist Digital Artist
hey trato de poner un thumb pero no me deje no entiendo como funciona
Reply
:iconyouanimeoficial:
YouAnimeOficial Featured By Owner Jun 7, 2015
para poner videos se usa esto: <*video src="" controls><*/video>
quitenle los * al codigo y quedara asi:

<video src="stream.us1.younitedcontent.com…" controls></video>
Reply
:iconkeripris:
keripris Featured By Owner Jun 6, 2015  Hobbyist General Artist
muchas gracias :3
Reply
:icondlykt:
DlyKt Featured By Owner Edited Jun 5, 2015  New Deviant Hobbyist General Artist
     Gracias :heart:  
Reply
:iconmsonmyway:
MsOnMyWay Featured By Owner Jun 2, 2015  New Deviant
me podrian decir que serie es la del gif?? *----*
Reply
:iconmisterswagh1:
MisterSwagh1 Featured By Owner May 29, 2015  Student Digital Artist
No puedo poner videos :'v
Reply
:iconrosefrankarts:
RoseFrankArts Featured By Owner May 28, 2015  New Deviant Student Digital Artist
 Este texto en negrilla.    
Reply
:iconrosefrankarts:
RoseFrankArts Featured By Owner May 28, 2015  New Deviant Student Digital Artist
k
Reply
:iconrosefrankarts:
RoseFrankArts Featured By Owner May 28, 2015  New Deviant Student Digital Artist
</s>
Reply
:iconferediciones11:
FerEdiciones11 Featured By Owner May 24, 2015  New Deviant Hobbyist Interface Designer
Graicas!<3
Reply
:iconmsonmyway:
MsOnMyWay Featured By Owner May 23, 2015  New Deviant
Gracias,me podrias decir que serie es la del gif?? *----*
Reply
:iconnomeolvides114:
NoMeOlvides114 Featured By Owner May 23, 2015  New Deviant Hobbyist Interface Designer
GRACIAS ME FUNCIONO 
Reply
:iconcamila-tutoriales:
Camila-tutoriales Featured By Owner May 22, 2015
ahora si  puedo .
Reply
:iconcamila-tutoriales:
Camila-tutoriales Featured By Owner May 22, 2015
no me funciona osea xD <s*>no me funciona osea xD . <*/s>
Reply
:iconmaryam-kasane:
MARYAM-KASANE Featured By Owner May 22, 2015  Student Digital Artist
Tienes que quitarle la * si no, no funciona
Reply
:iconariiphinbella123:
AriiPhinbella123 Featured By Owner May 8, 2015  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 May 22, 2015  Student Digital Artist
Tienes que quitarle la * si no, no funciona
Reply
:iconalize-k:
Alize-k Featured By Owner May 3, 2015  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  Professional Artist
Como pusiste ese corazon la principio del texto
Reply
:iconmyworldlight:
MyWorldLight Featured By Owner Apr 21, 2015  Professional Artist
Hola Graciassssss TAMO! <3 :heart:   
Reply
:iconsol-vale-hda:
sol-vale-hda Featured By Owner Edited Apr 19, 2015
Te hamo
Reply
Add a Comment:
 
×

:iconimaria-roa: More from iMaria-Roa


Featured in Collections

Journals by Laulets

Journals by ComereTusGalletasXD

Journal by Arcaangel


More from DeviantArt



Details

Submitted on
January 17, 2013
Link
Thumb

Stats

Views
85,369 (90 today)
Favourites
2,554 (who?)
Comments
1,480
×