FaceBoox

Subject: FaceBoox Tue Jun 28, 2011 12:21 am

TUTORIAL:

Pasul 1). Codurile JavaScript si CSS !

Code:: <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: !

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

sau

Code:: <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: !

Code:: <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:

Code:: <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.forumotion.com/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:

[You must be registered and logged in to see this link.]

Subject: Re: FaceBoox Tue Jun 28, 2011 1:27 am

Foarte frumos tutorial.

Subject: Re: FaceBoox Tue Jun 28, 2011 2:24 am

Foarte bun tutorialul