HOME | DD
Published: 2013-06-23 20:09:07 +0000 UTC; Views: 22533; 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
MaraSinner [2014-11-29 02:57:28 +0000 UTC]
Very Helpful <3
thank you so much!
this goes to fav <3
👍: 0 ⏩: 0
Teliwis [2014-09-05 17:45:26 +0000 UTC]
y para poner una imagen en un tamaño en especificio?
👍: 0 ⏩: 0
RockerGirlEditions In reply to ??? [2014-07-19 15:02:00 +0000 UTC]
👍: 0 ⏩: 0
AldanaMiranda22 In reply to ??? [2014-05-01 16:33:27 +0000 UTC]
Perfecto todo ES LO MÁS
Fuciono todo!
👍: 0 ⏩: 0
Zoi-mostache In reply to ??? [2014-03-22 19:12:48 +0000 UTC]
O.o tanta belleza me arruino los ojos ahre Okno .-.
👍: 0 ⏩: 1
KidrauhlOntario In reply to ??? [2014-02-18 10:40:38 +0000 UTC]
funciona todo, no hagas caso, eso son ellas que no lo ponen bien
👍: 0 ⏩: 2
Cursorsandmore In reply to KidrauhlOntario [2014-03-29 17:48:51 +0000 UTC]
gracias por avisarme
👍: 0 ⏩: 0
SuchAnEasyGameToPlay In reply to KidrauhlOntario [2014-02-20 01:14:01 +0000 UTC]
entonces como se hace, no hables como sí insultaran
👍: 0 ⏩: 1
KidrauhlOntario In reply to SuchAnEasyGameToPlay [2014-03-26 09:21:47 +0000 UTC]
calmate y bajame el tonito, solo dije que si que funciona solo que vosotras no lo poneis bien.
👍: 0 ⏩: 1
SuchAnEasyGameToPlay In reply to KidrauhlOntario [2014-03-27 02:41:14 +0000 UTC]
si, es que estaba enojada, perdón, ahora me salió c:
👍: 0 ⏩: 0
Cursorsandmore In reply to EdiiciionesBruss [2014-02-08 02:09:54 +0000 UTC]
hubo unas chicas diciendome lo mismo sobre las imágenes y videos, tendré que verificar que no hayan cambiado :c
👍: 0 ⏩: 1
KidrauhlOntario In reply to Cursorsandmore [2014-03-26 09:22:00 +0000 UTC]
a mi si me funciona
👍: 0 ⏩: 1
FuckyouUnicorn In reply to KidrauhlOntario [2014-05-16 19:06:34 +0000 UTC]
u.u a mi no me funciona el de thumb
👍: 0 ⏩: 0
Nightning-darck In reply to ??? [2014-01-24 16:39:44 +0000 UTC]
No me funcionan los de imagenes D:
👍: 0 ⏩: 1
Cursorsandmore In reply to Nightning-darck [2014-02-08 02:09:47 +0000 UTC]
hubo unas chicas diciendome lo mismo sobre las imágenes y videos, tendré que verificar que no hayan cambiado :c
👍: 0 ⏩: 1
CarrieCyrus In reply to ??? [2014-01-12 20:09:01 +0000 UTC]
No se que onda pero el del video no funciona en el id ni en el journal :c
👍: 0 ⏩: 1
Cursorsandmore In reply to CarrieCyrus [2014-02-08 02:09:36 +0000 UTC]
hubo unas chicas diciendome lo mismo sobre las imágenes, tendré que verificar que no hayan cambiado :c
👍: 0 ⏩: 0
MyPresenceEuphoria [2013-11-15 22:35:45 +0000 UTC]
mola pero no me funcionan los enlaces... No sé por qué, depende del comentario y eso, pero en algunos me va y en otros no
👍: 0 ⏩: 1
Cursorsandmore In reply to MyPresenceEuphoria [2013-11-30 23:31:28 +0000 UTC]
Mirá, hay algunos códigos que solo funcionan para algunas de las funciones que dA ofrece, por ejemplo las fuentes no pueden usarse en comentarios pero si en Journals. Igualmente si te acordás de algún código que hayas probado y no te funcionó podés decírmelo y vemos, o tal vez se te olvidó quitarle algún asterisco o algo mal escrito, habría que fijarse
👍: 0 ⏩: 1
MyPresenceEuphoria In reply to Cursorsandmore [2013-12-01 19:33:14 +0000 UTC]
realmente no es fuente ni nada, son los links. A la hora de escribir comentarios o descripciones de deviants, cuando pongo un link siguiendo tus instrucciones exactas (sin errores, eh) y me da error.
👍: 0 ⏩: 1
Cursorsandmore In reply to MyPresenceEuphoria [2013-12-04 19:10:00 +0000 UTC]
Proba como respuesta a este comentario, así veo qué te sale
👍: 0 ⏩: 1
MyPresenceEuphoria In reply to Cursorsandmore [2013-12-05 19:49:19 +0000 UTC]
por ejemplo, me daba problemas con estas cosas: :thumb411110870: , Enlace de prueba
ahora, por dejarme por mentirosa xD me funciona, pero otros dias por alguna razon el link se rompia y no funcionaba o aparecia distorsionado, y el thumb tampoco se veia
👍: 0 ⏩: 1
Cursorsandmore In reply to MyPresenceEuphoria [2013-12-24 01:01:23 +0000 UTC]
el thumb acá no se ve y creo que solo funciona en descripciones o journals por eso, el enlace acá anda aparece como "enlace de prueba" así que supongo que funcionó, a veces quiero usar el enlace en mis descripciones y me los marca como spam, tal vez era eso
👍: 0 ⏩: 1
MyPresenceEuphoria In reply to Cursorsandmore [2013-12-25 14:22:23 +0000 UTC]
ya me di cuenta, de todas formas gracias, ya me las apañaré
👍: 0 ⏩: 0
Shannire [2013-09-23 00:14:52 +0000 UTC]
Muy bueno, muchísimas gracias por los códigos! había un montón que no sabía ; D
👍: 0 ⏩: 1
Cursorsandmore In reply to Shannire [2013-09-28 16:20:38 +0000 UTC]
Muchas gracias c:, me alegra que ye hayan servido. Es verdad, hay muchos y de seguro un montón más que no puse pero que voy a trataar de aprenderlos
👍: 0 ⏩: 0
TwilighterRobsten [2013-06-25 19:08:18 +0000 UTC]
Santa mierda, ¿hay algo que no sepas? adjkasdk c': *w*
👍: 0 ⏩: 1
Cursorsandmore In reply to TwilighterRobsten [2013-06-26 00:24:50 +0000 UTC]
Me gusta aprender cosas c': ah
👍: 0 ⏩: 1
TwilighterRobsten In reply to Cursorsandmore [2013-07-02 03:23:27 +0000 UTC]
Ah ok c: ¿Te sentiste halagada? *-*
👍: 0 ⏩: 2
Cursorsandmore In reply to TwilighterRobsten [2013-07-02 23:15:41 +0000 UTC]
halagada*. Dios que bestia, xd.
👍: 0 ⏩: 0
Cursorsandmore In reply to TwilighterRobsten [2013-07-02 23:13:47 +0000 UTC]
KSJAKSJ siempre me haces sentir alagada :$.
👍: 0 ⏩: 1
TwilighterRobsten In reply to Cursorsandmore [2013-07-04 02:14:52 +0000 UTC]
Adshjaskdh, ¿gracias, gracias? Se sintió un sjkfdsh en mi panza :3
👍: 0 ⏩: 1
Cursorsandmore In reply to TwilighterRobsten [2013-07-04 21:20:45 +0000 UTC]
sajskjaks ay :33, sos muy tierna
👍: 0 ⏩: 1
TwilighterRobsten In reply to Cursorsandmore [2013-07-07 02:12:55 +0000 UTC]
Thanks? :333333
👍: 0 ⏩: 1
NothingLikeHer In reply to ??? [2013-06-23 20:15:50 +0000 UTC]
Darte Hijos va a ser poco, LO HICISTE POR MI :') asdasdadsfdsfgfd
👍: 0 ⏩: 1
| Next =>