HOME | DD

Caro-Malik — CODIGOS HTML EN DA
Published: 2013-09-20 21:25:09 +0000 UTC; Views: 2704; Favourites: 82; Downloads: 0
Redirect to original
Description body div#devskin0 hr { }

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í:   
[Tambíen funciona con grupos] 

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

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

+Subrayado = Este texto subrayado <*/u>
DeviantArt lo mostrará así: Este texto subrayado

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

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

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

+Combinando formatos de Texto: = 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: = Este texto más pequeño <*/small>
DeviantArt lo mostrará así: Este texto más pequeño

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

+Superíndice: = 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]

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

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

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

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

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


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

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

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

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

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

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

<*font size="1"> Texto
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: 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 = 

Esta es una lista ordenada<*/li>
Esta es una lista ordenada<*/li>
Esta es una lista ordenada<*/li>
<*/ol>
DeviantArt lo mostrará así:

  • Esta es una lista ordenada
  • Esta es una lista ordenada
  • Esta es una lista ordenada


  • +Desordenadas =

    Esta es una lista ordenada<*/li>
    Esta es una lista ordenada<*/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í: 



    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



    Related content
    Comments: 13

    Cioccolata-L [2016-12-05 19:25:32 +0000 UTC]

    No me funciona el de centrar el texto ;-;

    👍: 0 ⏩: 0

    AikatsuFuuko13 [2016-01-10 21:10:39 +0000 UTC]

    como se ponen thumbs en la descripción de la deviation?

    👍: 0 ⏩: 0

    shi04 [2016-01-06 12:55:46 +0000 UTC]

    Esta super

    👍: 0 ⏩: 0

    shi04 [2016-01-06 12:54:27 +0000 UTC]

    Hola :v

    👍: 0 ⏩: 0

    Hirakune [2015-05-04 05:02:47 +0000 UTC]

    Muy útil! ´ v ` me gusta mucho como se ve la letra así.

    👍: 0 ⏩: 1

    Yas-Ro In reply to Hirakune [2016-01-31 22:21:40 +0000 UTC]

    como la hiciste?

    👍: 0 ⏩: 0

    Selenator123x [2014-08-14 14:43:12 +0000 UTC]

    Disculpa una prgeunta si hice lo del video de Youtube & puse lo que dijiste & no me sale por que? QUE HICE mal D:

    👍: 0 ⏩: 0

    Selenator123x [2014-08-14 14:37:05 +0000 UTC]

    Mer sirve mucho :3 & gracias por compartir el video esta gejnial :3 me gusta como cantan :3

    👍: 0 ⏩: 0

    MICH222 [2014-05-25 17:54:03 +0000 UTC]

    esto me servira de mucho

    👍: 0 ⏩: 1

    Caro-Malik In reply to MICH222 [2014-07-02 23:22:41 +0000 UTC]

    Me Alegra

    👍: 0 ⏩: 0

    TutosLujiLaDeYoutube [2014-05-04 18:35:37 +0000 UTC]

    <*> Este texto con diferente tamaño <*/>

    👍: 0 ⏩: 1

    ILightingCat In reply to TutosLujiLaDeYoutube [2014-06-21 23:52:47 +0000 UTC]

    Sin las *

    👍: 0 ⏩: 0

    Lovatic69 [2014-04-08 01:15:18 +0000 UTC]


    New Journal Entry 
    By iMaria-Roa DeviantArt


    .____________________________________-

    👍: 0 ⏩: 0