BBCODE Basico

BBCODE Basico

Hace mucho tiempo no publicaba algo, y es que han pasado muchas cosas, pero siempre regreso a esto, que es la programación.
les dejare los códigos mas básicos de BBCODE que es un lenguaje muy muy sencillo.

Que es BBCODE?
BBCode por sus siglas en ingles  Bulletin Board Code  es uno de los lenguajes mas ligeros utilizados para embellecer nuestro texto mayor mente utilizado en foros y correos.

Alineación de texto

Codigo	Traduccion	Ejemplo
[left]Hola [/left]	Alineación a la izquierda	Hola
[center]Hola [/center]	Alineación al centro	Hola
[right]Hola [/right]	Alineación a la derecha	Hola
[justify]Hola [/justify]	Justifica un parrafo	Hola

Apariencia del texto

Codigo	Traduccion	Ejemplo
[b]Hola [/b]	Negrita	Hola
[u]Hola [/u]	Subrayado	Hola
[i]Hola [/i]	Italica	Hola
[s]Hola [/s]	Tachado	Hola

Molang images

     

♥ 
em... iba a poner los creditos y cerre la pagina y ahora no la encuentro T_T, de quien sean las imagenes pues no me peguen XD 

Acelera el loading

Lazy loading

Bueno este codigo sirve para acelerar la carga del blog, es decir el loading, es tan simple como copiar el codigo antes de </head> y eso es todo

No sobrecarguen su blog, por que entonces el script no funcionara del todo bien^^ 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js' type='text/javascript'/> <script src='http://www.fileden.com/files/2008/8/27/2067942//jquery.lazyload.txt' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function($){ jQuery(".post img").lazyload({ effect:"fadeIn", }); }); </script>

♥

Efecto lapiz escribiendo

Lapiz escribiendo

Bueno, de nuevo, aca les dejo un lindisimo efecto que es un lapiz escribiendo un texto como si uds lo estuvieran escribiendo a mano, espero les guste. Aqui les dejo un ejemplo

La vie est comme un jeu de cartes dans lequel vous avez de bonnes cartes et de mauvaises cartes. Parfois, vous n'avez pas les cartes que vous auriez aimé avoir, mais la ligne de fond n'est pas le nombre de cartes ou comment avoir de bonnes cartes à certains moments de la vie, mais comment vous le savez ces cartes en jeu ces certains moments.

Contadores para tu web

Contadores

Holaaa bueno aqui les dejo unos bonitos contadores que encontre en una pagina y aqui les dejo algunos, solo deben copiar el codigo y pegarlo en el lugar donde quieran que aparezca.

<a href="http://www.contadorvisitasgratis.com" target="_Blank" title="contador de visitas">contador de visitas</a><br> <script type="text/javascript" src="http://counter6.statcounterfree.com/private/counter.js?c=c7feec2ca39d4b86de52eff13e4d2739"></script>

<a href="http://www.contadorvisitasgratis.com" target="_Blank" title="contador web">contador web</a><br> <script type="text/javascript" src="http://counter6.statcounterfree.com/private/counter.js?c=76af5c8fc979fd9504cbbd8c9ca6475a"></script>

<a href="http://www.contadorvisitasgratis.com" target="_Blank" title="contador de visitas">contador de visitas</a><br> <script type="text/javascript" src="http://counter6.statcounterfree.com/private/counter.js?c=ee234eef969c48b4efbb8413050554ae"></script>

Apagar luces

Apagar las luces [Efecto]

 Hola, bueno en esta ocacion les dejare este efecto que es un muy buen efecto para cuando ponemos videos en nuestro blog y queramos que al verlo se apaguen las luces, es decir, que se ponga todo en negro menos el video, pues ahorita les enseñare como hacerlo muy sencillo. Aca les dejo el ejemplo de como debe de quedar.

apagar luz

luz suave

encender luz

Codebox`s seleccion automatica

Codebox`s Seleccion automatica

Holaaaaaa!! aqui les traigo algunas cajitas para poner sus codigos con la seleccion automatica, si uds ponen el cursor ensima de alguna se selecciona todo el texto y solo deben presionar Crtl+c para copiarlo, espero les gusten.

TU TEXTO

<textarea cols="9" onfocus="this.select()" onmouseover="this.focus()" rows="1" style="background: url("https://c2.staticflickr.com/4/3066/5779415397_10b4100a85.jpg") repeat scroll 0% 0% rgb(255, 255, 255); border: 2px solid #C0A8DE; color: #8904b1; font-family: verdana; font-size: 10px; height: 70px; width: 262px;">TU TEXTO 

TU TEXTO

<textarea cols="9" onfocus="this.select()" onmouseover="this.focus()" rows="1" style="background: url("http://data1.whicdn.com/images/79936141/original.jpg") repeat scroll 0% 0% rgb(255, 255, 255); border: 2px dashed rgb(255, 204, 204); color: #bbbbbb; font-family: verdana; font-size: 10px; height: 70px; width: 262px;">TU TEXTO

Codebox

 Codebox`s

Holaaaaaa!! bueno, aqui les dejo unas sencillas cajas para sus codigos espero les gusten, solo deben copiar y pegar el codigo que esta dentro de cada una de las cajas, por ahora les dejo unas sencillas, ya con el tiempo las ire haciendo mas detalladas, solo deben colocar su texto o codigo en donde se indica.

<textarea cols="14" rows="2" style="background: #2CCEE0; border-radius: 15px; border: 1px solid #2CCEE0; color: white; height: 67px; padding: 5px; width: 519px;">AQUI VA TU CODIGO O LO QUE QUIERAS PONER </div>

<textarea cols="14" rows="2" style="background: #FE9C98; border-radius: 15px; border: 1px solid #FE9C98; color: white; height: 67px; padding: 5px; width: 519px;">AQUI VA TU CODIGO O LO QUE QUIERAS PONER </div>

<textarea cols="14" rows="2" style="background: #FEEB98; border-radius: 15px; border: 1px solid #FEE887; color: white; height: 67px; padding: 5px; width: 519px;">AQUI VA TU CODIGO O LO QUE QUIERAS PONER </div>

 

Instalando fonts

Fonts en tus entradas

Bueno les enseñare como instalar fonts en un post o entrada es muy sencillo y lo primero que haremos seremos tomar nuestro codigo [Que esta en el codebox] y  haremos lo siguiente:

Para colocar una font unicamente en una entrada debemos copiar nuestro codigo dependiendo la letra que queremos, colocarlo hasta arriba de nuestra hoja [En edicion HTML],  pegaremos el siguiente codigo en font family va el nombre de la font que quieren y eso es todo asi debera quedar

<div style=" font-family: 'Josefin Sans'; "> Texto que quieran </div>

y eso es todosi tienes dudas pregunten.

Josefin Sans

<link href="http://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" type="text/css"></link>

Indie Flower

<link href="http://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet" type="text/css"></link>

Florar & vintage Backgrounds

Florar & vintage Backgrounds

 Espero que les gusten, son colores oscuros y algunos claros, pero igual la imaginacion hace maravillas con cualquier cosa que nos pongan.

Cute backgrounds

Cute Backgrounds

Unos bonitos backgrounds para su pagina, despues les traire mas pero por el momento les dejo estos.

Cursores con efecto

Efecto al mover el cursor

Hola! Aquí les dejo unos efectos para su cursor, que cuando lo muevan el efecto tirara flores o estrellas dependiendo el que le pongan, la instalación es muy fácil ya sea si usan blog , foro o web, explicare las maneras de ponerlo en cualquiera de estos.

Blog:

Es bastante sencillo, únicamente irán a Plantilla> Editar HTML  

y presionando crtl+ F [Deben presionarlo dentro del codebox, si no, no funciona] buscaran Head y pegaran su script debajo de este.

Foro:

En algunos foros como FA,FG,CF  u otros hay varias maneras de instalar este tipo de cursores, una es metiendolo directamente en un widget y la otra es  pegándolo en la descripción de nuestro foro.

Web:

si es una web html simplemente pegalo después de tu baliza head, si es una web creada desde un sitio busca en donde se encuentra el html y si no lo encuentras busca un widget o gadget y pegalo ahí, el código no interfiere en nada.

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/0/7/32/parts.js"></script>

<script type="text/javascript" src="http://blogparts.giffy.me/0120/parts.js"></script>