Codigos HTML -para dA y otros sitios.-

Jun 23, 201312 min read

Deviation Actions

Published: Jun 23, 2013

21.7K Views

Códigos HTML.

Ahora dA ofrece opciones para editar los Journal en la parte superior de la pantalla, pero para el resto de los espacios

o para tener más códigos incorporados les dejo la lista de los que conozco.

Sirven tanto para cuentas premium como las que no lo son.

Si quieren probarlos, o no están seguros de que vayan a funcionar prueben con el botón "Preview" antes.

Algunos códigos sirven para otros sitios que también utilicen códigos HTML (como Tumblr), los básicos por ejemplo.

Para que funcionen.

• Deben retirar los asteriscos (*).

• No modificar nada, además de los asteriscos.

♡ CÓDIGOS BÁSICOS.
^{Funcionan en todos los sitios de deviantART: Journal, comentarios, descripciones, etc. También en otros sitios que trabajen con códigos HTML.}

➳ Ícono + usuario = (muestra el avatar) :*iconnombre-de-usuario:

Ej: :*iconCursorsandmore:
Se muestra:

Lo mismo para grupos:

:*iconnombre-del-grupo:

Ej: :*icon5SecondsOfSummer:

Se muestra:

➳ Usuario = :*devnombre-de-usuario:
Ej: :*devCursorsandmore:

Se muestra: Cursorsandmore

Igual para grupos:

:*devnombre-del-grupo:

Ej: :*dev5SecondsOfSummer:

Se muestra: 5SecondsOfSummer

➳ Negrita = <*b> Aquí va el texto en negrita. <*/b>
Se muestra: Aquí va el texto en negrita.

➳ Subrayado = <*u> Aquí va el texto subrayado. <*/u>
Se muestra: Aquí va el texto subrayado.

➳ Itálica = <*i> Aquí va el texto en itálica. <*/i>
Se muestra: Aquí va el texto en itálica.

➳ Tachado = <*s>Aquí va el texto tachado. <*/s>
Se muestra: ~~Aquí va el texto tachado.~~

➳ Texto sin formato (o como se llame) = <*tt> Aquí va el texto sin formato <*/tt>
Se muestra: Aquí va el texto sin formato

➳ Texto pequeño: = <*small> Aquí va el texto pequeño <*/small>

Se muestra: Aquí va el texto pequeño

➳ Subíndice: = <*sub> Aquí va el texto en subíndice <*/sub> (queda debajo del texto normal)
Se mustra: _{Aquí va el texto en subíndice}

➳ Superíndice: = <*sup> Aquí va el texto en superíndice <*/sup> (queda por encima del texto normal)
Se muestra: ^{Aquí va el texto en superíndice}

➳ Enlaces web = <*a href="Enlace"> Nombre del enlace. <*/a>
Ej: <*a href="mockingjaygirl.tumblr.com"> Tumblr. <*/a>
Se muestra: Tumblr.

➳ Combinando formatos: = <*b> <*u> <*i> Texto en negrita, subrayado y en itálica. <*/i> <*/u> <*/b>

Se muestra: Texto en negrita, subrayado y en itálica.

♡ TAMAÑO DE LETRA.
^{No funcionan en comentarios, los códigos <hnúmero> funcionan para la descripción de una deviantion, todos funcionan en perfiles y deviantions de literatura.}

➳ Título = <*h1> Aquí el título. <*/h1>
Se muestra:

Aquí el título

➳ Subtítulo = <*h2> Aquí el subtítulo. <*/h2>
Se muestra:

Aquí el subtítulo

➳ Subtítulo 2 = <*h3> Aquí el subtítulo. <*/h3>

Se muestra:

Aquí el subtítulo.

➳ Texto con diferente tamaño 1 = <*h4> Aquí el texto con diferente tamaño. <*/h4>
Se muestra:

Aquí el texto con diferente tamaño.

➳ Texto con diferente tamaño 2 = <*h5> Aquí el texto con diferente tamaño. <*/h5>
Se muestra:

Aquí el texto con diferente tamaño.

➳ Tamaño de fuente =
Fuente 7 = <*font size="7"> Texto con tamaño 7. </*font>
Se muestra: Texto con tamaño 7.

Fuente 6 =<*font size="6"> Texto con tamaño 6. </*font>
Se muestra: Texto con tamaño 6.

Fuente 5 =<*font size="5"> Texto con tamaño 5. </*font>
Se muestra:  Texto con tamaño 5.

Fuente 4 =<*font size="4"> Texto con tamaño 4. </*font>
Se muestra:  Texto con tamaño 4.

Fuente 3 =<*font size="3"> Texto con tamaño 3.</*font>
Se muestra:  Texto con tamaño 3.

Fuente 2 = <*font size="2"> Texto con tamaño 2.</*font>

Se muestra: Texto con tamaño 2.

Fuente 1 =<*font size="1"> Texto con tamaño 1. </*font>
Se muestra: Texto con tamaño 1.

♡ FUENTES.
^{Funciona en casi todos lados, MENOS comentarios y descripciones de deviations.}

Estos son sólo algunos ejemplos, funciona con fuentes comúnes, esas que vienen incluidas en Windows o así. Estos son algunos ejemplos; para cambiarle la fuente al texto, el código es:

<*font face="Nombre de fuente">Texto en diferente fuente<*/font>

Ejemplos:

Código: <*font face="Arial">Fuente Arial<*/font>

Muestra: Fuente Arial

Código: <*font face="Arial Black">Fuente Arial Black<*/font>

Muestra: Fuente Arial Black

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

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

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

Código: <*font face="Georgia">Fuente Georgia<*/font>

Muestra: Fuente Georgia

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

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

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

Código: <*font face="Terminal">Fuente Terminal<*/font>
Muestra: Fuente Terminal

Código: <*font face="Verdana">Fuente Verdana<*/font>
Muestra: Fuente Verdana

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

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

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

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

Código: <*font face="Century Gothic">Fuente Century Gothic<*/font>

Muestra: Fuente Century Gothic

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

Código: <*font face="Book Antiqua">Fuente Book Antiqua<*/font>

Muestra: Fuente Book Antiqua

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

Listado de algunas fuentes.

♡COMBINACIÓN FUENTE/TAMAÑO.

Código: <*font size="Tamaño de fuente" face="Nombre de fuente"> Texto aquí<*/font>

Ej: <*font size="4" face="Bold">Texto en fuente Bold, tamaño 4<*/font>

Muestra: Texto en fuente Bold, tamaño 4

➳ Para combinar varias fuentes y tamaños =

Código: <*font face="Georgia"> Texto Georgia.<*/font>,

<*font size="5" face="Constantia"> Texto Constantia en tamaño 5.<*/font>

<*font size="1" face="Segoe UI Bold Italic"> Texto Segoe UI Bold Italic en tamaño 1.<*/font>

Muestra: Texto Georgia.,

Texto Constantia en tamaño 5.

Texto Segoe UI Bold Italic en tamaño 1.

♡ALINEACIÓN DEL TEXTO.
^{No funciona en descripciones de deviantions ni comentarios; si para Journals, en perfiles, etc.}

➳ Centrado = <*div align="center">Texto centrado<*/div>
Muestra:

Texto centrado

➳ Alineación derecha = <*div align="right">Texto alineado a la derecha<*/div>
Muestra:

Texto alineado a la derecha

➳ Alineado izquierda = <*div align="left">Texto alineado a la izquierda<*/div>
Muestra:

Texto alineado a la izquierda

➳ Justificado = <*div align="justify">Texto justificado<*/div>
Muestra:

Texto justificado

♡INSERTAR CITAS (AUMENTO DE SANGRÍAS).

Código: <*blockquote> "Cita con sangría aumentada." <*/blockquote>

Muestra:

"Cita con sangría aumentada."

♡LISTAS.

➳ Lista ordenada =
<ol*>
<li*>Texto 1<*/li>
<li*>Texto 2<*/li>
<li*>Texto 3, etc.<*/li>
<*/ol>

Se muestra:

Texto 1
Texto 2
Texto 3, etc.

➳ Lista desordenada =
<ul*>
<li*>Texto 1<*/li>
<li*>Texto 2<*/li>
<li*>Texto 3, etc.<*/li>
<*/ul>

Se muestra:

Texto 1

Texto 2

Texto 3, etc.

♡IMÁGENES (URL Y THUMB)

Hasta donde sé, funcionan en todos los sitios que deviantART ofrece.

➳ Imágenes desde otros sitios o dA =
<*img src="URL de la imagen"/>

Ej: <*img src="24.media.tumblr.com/4a684ea6bb…"/>
Se muestra:

Ej: <*img src="25.media.tumblr.com/f73e2866e3…"/>

^{Para conseguir el URL de la imagen solo dan Click derecho sobre ella y luego en "Copiar URL de imagen", el enlace que se les va a copiar lo pegan reemplazando donde dice "URL de la imagen" en el código.}

➳ Thumb (incluir una deviantion en el texto) =

Muestra la preview de las deviantions (en caso que sea un pack, PSD, GIF, etc), en el caso de las imágenes, las muestra como son. En el caso de los GIF, se mostrara la preview, no la imagen con movimiento por lo que si queremos que se vea la animación debe tener el mismo GIF como preview (para que se les permita subirlo pasan su GIF a un documento de no más de 150x150 px).

:*thumbid-de-la-deviation:

Ej: :*thumb379432198:

Se muestra:

Kawaii Animated Cursors by Cursorsandmore

Para que la imagen se vea en mayor tamaño:

No funciona con textos o stamps.

:*bigthumbid-de-la-deviation:

Ej: :*bigthumb379432198:

Se muestra:

^{Para obtener el Id de la deviation" (código Thumb) vamos al lado derecho de la deviantion, casi en la parte inferior aparecen estos datos. El "Link" nos da la URL de la imagen, "Thumb" el ID, que es lo que necesitamos en este caso.}

♡VIDEOS.

<*da:embed profile="video type" id="ID del video"/>

Video Type: Nombre de la página de donde proviene el video (Youtube, otra).

ID del video: Código que aparece en el URL del video al final.

➳ deviantArt Film = Con sinceridad, no sé bien como es esto, así que investigué y me encontré con esto:

"Estos videos son aquellos que suben los miembros de la comunidad deviantartfilm. Aquí solo pueden acceder aquellos que tengan conocimientos sobre la cinematografía y la utilización de las herramientas para video en el ámbito profesional.
Para colocar tu video favorito de la Comunidad deviantartfilm debes colocar la palabra "film" como nombre del sitio del video. Luego se coloca el código del video, que en deviantArt es el código Thumb."

➳ Vimeo: videos desde Vimeo.

<*da:embed profile="Vimeo" id="ID of the video"/>

ID:

➳ Youtube: Videos desde Youtube.

<*da:embed profile="youtube" id="ID del video"/>

Tuve un problema para subir la imagen para obtener el ID desde Youtube y se marcó como spam, trataré de seguir intentándolo pero les explico mientras tanto: para obtener el ID se toman los dígitos del enlace del video que van después del signo "=". Ej: yb.com/watch?v=icXUkIfZxyg, la parte subrayada sería el ID, que es el que muestro aquí abajo:

Ej: King for a Day - Pierce The Veil feat. Kellin Quinn

<*da:embed profile="youtube" id="icXUkIfZxyg"/>

Se muestra:

♡LÍNEA SEPARADORA.

Código: <*hr>

Se muestra:

♡EMOTICONES.

Lista oficial de emoticones en dA.

Para usarlos simplemente copian y pegan el nombre del emoticón que quieran o para formarlos es:

:*Nombre-del-emoticón:

Ej: :*+fav: Se muestra:

Ej: :*rose: Se muestra:

Ej: :*la: Se muestra:

Otros íconos que se usan mucho son estas bolitas:

, etc. Para formarlas:

:*bulletcolor-de-la-bola-en-inglés:

Ej: Para hacer la roja el código sería: :*bulletred: , y se muestra

Así vamos cambiando por blue, yellow, green, black, pink, purple; en fin, hay muchas, vayan probando para ver qué les sale.

♡EMOTICONES PLZ.

Son como emoticones pero en dA son perfiles, o sea que se etiquetan igual que a un usuario con su avatar:

:*iconnombre-del-perfil-PLZ:

Ej: :*iconspongebobseesplz:

Se muestra:

Ej: :*iconrainbowsheep2:

Se muestra:

Y se pueden combinar:

:*iconllamaplz1::*iconllamaplz2:

:*iconllamaplz3::*iconllamaplz4:

:*iconllamaplz5::*iconllamaplz6:

Lista de emoticones PLZ.

Estos son los códigos que conozco, y creo que son todos, si conocen alguno más les agradecería que me lo dijeran así lo incluyo (y les doy créditos por habérmelo enseñado, claro)

Si el Journal les sirvió y no quieren olvidarse los códigos pueden guardarlos en la carpeta de favoritos de su navegador c:

Cualquier duda coméntenla y ya saben, para probar códigos antes de publicarlos den en el botón "Preview".

Esta una recopilación de códigos que tenía guardada en un documento en mi PC más otros que ya sabía, los fui tomando de diferentes lados así que no recuerdo a quién van los créditos.

Espero que les sea de utilidad

¡Saludos!