C O D I G O S - H T M L - E N - D A

11 min read

Deviation Actions

iMaria-Roa's avatar
By
2K Comments
191K Views
creado: 17 de enero del 2013
última actualización: 03 de febrero del 2018


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. Por favor utiliza "PREVIEW" antes de. La simple razón es para evitar el SPAM.
Si quieres probar algún código hazlo en tu perfil ¡y no aquí!

Gracias a Dios dA ha venido con varias actualizaciones que facilitan el uso de los códigos por medio de opciones como el Sta.shWriter para los journals, sin embargo si lo que quieren es perzonalizar el texto de sus comentarios, deviations, cajas de ID, etc. espero les sea de ayuda.
Gracias por todos los comentarios y favoritos I love deviantART! .



» RETIRA LOS ASTERÍSCOS. *

» RETIRA LOS ASTERÍSCOS. *

» RETIRA LOS ASTERÍSCOS. *


***
Para evitar confusiones estaré agregando imágenes de cómo deben verse (escritos) los códigos HTML sin los asteriscos los cuales, reitero, deben borrar.





»CÓDIGOS BÁSICOS.

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


Icono

:iconnombre-de-usuario: 
así debería escribirse
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í:







» 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 y 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.






»FUENTES DE LETRA.

[ La fuente de letrade dA es Verdana pero este código te permite brindarle a tu texto mayor personalización por medio de más fuentes, no funciona en comentarios]

Código: <*font face="Arial">Texto en Fuente Arial
dA lo mostrará así: Texto en Fuente Arial


Código: <*font face="Arial Black">Texto en Fuente Arial Black
dA lo mostrará así: Texto en Fuente Arial Black


Código: <*font face="Arial Narrow">Texto en Fuente Arial Narrow
dA lo mostrará así:  Texto en Fuente Arial Narrow


Código: <*font face="Book Antiqua">Texto en Fuente Book Antiqua
dA lo mostrará así:  Texto en Fuente Book Antiqua


Código: <*font face="Century">Texto en Fuente Century
dA lo mostrará así: Texto en Fuente Century


Código: <*font face="Century Gothic">Texto en Fuente Century Gothic
dA lo mostrará así:  Texto en Fuente Century Gothic


Código: <*font face="Comic Sans MS">Texto en Fuente Comic Sans MS
dA lo mostrará así: Texto en Fuente Comic Sans MS


Código: <*font face="Courier">Texto en Fuente Courier
dA lo mostrará así:  Texto en Fuente Courier


Código: <*font face="Courier New">Texto en Fuente Courier New
dA lo mostrará así: Texto en Fuente Courier New


Código: <*font face="Franklin Gothic Medium">Texto en Fuente Franklin Gothic Medium
dA lo mostrará así: <*font face="Franklin Gothic Medium">Texto en Fuente Franklin Gothic Medium


Código: <*font face="Garamond">Texto en Fuente Garamond
dA lo mostrará así: Texto en Fuente Garamond


Código: <*font face="Georgia">Texto en Fuente Georgia
dA lo mostrará así: Texto en Fuente Georgia


Código: <*font face="Haettenschweller">Texto en Fuente Haettenschweller
dA lo mostrará así:   Texto en Fuente Haettenschweller


Código: <*font face="Impact">Texto en Fuente Impact
dA lo mostrará así: Texto en Fuente Impact


Código: <*font face="Lucida Console">Texto en Fuente Lucida Console
dA lo mostrará así: Texto en Fuente Lucida Console


Código: <*font face="Lucida Sans Unicode">Texto en Fuente Lucida Sans Unicode
dA lo mostrará así:  Texto en Fuente Lucida Sans Unicode


Código: <*font face="Microsoft Sans Serif">Texto en Fuente Microsoft Sans Serif
dA lo mostrará así: Texto en Fuente Microsoft Sans Serif


Código: <*font face="Monotype Corsiva">Texto en Fuente Monotype Corsiva
dA lo mostrará así:  Texto en Fuente Monotype Corsiva


Código: <*font face="MS, Reference, sans-Serif">Texto en Fuente MS, Reference, sans-Serif
dA lo mostrará así:  Texto en Fuente MS, Reference, sans-Serif


Código: <*font face="Palatino Linotype">Texto en Fuente Palatino Linotype
dA lo mostrará así:  Texto en Fuente Palatino Linotype


Código: <*font face="Sans Serif">Texto en Fuente Sans Serif
dA lo mostrará así:  Texto en Fuente Sans Serif


Código: <*font face="Serif">Texto en Fuente Serif
dA lo mostrará así:  Texto en Fuente Serif


Código: <*font face="Small fonts">Texto en Fuente Small fonts
dA lo mostrará así: Texto en Fuente Small fonts


Código: <*font face="Stencil Std">Texto en Fuente Stencil Std
dA lo mostrará así:  Texto en Fuente Stencil Std


Código: <*font face="Sylfaen">Texto en Fuente Sylfaen
dA lo mostrará así: Texto en Fuente Sylfaen


Código: <*font face="Tahoma">Texto en Fuente Tahoma
dA lo mostrará así: Texto en Fuente Tahoma


Código: <*font face="Tempus Sans ITC">Texto en Fuente Tempus Sans ITC
dA lo mostrará así:  Texto en Fuente Tempus Sans ITC


Código: <*font face="Terminal">Texto en Fuente Terminal
dA lo mostrará así:  Texto en Fuente Terminal


Código: <*font face="Times New Roman">Texto en Fuente Times New Roman
dA lo mostrará así: Texto en Fuente Times New Roman


Código: <*font face="Trebuchet MS">Texto en Fuente Trebuchet MS
dA lo mostrará así: Texto en Fuente Trebuchet MS


Código: <*font face="Verdana">Texto en Fuente Verdana
dA lo mostrará así: Texto en Fuente Verdana


Código: <*font face="Vladimir Script">Texto en Fuente Vladimir Script
dA lo mostrará así: Texto en Fuente Vladimir Script


Código: <*font face="Viner Hand ITC">Texto en Fuente Viner Hand ITC
dA lo mostrará así: Texto en Fuente Viner Hand ITC





»ALINEACIÓN DE TEXTO.

[Solo Funciona en Journals, Blogs y 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 y 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 y 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 "Nothing But Thieves - Amsterdamdesde Youtube.

<*da:embed profile="youtube" id="X2zcG3bcuMI"/>
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. ]</sub>

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


*Con la 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, 
intenten combinando múltiples códigos sólo no olviden cerrar cada uno (</>).

¡RECUERDEN RETIRAR LOS ASTERISCOS!


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


Published:
© 2013 - 2021 iMaria-Roa
Comments1980
Join the community to add your comment. Already a deviant? Log In
AlBeOrion860's avatar

Ahora con el nuevo DA, ya no se podrá tachar?

angellshy's avatar

<*font face="Monotype Corsiva">Texto en Fuente Monotype Corsiva

angellshy's avatar

<*div align="center"> Este texto centrado. <*/div>

angellshy's avatar

<*div align="center"> Este texto centrado. <*/div>

MeliSLArt's avatar

como pongo gifs en mi perfil? es solo una pregunta

NileyMapa's avatar
Gracias! Estoy satisfecha con este tutorial muy util mas que util increiblemente util!
bquincha's avatar

Hola, gracias me funcionan los que he probado

ToxicLuckyBunny's avatar
Prueba: Hi

Prueba: Hi

Prueba: Hi

Prueba: Hi
BikerMice2015's avatar

Oye ya en 2019 esto no funciona para todos o sí? No me agarra ningún código, es porque no soy CORE o algo así o qué?

Elisa-Hernandez's avatar
Hola, ninguno de los códigos me fuciona. 😭😭 ya probe varias veces y nada
L3gendSt4r's avatar

¡¡Muchas gracias bro!! Esto me servirá mucho aquí.

:D

tiuskab's avatar
take a kiss <3
AloneVera's avatar
VirtualFairy's avatar
Esto me ha servido bastante. Muchas gracias por tomarte el tiempo de hacer ésto. *Free Icon/Emote* Thank You Pusheen *Free Icon/Emote* Thank You Pusheen *Free Icon/Emote* Thank You Pusheen 
TJMDRAWS's avatar
me ayudo mucho <3

★★.> Start affecting coins to this minute. Get extra time with your family by doing errands that require which will have a pc and a web access and you may have that at your home. start raising to $9014 multi month. i have began out this movement and i've in no manner been more upbeat and now i'm granting it to you, so you can business enterprise it too. you can take a gander at it proper away here...

HERE O══════►     Jobs89.com

Joaqui-Studio's avatar
el del icono no funciona 
:iconJoaqui-Gamer: 
JaskaS-Adopts's avatar
:iconjoaqui-gamer: si lo hace (? 
: iconJoaqui-Gamer : (borra los espacios para que los puntos dobles y el texto esten juntos)
YouAreMyObsession's avatar
Flapussa's avatar
No me funciona lo de poner una desviancion en grande en mi parte del journal escribo big al lado de thumb pero se queda pequeño
diamondf's avatar
no me funciona ninguno :( 

alguna idea del por qué?
Join the community to add your comment. Already a deviant? Log In