deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour
×

×
New Journal Entry
By iMaria-Roa DeviantArt


C Ó D I G O S - H T M L .
Estos son algunos códigos HTML Básicos para Usuarios con & sin Membresía en 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 & no aquí!.

» 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 & en cursiva <*/i> <*/u> <*/b>
DeviantArt lo mostrará así: Este texto en negrilla, subrayado & 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



<*font size="7"> Texto </*font>
DeviantArt lo mostrará así:
Tamaño de letra 7

<*font size="6"> Texto </*font>
DeviantArt lo mostrará así:
Tamaño de letra 6

<*font size="5"> Texto </*font>
DeviantArt lo mostrará así:
Tamaño de letra 5

<*font size="4"> Texto </*font>
DeviantArt lo mostrará así:
Tamaño de letra 4

<*font size="3"> Texto </*font>
DeviantArt lo mostrará así:
Tamaño de letra 3

<*font size="2"> Texto </*font>
DeviantArt lo mostrará así:
Tamaño de letra 2

<*font size="1"> Texto </*font>
DeviantArt lo mostrará así:
Tamaño de letra 1


»FUENTES DE TEXTO.
[NO funciona en comentarios & descripciones de Deviations.]

Código: <*font face="Lucida Sans Unicode">Texto en Fuente Lucida Sans Unicode<*/font>
Muestra: Texto en Fuente Lucida Sans Unicode

Código: <*font face="Modern">Texto en Fuente Modern<*/font>
Muestra: Texto en Fuente Modern

Código: <*font face="MS, Reference, sans-Serif">Texto en Fuente MS, Reference, sans-Serif<*/font>
Muestra: Texto en Fuente MS, Reference, sans-Serif

Código: <*font face="Small fonts">Texto en Fuente Small fonts<*/font>
Muestra: Texto en Fuente Small fonts

Código: <*font face="Stencil Std">Texto en Fuente Stencil Std<*/font>
Muestra: Texto en Fuente Stencil Std

Código: <*font face="Tahoma">Texto en Fuente Tahoma<*/font>
Muestra: Texto en Fuente Tahoma

Código: <*font face="Tempus Sans ITC">Texto en Fuente Tempus Sans ITC<*/font>
Muestra: Texto en Fuente Tempus Sans ITC

Código: <f*ont face="Terminal">Texto en Fuente Terminal<*/font>
Muestra: Texto en Fuente Terminal

Código: <*font face="Times New Roman">Texto en Fuente Times New Roman<*/font>
Muestra: Texto en Fuente Times New Roman

Código: <*font face="Trebuchet MS">Texto en Fuente Trebuchet MS<*/font>
Muestra: Texto en Fuente Trebuchet MS

Código: <*font face="Vladimir Script">Texto en Fuente Vladimir Script<*/font>
Muestra: Texto en Fuente Vladimir Script

Código: <*font face="Viner Hand ITC">Texto en Fuente Viner Hand ITC<*/font>
Muestra: Texto en Fuente Viner Hand ITC

Código: <*font face="Skinny">Texto en Fuente Skinny<*/font>
Muestra: Texto en Fuente Skinny

Para usar estos códigos debes cambiar el tipo de letra que aparece encerrado entre comillas con el nombre de la fuente que prefieras, yo hice un especia de lista para que veas como varía(; Para los casos del tamaño de texto, deben reemplazar la numeración por aquella que les parezca apropiada & legible, el texto demostrativo es el texto que irá con la fuente elegida por el usuario, no debes olvidar cerrar las etiquetas HTML para que la modificación dé resultados al publicarla & así poder incluso combinar varios tipos de letra como se muestra a continuación:

Código: <*font face="Arial">Este Texto en Fuente Arial<*/font>,
<*font size="6" face="Book Antiqua">Este otro Texto en Fuente Book Antiqua y tamaño de letra 6<*/font>
<*font face="Century Gothic">Y este Texto en Fuente Century Gothic<*/font>

Muestra: Este Texto en Fuente Arial,
Este otro Texto en Fuente Book Antiqua y tamaño de letra 6
Y este Texto en Fuente Century Gothic




»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


+Justificado =<*div align="justify">Este texto justificado<*/div>
DeviantArt lo mostrará así:
Este texto justificado



»CITAS/AMUMENTAR SANGRÍA.
<*blockquote> "Este texto es una cita & la sangría ha aumentado" <*/blockquote>
DeviantArt lo mostrará así:
"Este texto es una cita & 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"/>
DeviantArt lo mostrará así:

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


»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 Super Junior-M_Break down que está en Youtube.
<*da:embed profile="youtube" id="e_Nz8t3vNo8"/>
DeviantArt lo mostrará así:



»THUMB.
[ Este código sirve para mostrar miniaturas de las deviations.]
:*thumbid-de-la-deviation:
DeviantArt lo mostrará así:


[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í:


[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".]



»EMOTICONS.
[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:




Espero que les sea de ayuda.
Por ahora esos son todos los códigos html que sé de deviantART.
¡RECUERDEN RETIRAR LOS ASTERISCOS!
parece que ni leyeran :l xd


»SI TIENES DUDAS COMENTA.
¡Adiós!:rose:
  • Mood: Adoration

8,427

358 200 0

Details

Stats

Submitted on
January 17
Views
8,427 (64 today)
Favourites
358 (who?)
Comments
200
URL
Thumb
Only verified accounts can report policy violations. Please check your email and click on the verification link.
* Required field
Add a Comment:
 
:iconiloveyoufuckingme:
<a href [link]<*/a>
Reply
:iconaryediciones1:
~AryEdiciones1 3 days ago  Professional Traditional Artist
:clap: thanks
Reply
:iconludmiladossantosrego:
gracias whatch ya ah una cosita mas biste que aveces ponene puntos de colores como los hacen me podrias decir xfas
Reply
:iconjustinimiley87:
Estan geniales... me sirvieron demasiado :squee:
Reply
:iconkokalamasmejor:
~kokalamasmejor 6 days ago  New member Hobbyist
Kokalamasmejor
Reply
:iconkokalamasmejor:
~kokalamasmejor 6 days ago  New member Hobbyist
:iconkokalamasmejor:
Reply
:iconpametutoriales:
~PameTutoriales 5 days ago  New member
Me podes ayudar en eso? yo no eh podido :'(
Reply
:iconkokalamasmejor:
~kokalamasmejor 6 days ago  New member Hobbyist
:iconchicaconswag:
Reply
:iconkokalamasmejor:
~kokalamasmejor 6 days ago  New member Hobbyist
:icon~kokalamasmejor:
Reply
:iconkokalamasmejor:
~kokalamasmejor 6 days ago  New member Hobbyist
textos
Reply
Add a Comment: