Navigare rapidă

Ultimele subiecte
» Prezentare CHR
Scris de Zeus Ieri la 22:13
» CHR portofoliu
Scris de CHR Dum 8 Oct - 23:09
» Tema noua pe Extrem Tutorials
Scris de CHR Dum 8 Oct - 22:55
» Cum iti creezi propriul joc online
Scris de officialzaru Joi 5 Oct - 20:26
Cuvinte-cheie

FaceBox


TUTORIAL:


Pasul 1). Codurile JavaScript si CSS !



Cod:
<script src="http://tazyk.webs.com/FaceBox/jquery-1.2.2.pack.js" type="text/javascript"></script>
<link href="http://tazyk.webs.com/FaceBox/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://tazyk.webs.com/FaceBox/facebox.js" type="text/javascript"></script>

Cu ajutorul acestor coduri, dar si cu ajutorul altor cateva, veti putea adauga efectul FaceBox, vazut in DEMO-ul de m-ai sus!


Pasul 2). Codurile pentru afisare: !




Cod:
<p><a href="imagine.jpg" rel="facebox">Textul dorit</a></p>

sau
Cod:

<p><a href="#mydiv" rel="facebox">Texul dorit</a></p>
<div id="mydiv" style="display:none">
Continut (text, code, inframe ...)
</div>

Cu ajutorul acestor coduri de executare, FaceBox va fi afisat. Daca nu le folositi, clar ca nu va m-ai functiona FaceBox !
Codurile sunt functionabile in PAGINI HTML » 'Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.?' DA / NU , codul este functional la ambele optiuni, dar puteti pune codul si intr-un subiect

Pasul 3). Coduril de executie: !




Cod:
<script type="text/javascript">
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox()
    })
</script>

Acesta este scriptul de xexecutie principal, daca nu aveti acest cod nu va functiona deloc!

EXEMPLU:






Cod:

<p><a href="#mydiv1" rel="facebox">Pagina de tutoriale premium (iframe)</a></p>
<div id="mydiv1" style="display:none">
<iframe id="datamain" src="http://extrem-tutorials.online-talk.net/h72-previzualizare-tutoriale-premium" width="100%" height="1000" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="yes"></iframe>
 </div>


Acesta este doar un exemplu creeat de mine !


INFORMATII:




Pentru a adauga anumite coduri de afisare a href="#mydivn" trebuie sa fie egal cu div id="mydivn" , unde n este o litera o cifra



DEMONSTRATIE:




Comentariile utilizatorilor
Membru activ
la data de Mar 25 Oct - 22:34
Zeke Membru activ
Conectat
Mersi de tutorial , felicitari si tie desigur .
Membru dedicat
la data de Vin 17 Feb - 16:13
Keir Membru dedicat
Conectat
Topic mutat în secţiunea corespunzătoare!