HOME | DD
Published: 2013-06-23 20:09:07 +0000 UTC; Views: 22523; Favourites: 509; Downloads: 0
Redirect to original
Description
body div#devskin0 hr { }
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:
➳ 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
♡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 =
- Texto 1<*/li>
- Texto 2<*/li>
- Texto 3, etc.<*/li>
<*/ol>
Se muestra: - Texto 1
- Texto 2
- Texto 3, etc.
- Texto 1<*/li>
- Texto 2<*/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:
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:
Ej: :*iconrainbowsheep2:
Y se pueden combinar:
:*iconllamaplz1::*iconllamaplz2:
:*iconllamaplz3::*iconllamaplz4:
:*iconllamaplz5::*iconllamaplz6:
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!
➳ Lista desordenada =
Related content
Comments: 112
StephanieChanel [2020-05-26 02:52:17 +0000 UTC]
👍: 0 ⏩: 0
MoonMURISAKI18 [2020-05-21 16:22:34 +0000 UTC]
👍: 0 ⏩: 0
MoonMURISAKI18 [2020-05-21 16:22:21 +0000 UTC]
👍: 0 ⏩: 0
Cattelyn [2017-12-21 19:48:21 +0000 UTC]
holaa, me gustaría saber como se puede poner en color las letras/frases. esq necesito poner un aviso en mi perfil en rojo, pero se me olvidó como hacerlos ;;w;;
👍: 0 ⏩: 0
sagitarian71 [2017-11-15 15:57:42 +0000 UTC]
se necesita ser core para que funcionen? por que a mi no hay manera de que funcione el codigo para imagenes solo se ve el codigo con la direcion de la imagen
👍: 0 ⏩: 1
melicarp123 In reply to sagitarian71 [2017-12-22 22:24:49 +0000 UTC]
Borra los asteriscos uwu
👍: 0 ⏩: 1
sagitarian71 In reply to melicarp123 [2017-12-23 09:45:49 +0000 UTC]
ni borrando los asteriscos tampoco se ven las imagenes78.media.tumblr.com/f73e2866e3… "/>
👍: 0 ⏩: 1
melicarp123 In reply to sagitarian71 [2017-12-23 22:07:57 +0000 UTC]
A lo mejor es porque lo pones separado. Tienes que ponerlo todo junto
👍: 0 ⏩: 1
sagitarian71 In reply to melicarp123 [2017-12-24 00:27:55 +0000 UTC]
que es lo que hay que poner todo junto?
👍: 0 ⏩: 1
NinaHopkins5 In reply to sagitarian71 [2018-01-10 13:53:40 +0000 UTC]
me parece que el link no lo tienes que poner entre comillas, y creo que img src va todo junto como imgscr
👍: 0 ⏩: 1
sagitarian71 In reply to NinaHopkins5 [2018-01-10 16:39:54 +0000 UTC]
👍: 0 ⏩: 1
nada tampoco es eso, se necesita ser core para que funcione no le encuentro otra explicacion
NinaHopkins5 In reply to sagitarian71 [2018-01-11 02:25:31 +0000 UTC]
No es necesario. A mi me funciona y no soy core. Intenta de distinta formas, aunque ten en cuenta que en las descripciones de las deviantions no te funcionan estos códigos, para las descripciones si hay que ser core. Pero para el resto no.
O sino intenta con otra imagen sacada de otro sitio o algo así
Si averiguo cómo se escribe bien para que salga la imagen te aviso
👍: 0 ⏩: 2
icxptear In reply to NinaHopkins5 [2018-02-06 06:06:55 +0000 UTC]
yo estoy igual, de ninguna manera me funciona. :/
👍: 0 ⏩: 0
sagitarian71 In reply to NinaHopkins5 [2018-01-11 23:28:55 +0000 UTC]
ya lo intenté de todas maneras y con otras imagenes y nada .
muchas gracias a ver si averiguas
👍: 0 ⏩: 1
NinaHopkins5 In reply to sagitarian71 [2018-01-12 07:02:56 +0000 UTC]
Intenté buscar pero en todos los tutoriales sale igual
Fíjate si sacándole la barra al final funciona
👍: 0 ⏩: 0
worldstrouble [2017-08-14 19:36:58 +0000 UTC]
¿Cómo se pone un thumb en la descripción de un deviation?
Por ejemplo, yo quiero poner este:
👍: 0 ⏩: 1
SoldMyBed In reply to worldstrouble [2017-08-16 22:40:57 +0000 UTC]
Oh, no se puede poner thumb en descripciones de una deviation :c
👍: 0 ⏩: 0
XsiempreFanCSY [2017-04-19 04:37:22 +0000 UTC]
Hola, necesito saber si se puede poner imágenes de otros sitios en la descripción del dibujo. Ya lo he intentado y sólo salen las letras como en un enlace.
En el profile se ve la imagen, pero no cuando pongo los mismos códigos en la descripción de mi dibujo.
Por favor, ayuda.
👍: 0 ⏩: 1
MORTALIX In reply to XsiempreFanCSY [2017-07-26 04:15:38 +0000 UTC]
Yo también necesito ayuda con eso!!
👍: 0 ⏩: 1
XsiempreFanCSY In reply to MORTALIX [2017-07-26 14:36:54 +0000 UTC]
Bueno, a mí me respondieron en otro tutorial, me dijeron que debo tener CORE para poder poner dibujos en la descripción de los dibujos.
👍: 0 ⏩: 1
MORTALIX In reply to XsiempreFanCSY [2017-07-27 04:23:08 +0000 UTC]
Oh, ya veo :C (ese momento en el recuerdas que eres pobre y no tienes CORE) bueno, muchas gracias! jaja
👍: 0 ⏩: 1
Giyi-Evans In reply to DessinNyz [2017-03-30 21:28:19 +0000 UTC]
El thumb funcióna con los cores. :/
👍: 0 ⏩: 0
TEOLOLO In reply to Cursorsandmore [2016-06-21 18:14:58 +0000 UTC]
igual muchas gracias no se nada de deviantart ...... gracias en serio
👍: 0 ⏩: 0
Giyi-Evans In reply to iBlapping [2017-03-30 21:29:32 +0000 UTC]
Nada más funciona con los cores.
👍: 0 ⏩: 1
| Next =>