Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Ipb Counter-strike Special FG
Scris de DenisPasca Sam 3 Dec - 22:52
» Special Theme Extrem Tutorials
Scris de cosminelu21 Vin 2 Dec - 23:48
» Script ninsoare
Scris de JeKa123 Vin 2 Dec - 20:20
» Cerere script
Scris de SSYT Joi 1 Dec - 23:22
Cuvinte-cheie

tema  drop  animate  meniu  Statistici  Mesaje  chenar  profil  avatar  tutorial  radio  subiecte  Metin2  subforumuri  punbb  Bara  navigare  phpBB2  cautare  reclama  legenda  html  banner  edit  menu  ultimele  

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!