HOME | DD
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.
--------------------------------
Este texto centrado Este texto a la derecha Este texto a la izquierda Este texto justificado Espero que les sea de ayuda.
»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 *font>
DeviantArt lo mostrará así:
Tamaño de letra 7
<*font size="6"> Texto *font>
DeviantArt lo mostrará así:
Tamaño de letra 6
<*font size="5"> Texto *font>
DeviantArt lo mostrará así:
Tamaño de letra 5
<*font size="4"> Texto *font>
DeviantArt lo mostrará así:
Tamaño de letra 4
<*font size="3"> Texto *font>
DeviantArt lo mostrará así:
Tamaño de letra 3
<*font size="2"> Texto *font>
DeviantArt lo mostrará así:
Tamaño de letra 2
<*font size="1"> Texto *font>
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:
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í:
+A la derecha = <*div align="right">Este texto a la derecha<*/div>
DeviantArt lo mostrará así:
+A la izquierda = <*div align="left">Este texto a la izquierda<*/div>
DeviantArt lo mostrará así:
+Justificado =<*div align="justify">Este texto justificado<*/div>
DeviantArt lo mostrará así:
»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 =
<*/ol>
DeviantArt lo mostrará así:
+Desordenadas =
<*/ul>
DeviantArt lo mostrará así:
»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í:
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
AikatsuFuuko13 [2016-01-10 21:10:39 +0000 UTC]
como se ponen thumbs en la descripción de la deviation?
👍: 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
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
TutosLujiLaDeYoutube [2014-05-04 18:35:37 +0000 UTC]
<*> Este texto con diferente tamaño <*/>
👍: 0 ⏩: 1
Lovatic69 [2014-04-08 01:15:18 +0000 UTC]
New Journal Entry
By iMaria-Roa DeviantArt
.____________________________________-
👍: 0 ⏩: 0