Bloc de Miguel Chang

Com posar un missatge flotant al bloc

Posted by admin on 17 ago 2010 0 comments

Hola, moltes vegades veiem en múltiples blocs que ens mostren missatges flotants ja sigui per subscriure, per donar-nos la benvinguda al seu blog o per alguna altra raó útil. En aquesta ocasió farem això, posarem un missatge flotant el qual es mostrés al moment que el visitant accedeix al nostre bloc. Al gra:

1. Descarreguem jQuery el qual un cop descarregat el deixem amb el nom jquery.js

2. Pugem jquery.js dins de la carpeta de l'theme que estem utilitzant.

3. Obrim el nostre arxiu header.php (el del nostre theme) i després de l'etiqueta <head> escrivim:

  <Script src = "<? Php bloginfo ('template_url');?> / Jquery.js" type = "text / javascript"> </ script>
 <script type="text/javascript">
	 jQuery (document). ready (function ($) (
	 $ (Finestra). Scroll (function () (
  		 $ ('# Message_box'). Anima't ((top: $ (finestra). ScrollTop () + "px"), (queue: false, duration: 350));
	 ));

	 $ ('# Close_message'). Click (function () (
		 $ ('# Message_box'). Anima't ((top: "+ = 15px", opacity: 0), "slow");
	 ));
		 jQuery (function () (
			 jQuery ('ul.sf-menu'). superfish ();
		 ));
	 ));
 </ Script>

4. Obrim el nostre arxiu style.css i al final posem el següent codi:

  # Message_box (
 position: absolute;
 top: 0; left: 0;
 z-index: 10;
 background: # FFC;
 padding: 5px;
 border: 1px solid # CCCCCC;
 text-align: center;
 font-weight: bold;
 width: 99%;
 )

5. Abrimons novament l'arxiu header.php i just després de l'etiqueta <head> posem:

  <div id="message_box">
     <img id="close_message" style="float:right;cursor:pointer" src="cualquierimagen.png" />
 El nostre missatge.
 </ Div>

Això és tot amics, no és molt difícil de realitzar, si tenen algun dubte o suggeriment poden comentar. Salutacions

Share |

Mostra el nombre dels teus seguidors a Twitter

Posted by admin on 17 ago 2010 0 comments

Twitter igual que Facebook han tingut gran acceptació en els darrers mesos. En aquest cas tenim una forma per posar dins del nostre bloc el nombre de seguidors a la teva Twitter.

El codi que es presenta es incrustada dins d'un witget de text.

  <? Php
 $ Twit = file_get_contents ('http://twitter.com/users/show/USERNAME.xml');
 $ Begin = '<followers_count>'; $ end = '</ followers_count>';
 $ Page = $ twit;
 $ Parts = Explode ($ begin, $ page);
 $ Page = $ parts [1];
 $ Parts = Explode ($ end, $ page);
 $ Tcount = $ parts [0];
 if ($ tcount =='') ($ tcount = '0 ';)
 echo '<div> <strong>'. $ tcount. '  </ Strong> followers </ div> ';
 ?>

Només cal reemplaçar USERNAME amb l'usuari propi i llest. Que es diverteixin.

Truc vist en WPtricks

Share |

Pack de menús css gratuïts

Posted by admin on 15 febrer 2010 0 comments

Que tal Chamaco. Bé navegant una mica per aqui i per alla em vaig trobar amb un super pack de menús en css de diversos tipus. La veritat està molt bo doncs hi ha les mostres dels menús de diverses pàgines com són les d'Adobe, MTV, Nvidia, Vimeo, etc. Val molt la pena descarregar-lo i sobretot fer una donació als programadors que ho van fer.

Poden descarregar el pack des AQUI

Share |

Manejant les dreceres de teclat amb javascript

Posted by admin on 13 febrer 2010 2 comments

Hola que tal, navegant una mica en OpenJS em vaig trobar una grandiosa i útil llibreria: Shortcut.js . Aquesta llibreria ens permet gestionar les dreceres de teclat com (Ctrl + C) o les tecles especials com les F's a les nostres aplicacions web ...

Es preguntessin alguns. ¿Perquè em serviria una llibreria com aquesta?. Fàcil, quan a vegades estem fent alguna aplicació en la qual necessitem que quan l'usuari premi aquest tecla o tal combinació de tecles mani a executar una funció predefinida. Al moment estic provant i realment està molt senzilla utilització. Ahi els va la petita explicació.

Descarreguin el shortcut.js

Vinculen dins de les etiquetes <head> l'arxiu al document on l'utilitzessin:

<script src="js/shortcuts.js" type="text/javascript"> </ script>

Ara falta ahi mateix en head definir les nostres tecles especials o combinacions de tecles:

<script type="text/javascript">
function init () (
shortcut.add ("F1", function () (
alert ("Premeu la tecla F1");
));
shortcut.add ("Ctrl + Shift + X", function () (
alert ("premer la combinació: Ctrl + Shift + X");
));
)
window.onload = init;
</ Script>