Códigos HTML útiles en LiveJournal : slilypotter

slilypotter

Códigos HTML útiles en LiveJournal

May 11, 2011 17:08

Hola f-list!

¿No están hartos que a la hora de hacer una entrada en nuestro diario el Rich Text lo descompone todo? ¿No están cansado de que a pesar de amar el HTML siempre da flojerita estar tecleando de memoria cada línea de código?

Pues, como tengo mucho tiempo libre (entiéndase: mucha tarea por hacer y no me da la gana hacerla), y además quería tener las etiquetas html más usadas en LJ a la mano y dejar de pelearme con que si escribo 'img scr' en lugar de 'src', pues realicé esta pequeña o no tanto guía de códigos html más usados dentro de LiveJournal. según yop

Para hacer uso del lenguaje HTML dentro de LiveJournal es necesario cambiar el formato de escritura de Texto enriquecido (Rich Text) a HTML al momento de realizar una nueva entrada. [VER CÓMO]. Si aún no estas familiarizado con HTML, recomiendo ver esta sencilla guía para conocer como funciona este lenguaje.

INSERTAR UN LINK:

Un enlace, vínculo o link es una porción de texto o imágenes en un sitio web en el que al hacer clic sobre él se tiene acceso a otra página web, ya sea dentro del mismo sitio web o externo a este. [FAQ.67]

TEXTO
Ejemplo:
Caspian ❤ Susan @ LJ

[código]:
EL TEXTO QUE APARECERÁ COMO EL LINK

IMAGEN
Ejemplo:

[código]:

⇑ Menú ⇑

INSERTAR UNA IMAGEN:

Puedes utilizar HTML para añadir imágenes a tus entradas, tu perfil o tus comentarios. Cualquier imagen que quieras usar debes subirla primero a un servidor de imagenes web (como Photobucket) que permita cargarlas posteriormente a LiveJournal. [FAQ.6]

Ejemplo:

[código]:

⇑ Menú ⇑

INSERTAR UNA IMAGEN CON VISUALIZACIÓN PREVIA:

Es altamente recomendable que imágenes mayores de 400px de ancho sean colocadas tras un link o en la modalidad de visualización previa, es decir, que al hacer clic sobre ella se mostrará la imagen en su tamaño original en una nueva ventana.

Ejemplo:

[código]:

⇑ Menú ⇑

INSERTAR UN LJ-CUT:

Un LJ-CUT permite esconder tu entrada, o una porción de ella, detrás de un vínculo. La parte que escondas usando el LJ-CUT no se verá en la página principal de tu diario ni en la página de "amigos". La entrada se podrá ver completa una ves que des clic sobre el link del cut. Usar los LJ-CUT es un gesto de cortesía hacia tus amigos, ya que ayuda a mantener una visualización limpia y ordenada. [FAQ.75] [+Ver tutorial por choco_roulette]

Ejemplo:
( Así luce un LJ-CUT )

[código]:

CONTENIDO OCULTO DE LA ENTRADA

⇑ Menú ⇑

INSERTAR UN LJ-CUT FALSO:

Se le conocen como "fake cut" o "cut falso" a aquellos links que se colocan en las comunidades y que al dar clic sobre ellos se accede a una entrada particular en el LiveJournal personal de quién realizó la entrada. Un "cut falso" es en realidad un link entre paréntesis con el formato de un LJ-CUT.

Ejemplo:
( Este es un falso cut: Guia de ratings )

[código]:
( TITULO DEL FALSO CUT )

⇑ Menú ⇑

INSERTAR CUENTAS LJ:

Puedes crear un enlace a cualquier cuenta de LiveJournal: un usuario, una comunidad, etc. [FAQ.67]

USUARIO
Ejemplo:
slilypotter
COMUNIDAD
Ejemplo:
suspian_esp

[código]:

⇑ Menú ⇑

INSERTAR UN BLOQUE DE CITA:

Utilizada para dar formato con sangría a una línea de texto, o párrafo, y diferenciarla del resto de la entrada. Normalmente para hacer referencia a una cita textual.

Ejemplo:
“Desearía que hubiéramos tenido más tiempo juntos.”
“No hubiera funcionado de todas formas.”
“¿Por qué no?
“Porque soy 1300 años mayor que tú.”

[códigos]:

TU CITA

⇑ Menú ⇑

INSERTAR UN ÁREA DE CÓDIGO:

Campos de texto en dónde se puede colocar texto formateado en HTML, CSS u otro lenguaje informático sin tomar efecto en la página. En LiveJournal es usado principalmente para compartir códigos de estilos para personalizar journals, o códigos HTML listos para agregar mediante copy/paste a tu propia entrada. (cómo se ha hecho a lo largo de esta guía)

Ejemplo:
Puedes colocar aquí tus códigos CSS o HTML sin que surgan efecto. Ejemplo: agregamos negritas a este texto, pero dicha propiedad no se visualiza mientras permanezcamos en el área de texto.

[código]:

TU CÓDIGO</textarea*> <br /> <br /><br /> <a href="http://#menu">⇑ Menú ⇑</a> <br /><br /> </a>DAR FORMATO AL TEXTO: <br /><br /> El texto de una entrada puede ser editado de muchas formas, aquí te presentamos las más usuales. Ten en cuenta que no todas las etiquetas las soportan todo los navegadores, en ese caso, tu texto se verá sin presentar cambio alguno. <a class="external" href="http://platea.pntic.mec.es/~abercian/guiahtml/formatos.htm">[Aprende más sobre el formato de texto]</a> <br /><br /> Ejemplo:<br />Negrita <br /><br /> [código]:<br /><b>AQUI TU TEXTO EN NEGRITA</b><br />Ejemplo:<br />Italica <br /><br /> [código]:<br /><i>AQUI TU TEXTO EN ITALICA</i><br />Ejemplo:<br />Subrayado <br /><br /> [código]:<br /><U>AQUI TU TEXTO SUBRAYADO</U><br />Ejemplo:<br />Tachado <br /><br /> [código]:<br /><s>AQUI TU TEXTO TACHADO</s><br />Ejemplo:<br />Destello <br /><br /> [código]:<br /><blink>AQUI TU TEXTO EN DESTELLO</blink><br />Ejemplo:<br />Marquesina <br /><br /> [código]:<br /><marquee>AQUI TU TEXTO EN MARQUESINA</marquee><br /> <a href="http://#menu">⇑ Menú ⇑</a> <br /><br /> </a>INSERTAR UNA LISTA: <br /><br /> Una lista es un párrafo estructurado que contiene una serie de elementos. La listas pueden ser: <br /><br /> LISTA NO ORDENADA<br />Ejemplo:<ul>    <li>Caspian X</li>    <li>Susan Pevensie</li></ul> <br /><br /> [código]:<br /><ul>    <li>ELEMENTO #1</li>    <li>ELEMENTO #2</li><br /></ul> <br /><br /> LISTA ORDENADA<br />Ejemplo:<ol>    <li>Peter Pevesie</li>    <li>Susan Pevensie</li>    <li>Edmund Pevesie</li>    <li>Lucy Pevesie</li></ol> <br /><br /> [código]:<br /><ol>    <li>ELEMENTO #1</li>    <li>ELEMENTO #2</li><br /></ol> <br /><br /> LISTA DE DEFINICIÓN<br />Ejemplo:<br />    Calormen<br />    Es un enorme imperio al sur del reino de Archenland. La mayoría del país es de clima semi-árido; El Gran Desierto se encuentra al norte del país y la dificultad de cruzarlo ha evitado que los agresivos gobernantes de Calormen invadan Archenland y Narnia por siglos.<br />    Archenland<br />    Es un reino ubicado al sur de Narnia. Su frontera norte esta formada por montañas y al sur se ubica el río Flecha Sinuosa. Su capital es el castillo localizado en Anvard, que permite el paso a Narnia. <br /><br /> [código]:<br /><dl><br />    <dt>TERMINO #1</dt><br />    <dd>DEFINICIÓN #1</dd><br />    <dt>TERMINO #2</dt><br />    <dd>DEFINICIÓN #2</dd><br /><br /></dl> <br /><br /> <a href="http://#menu">⇑ Menú ⇑</a> <br /><br /> ¡Ah, por cierto! inicialmente esto fue pensado para una comunidad que estoy desarrollando, así que perdonarán todas las referencias suspian =*^.^*=
        </div>
    
    
        <p class="item-tags">
            
                <a href="http://m.livejournal.com/read/user/slilypotter/tag/!utilidades en lj">!utilidades en lj</a>, 
            
                <a href="http://m.livejournal.com/read/user/slilypotter/tag/!projects">!projects</a>
            
        </p>
    
</div>
            <div
  class=
    "
    ljsale
    ljsale--empty
    
    "

lj0sale="adfox_mobile_content_1"

></div>
            <div class="b-more-button">
                <a class="b-more-button-inner" href="/login?back_uri=http://m.livejournal.com/read/user/slilypotter/22405/comments/reply#comments">Leave a comment</a></p>
            </div>
        
    </div>
    
        <div class="b-more-button"><a class="b-more-button-inner" href="http://m.livejournal.com/read/user/slilypotter/22405/comments#comments">Read comments 18</a></div>
    
</div>
<div class="paging">
    <table cellspacing="0" cellpadding="0">
        <tbody>
            <tr>
                <td class="paging-prev">
                    
                    <a href="http://m.livejournal.com/read/user/slilypotter/22087">Previous post</a>
                    
                </td>
                <td class="paging-next">
                    
                    <a href="http://m.livejournal.com/read/user/slilypotter/22922">Next post</a>
                    
                </td>
            </tr>
        </tbody>
    </table>
</div>

<div class="to-top">
    <a href="#to-top">
        Up
    </a>
</div>
<div class="footer">
	<div
  class=
    "
    ljsale
    ljsale--empty
    
    "

lj0sale="adfox_mobile_footer"

></div>
	<div class="footer-content">

<table class="footer-layout">
    <tr>
        
            <td>
                <a class="footer-menu-item footer-menu-index" href="//m.livejournal.com/">
                    <span class="footer-menu-item-title">Homepage</span>
                </a>
            </td>
        
        <td>
            <a class="footer-menu-item footer-menu-read" href="//m.livejournal.com/read">
                <span class="footer-menu-item-title">Read journal...</span>
            </a>
        </td>
        <td>
            <a class="footer-menu-item footer-menu-full" href="https://slilypotter.livejournal.com/22405.html?fullversion=yes">
                <span class="footer-menu-item-title">Full version</span>
            </a>
        </td>
        <td>
            <a class="footer-menu-item footer-menu-help" href="//m.livejournal.com/help">
                <span class="footer-menu-item-title">Help</span>
            </a>
        </td>
        <td>
            
                <a class="footer-menu-item footer-menu-eng" href="//www.livejournal.com/tools/setlang.bml?lang=ru&returnto=//m.livejournal.com/read/user/slilypotter/22405">
                    <span class="footer-menu-item-title">Русская версия</span>
                </a>
            
        </td>
    </tr>
</table>

<div class="footer-counters">
			
                
                <script language="JavaScript" type="text/javascript">
                    (new Image()).src = '//www.tns-counter.ru/V13a***R>' + document.referrer.replace(/\*/g,'%2a') + '*sup_ru/ru/CP1251/tmsec=lj_mob/678225';
                </script>
                <noscript>
                    <img src="//www.tns-counter.ru/V13a****sup_ru/ru/CP1251/tmsec=lj_mob/678225" width="1" height="1" alt="" />
                </noscript>

(function (d, w, c) {

(w[c] = w[c] || []).push(function() {

try {

w.yaCounter27737346 = new Ya.Metrika({id:27737346,

clickmap:true,

trackLinks:true,

accurateTrackBounce:true});

} catch(e) { }

});

var n = d.getElementsByTagName("script")[0],

s = d.createElement("script"),

f = function () { n.parentNode.insertBefore(s, n); };

s.type = "text/javascript";

s.async = true;

s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js";

if (w.opera == "[object Opera]") {

d.addEventListener("DOMContentLoaded", f, false);

} else { f(); }

})(document, window, "yandex_metrika_callbacks");

</script>

</div>
	</div>
	<div class="footer-copy b-strip">© 1999-2024 LiveJournal, Inc.</div>
</div>

		</div>
	</body>
</html>