Shop Mobile More Submit  Join Login
×

:iconimaria-roa: More from iMaria-Roa


Featured in Collections

Journals by ComereTusGalletasXD

Journals by tutorialeslali

Journals by llBloodyPawsll


More from DeviantArt



Details

Submitted on
January 17, 2013
Link
Thumb

Stats

Views
76,155 (4 today)
Favourites
2,340 (who?)
Comments
1,382
×
creado: 17 de enero del 2013
última actualización: 02 de enero del 2014  


C  Ó   D   I   G   O  S    H   T   M  L .


Estos son algunos códigos HTML básicos para usuarios de 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 y no aquí!.
Este Journal se va a mantener en constante actualización, ya que dA ha cambiado un poco desde la última actualización. Prometo estar más pendiente en este asunto.
Gracias por todos los comentarios y favoritos I love deviantART! .



» RETIRA LOS ASTERÍSCOS. *

» RETIRA LOS ASTERÍSCOS. *

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





»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.





»CITAS/AMUMENTAR SANGRÍA.

<blockquote*> "Este texto es una cita y la sangría ha aumentado." <*/blockquote>
DeviantArt lo mostrará así:
"Este texto es una cita y 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"/>
[Donde dice "URL de la imagen", para conseguirla solo deben hacer click derecho y seleccionar la opción "Copiar la ruta de la imagen" ó "Copiar dirección de la imagen", ese es el código que deben pegar.]

DeviantArt lo mostrará así:




»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 " Sleeping With Sirens - If You Can't Hang." que está en Youtube.

<*da:embed profile="youtube" id="_UwWYtLWEZg"/>
DeviantArt lo mostrará así:






»THUMB.*

[ Este código sirve para mostrar miniaturas de las deviations.]
:thumbid-de-la-deviation:
DeviantArt lo mostrará así:
PSD 12* by iMaria-Roa

[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í:
PSD 12* by iMaria-Roa

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




»EMOTICONES.*

[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 


*Con la última actualización de dA, se tiene la opcion de "Add Media". De ahí únicamente tienes que dar clic en "deviantART" (si quieres insertar la previa de una deviation), ó "Emoticons" (si quieres insertar un emoticón). Esto se debe a la facilitación de uso para miembros.





Espero que les sea de ayuda.
Por ahora esos son todos los códigos html que sé de deviantART.

¡RECUERDEN RETIRAR LOS ASTERISCOS!


»SI TIENES DUDAS COMENTA.
Hasta pronto, +favlove .


Add a Comment:
 
:iconariithagirl:
AriiThaGirl Featured By Owner 13 hours ago  New member
Me encanTho... TiiruThiitho ;'3

Muchisimas Gracias D VerDad...!!
Reply
:iconwadahh:
wadahh Featured By Owner 1 day ago  New member
GENIAAAAAAAAAAAAAAL GRACIAAAAAAAAAAAAAAAS<3
Reply
:iconizzis19:
Izzis19 Featured By Owner 2 days ago  Hobbyist Artisan Crafter
Muchas gracias me sirve de mucho !! 

Gracias :iconimaria-roa:
Reply
:iconizzis19:
Izzis19 Featured By Owner 2 days ago  Hobbyist Artisan Crafter
Muy genial gracias !!  

<img src="25.media.tumblr.com/6c4703b04f…"/>
Reply
:iconnekoyiyi14:
NekoYiyi14 Featured By Owner 3 days ago  Hobbyist Artist
no me funciona el de poner imagenes del deviant
Reply
:iconagus-kawaii:
Agus-Kawaii Featured By Owner 4 days ago  New member
718
Reply
:iconwelcomemydead:
welcomemydead Featured By Owner Feb 19, 2015  New member Student
no me funciona el de las imagenes
Reply
:iconkitty-kid-fanz:
kitty-kid-fanz Featured By Owner Feb 19, 2015  New member Student Artist
como se hace para usar iconnombre de usuario?
Reply
:iconluuumi-k:
Luuumi-k Featured By Owner Feb 17, 2015
No me funciona lo de los videos ;A;
Reply
:iconerika-diaz:
Erika-Diaz Featured By Owner Feb 18, 2015
Pon este codigo <*da:embed profile="youtube" id="_BPgEgaPk62M"/>  Sin en asterisco,depues va A youtube y el link al lado dice asi en lo ultimo dice una letras deve copiar esas letra que dicen depues de watch?v= hay sale la letras y listo :)
Se Vera Asi 

<da:embed profile="youtube" id="BPgEgaPk62M"/>  ---->Copia esto en tu muro para que veas
Reply
:iconluuumi-k:
Luuumi-k Featured By Owner Feb 18, 2015
Ahi salio xD gracias!!~♡♥
Reply
:iconerika-diaz:
Erika-Diaz Featured By Owner Feb 19, 2015
De Nadaa
Reply
:iconaiius:
Aiius Featured By Owner Feb 16, 2015
Graaacias♥
Reply
:iconnoradecipriano69:
NoraDeCipriano69 Featured By Owner Feb 14, 2015  New member
Gracias :love: 
Reply
:iconlebampinesshines:
LebamPinesShines Featured By Owner Edited Feb 10, 2015  New member Professional General Artist
:iconlebampinesshines: Gracias!!
Reply
:iconcibersirena20:
cibersirena20 Featured By Owner Feb 10, 2015  Hobbyist Artisan Crafter
me re sirvió muchas gracias!
Reply
:iconluciaalvez:
LuciaAlvez Featured By Owner Feb 4, 2015
Cuando por amor le duela el corazon, 
y una tentación le nuble la razón, 
y descubra que no existe una persona salvadora, 
la nena se hace fuerte, la nena no llora. 
Reply
:iconkiraraomg:
KiraraOmg Featured By Owner Feb 9, 2015  New member Hobbyist Artist
Amo esa canción *0*
La nena no llora c,:
Reply
:iconsashapure-d:
SashaPure-D Featured By Owner Edited Feb 3, 2015  Hobbyist Digital Artist
gracias!
Reply
:iconzoren-sales:
Zoren-Sales Featured By Owner Jan 30, 2015  New member Hobbyist General Artist
Muchas gracias *-* Me ha servido ! Te lo agradesco en verdad !
Reply
:iconanyxafernada1:
AnyxaFernada1 Featured By Owner Jan 28, 2015  Student Digital Artist
Graciaas! eres la mejor me sirvió muchísimo.
Reply
:icontutoshellow:
TutosHellow Featured By Owner Jan 27, 2015  New member Hobbyist Digital Artist
Thank You !!
Reply
:iconlxsxr:
lxsxr Featured By Owner Jan 27, 2015  New member Hobbyist General Artist
im so fancy
Reply
:iconlxsxr:
lxsxr Featured By Owner Jan 27, 2015  New member Hobbyist General Artist
</h1> i'm so fancy </h1> 

Reply
:iconlxsxr:
lxsxr Featured By Owner Jan 27, 2015  New member Hobbyist General Artist
</h1>i'm so fancy</h1> 

Reply
:iconmisaki-takumi-brid:
misaki-Takumi-brid Featured By Owner Jan 24, 2015  Hobbyist Digital Artist
Un conejito saltaba mientras los otros comían y ellos saltaban y él comía, Un conejito saltaba mientras los otros comían y ellos saltaban y él comía, Un conejito saltaba mientras los otros comían y ellos saltaban y él comía. 
Reply
:iconhappysadliife:
happysadliife Featured By Owner Jan 24, 2015
sabes como se cambia de color la letra?
Reply
:iconsoleditions123:
SolEditions123 Featured By Owner Jan 19, 2015

Reply
:iconmoon-chu:
moon-chu Featured By Owner Jan 17, 2015
ami no me funcionan los de icon y los de usuarios 
Reply
:iconteseosmile:
TeseoSmile Featured By Owner Jan 20, 2015  Hobbyist Digital Artist
:bulletblue: ¿Será porque ponés los : solo al principio? Hay que ponerlos al principio, escribís el nombre de usuario y después, pegadito los ponés de vuelta. Intentá y contame como te fué.;) (Wink) 
Reply
:iconmoon-chu:
moon-chu Featured By Owner Jan 21, 2015
gracias ya me funciono 
Reply
:iconteseosmile:
TeseoSmile Featured By Owner Jan 21, 2015  Hobbyist Digital Artist
:bulletblue: De nada Wink/Razz 
Reply
:iconmoon-chu:
moon-chu Featured By Owner Jan 17, 2015
Reply
:iconhernanfotografias:
HernanFotografias Featured By Owner Jan 17, 2015  Professional Digital Artist
Alguien podria ayudarme? No hay manera de que pueda poner los :Thumb:- nunca se muestran! Por que pasa esto???
Reply
:icontype-your-answer:
type-your-answer Featured By Owner Feb 10, 2015  Hobbyist General Artist
en los comentarios solo lo pueden usar los que tienen la pm, en los journals y demás debería funcionar
Reply
:iconhernanfotografias:
HernanFotografias Featured By Owner Feb 10, 2015  Professional Digital Artist
Muchas gracias! lamentablemente tendre que buscar la manera de ser pm jaja
Reply
:icontype-your-answer:
type-your-answer Featured By Owner Feb 10, 2015  Hobbyist General Artist
es muy triste no poder disponer de esta clase de cosas sin pagar, ciertamente u v u 
Reply
:iconhernanfotografias:
HernanFotografias Featured By Owner Feb 11, 2015  Professional Digital Artist
Es verdad!!! Todo seria mejor si pudieramos usarla ya que seria mas facil mostrar nuestros trabajos! :/
Reply
:iconjooakiiediciones:
JooakiiEdiciones Featured By Owner Jan 15, 2015  Professional Digital Artist
Gracias Por Compartir esto.... me salio todo tal y como lo dijiste gracias!!! :risa: :risa:
Reply
:iconhernanfotografias:
HernanFotografias Featured By Owner Jan 13, 2015  Professional Digital Artist
Hola, muchas gracias por compartir esto, Pero no entiendo cual es el problema con mis post, no muestran el thumb. He probado de varias maneras y nunca se muestra la imagen. Tenes idea de por que pasa eso?
Reply
:iconbycamitinistaforever:
ByCamiTinistaForever Featured By Owner Jan 13, 2015  Professional
GRACIAS
Reply
:iconskeltheproxy:
Skeltheproxy Featured By Owner Jan 13, 2015  New member Student Digital Artist
Oye, ¿ sabes cómo hacer fondos costom para ayudar a decorar mi página? no puedo parecen conseguir que funcione correctamente.
Reply
:iconaddictedtothedangerb:
AddictedtothedangerB Featured By Owner Jan 9, 2015  New member Professional Interface Designer
Reply
:iconfaded-creepy:
Faded-Creepy Featured By Owner Jan 8, 2015  New member Hobbyist General Artist
Reply
:iconfaded-creepy:
Faded-Creepy Featured By Owner Jan 8, 2015  New member Hobbyist General Artist
no entendí :c soy una foca retrasada
Reply
:iconteseosmile:
TeseoSmile Featured By Owner Jan 18, 2015  Hobbyist Digital Artist
:bulletblue: Acuerdate de cuando pones el igual, coloca estas-->"", dentro de las comillas va el link de la imagen. Inténtalo y cuéntame cómo te fuéWink/Razz 
Reply
:iconfaded-creepy:
Faded-Creepy Featured By Owner Jan 19, 2015  New member Hobbyist General Artist
Gracias, has sido de mucha ayuda ^^
Reply
:iconteseosmile:
TeseoSmile Featured By Owner Jan 20, 2015  Hobbyist Digital Artist
:bulletblue: De nada, me alegra haberte ayudado ;) (Wink) 
Reply
Add a Comment: