Static FBML

css, facebook, layout html, Learn CSS, Learn HTML, pagina facebook, static FBML

Astazi ne vom ocupa de aranjarea unei pagini pe Facebook. Nu am sa incep cu povesti despre cum sa faceti o pagina pe Facebook ci am sa va explic direct cum puteti scoate in evidenta acea pagina.

Aplicatia de care aveti nevoie se numeste Static FBML. Aceasta aplicatie va permite sa inserati cod HTML in pagina voastra.

Este foarte simplu, nu trebuie decat sa urcati pe un server imaginile pe care vreti sa le afisati si fisierul .css.

Sa vedem cateva elemente de baza care vor face pagina mai interactiva.

<fb:visible-to-connection>
Va multumim pentru LIKE!
<fb:else>
Apasati LIKE! daca va place pagina noastra.
</fb:else>
</fb:visible-to-connection>

Folosind fb:visible-to-connection putem afisa un mesaj care va fi vizibil doar celor care au dat deja like. Pentru a indemna vizitatorii sa devina fani, puteti folosi fb:else pentru a afisa un mesaj vizibil doar acestora. In exemplul de mai sus am afisat un simplu text dar voi puteti insera si imagini (care sa aiba latimea maxima de 520px).

Un alt lucru folositor pe care il aduce aplicatia este repartizarea pe tab-uri. Nu trebuie sa folositi Javascript pentru a genera tab-urile, totul se face automat.

<a href="#" clicktoshow="nav1" clicktohide="nav2">TAB 1</a>
<a href="#" clicktoshow="nav2" clicktohide="nav1">TAB 2</a>

<div id="nav1">
</div>
<div id="nav2">
</div>

Folosind clicktoshow si clicktohide puteti jongla printre elementele din pagina.

Este foarte important ca tot codul .css sa fie extern pentru ca altfel Internet Explorer nu il ia in considerare! Se putea sa nu fie mai cu mot? :)

<link ref="stylesheet" type="text/css" href="http://url/style.css" />

Veti vedea ca, desi voi faceti modificari in CSS, acestea nu vor fi afisate in aplicatia Static FBML. Pentru a reactualiza fisierul din cache, este necesar sa faceti o mica modificare:

<link ref="stylesheet" type="text/css" href="http://url/style.css?ver=1.0" />

Unde 1.0 poate avea orice valoare diferita de cea precedenta.

Cam acestea ar fi elementele importante… puteti gasi mai multe informatii despre cum sa aranjati o pagina web (lucru aplicabil si in cazul Facebook) aici.

P.S.: Puteti vedea cele de mai sus in practica pe pagina noastra de Facebook – http://www.facebook.com/mozkuNet.

Ti-a placut articolul Static FBML?

Ai nevoie de rezolvarea unei probleme la informatica?

Iti recomandam si urmatoarele articole:

• Simple CSS Menu
• Google Font API