Gianni blogja

Érdekes oldalak 2

Abandonia: régi, már nem támogatott játékokat tölthettünk le. Mint például SimCity, SimFarm stb.

Baaad Movies: két srác, Sorter és BlackSheep elemeznek rosszabbnál rosszabb filmeket, de olykor feltűnik egy-két gyöngyszem is.

Flavors.me: könnyen készíthettünk egy elegáns oldalt, ahol összegyűjti az általunk megadott oldalakról az információt. Az enyém: [gianni]

Find Remix: egyszerűen kereshetünk remixet, amiket meghallgathattunk és letölthettünk - persze ingyen.

Music Tech Tutorials: ha össze akarnánk ütni valami zajt a számítógépen, itt találhatunk néhány szekvencerhez(Ableton, Cubase, FL Studio, Logic, Pro Tools, Reason, Sonar) tanító jellegű videót.

Holy Taco: naponta vicces képek, videók és persze csajok az internet legjavából.

Uncoached: szintén képek, csajok és videók.

Ten Word Wiki: ahogy a neve is mutatja egy lexikon tíz szavas magyarázatokkal.

Vintage Ad Browser: régi reklámok képeire kereshetünk rá a múlttól napjainkig.

És végül két szótár arra az esetre, ha nem értenénk, mit beszélnek ismerősink: Népszótár vagy elakadnánk az informatikai szlengben: Internetszleng.

0 megjegyzés

HTML table elemekből kép

0 megjegyzés

Megosztási ikonok egyszerűen

Hogy az oldalunk tartalmát könnyebben tudják megosztani látogatóink, érdemes megosztási ikonokat kihelyeznünk. Ezek azt szolgálják, hogy a kiválasztott közösségi oldalra beküldik a bejegyzés linkjét, amit így még több ember láthat.

Megosztási gombok

A bejegyzésünk aljába vagy tetejére - épp, ahol szimpatikus nekünk - szúrjuk be a következő sorokat, amik magát a gombokat és az eseményüket tartalmazzák:

<div class='sociable'> 
    <ul> 
        <li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='http://dl.dropbox.com/u/4121097/social/delicious.png' title='del.icio.us'/></a></li>
 <li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='http://dl.dropbox.com/u/4121097/social/digg.png' title='Digg'/></a></li>  
 <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='http://dl.dropbox.com/u/4121097/social/facebook.png' title='Facebook'/></a></li>
 <li><a expr:href='&quot;http://iwiw.hu/pages/share/share.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='iWiW' class='sociable-hovers' src='http://dl.dropbox.com/u/4121097/social/iwiw.png' title='iWiW'/></a></li> 
 <li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Reddit' class='sociable-hovers' src='http://dl.dropbox.com/u/4121097/social/reddit.png' title='Reddit'/></a></li>
 <li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='http://dl.dropbox.com/u/4121097/social/stumbleupon.png' title='StumbleUpon'/></a></li>
 <li><a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'><img alt='Technorati' class='sociable-hovers' src='http://dl.dropbox.com/u/4121097/social/technorati.png' title='Technorati'/></a></li>
 <li><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'><img alt='Twitter' class='sociable-hovers' src='http://dl.dropbox.com/u/4121097/social/twitter.png' title='Twitter'/></a></li> 
    </ul> 
</div>

Ezután a <head> után szúrjuk be a következő sort:

<link href='http://dl.dropbox.com/u/4121097/social/sociable.css' media='screen' rel='stylesheet' type='text/css'/>

Ha kész vagyunk vele, akkor úgy kell kinéznie, mint a bejegyzés alján található ikonsor.

Retweet gomb

Ez a bejegyzés jobb oldalán található számláló, amivel retweetelni tudunk és megjeleníti, hogy hányan tették ezt.

A következő sorokat illeszük a bejegyzés felső részébe:

<div style='float:right; margin-right:10px;margin-top:10px;'>
    <script type='text/javascript'>
        tweetmeme_url = &#39;<data:post.url/>&#39;;
    </script>
    <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'></script>
</div>

9 megjegyzés