Efect autocolant in coltul forumului

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Efect autocolant in coltul forumului

Mesaj Scris de Omu la data de Mar 23 Oct - 7:34

Efect autocolant in coltul din dreapta al forumului

Acest tutorial are ca scop adăugarea unui efect autocolant în partea dreaptă sus a forumului dvs. Tutorialul este disponibil pentru toate versiunile de forum, codurile putând fi atașate indiferent de tema folosită. A face cu ochiul
Pentru o mica previzualizare: CLICK AICI

Prima parte: crearea fișierului javascript.
1. Creați un Document Text Nou ( New Document Text ) , în computerul dvs., preferabil pe Desktop.

2. În interiorul acestuia, veți adăuga:
Cod:
var esel = new Object();
esel.ad_url = escape('LINK REDIRECTIONARE');              // add your domain
esel.small_path = 'http://forumgratuit.webs.com/autocolant/esel_s.swf'; //   ---------  change to url to file
esel.small_image = escape('IMAGINE IMCA');        //   ---------  change to url to file
esel.big_path = 'http://forumgratuit.webs.com/autocolant/esel_b.swf'; //   ---------  change to url to file
esel.big_image = escape('IMAGINE MARE'); //   ---------  change to url to file
// Nu modifica nimic de sub linie ------------------------------------------------------------------------------------------------------------------------------------------------------------
esel.small_width = '100';
esel.small_height = '100';
esel.small_params = 'ico=' + esel.small_image;
esel.big_width = '650';
esel.big_height = '650';
esel.big_params = 'big=' + esel.big_image + '&ad_url=' + esel.ad_url;
function sizeup987(){
 document.getElementById('eselcornerBig').style.top = '0px';
 document.getElementById('eselcornerSmall').style.top = '-1000px';
}
function sizedown987(){
 document.getElementById("eselcornerSmall").style.top = "0px";
 document.getElementById("eselcornerBig").style.top = "-1000px";
}
esel.putObjects = function () {
document.write('<div id="eselcornerSmall" style="position:absolute;width:'+ esel.small_width +'px;height:'+ esel.small_height +'px;z-index:9999;right:0px;top:0px;">');
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write('codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="eselcornerSmallObject" width="'+esel.small_width+'" height="'+esel.small_height+'">');
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ esel.small_path +'?'+ esel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent" />');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+esel.small_params+'"/>');
document.write('<embed src="'+ esel.small_path + '?' + esel.small_params +'" name="eselcornerSmallObject" wmode="transparent" quality="high" width="'+ esel.small_width +'" height="'+ esel.small_height +'" flashvars="'+ esel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div></script>');
document.write('<div id="eselcornerBig" style="position:absolute;width:'+ esel.big_width +'px;height:'+ esel.big_height +'px;z-index:9999;right:0px;top:0px;">');
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write('codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="eselcornerBigObject" width="'+ esel.big_width +'" height="'+ esel.big_height +'">');
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ esel.big_path +'?'+ esel.big_params +'"/>');
document.write(' <param name="wmode" value="transparent"/>');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+ esel.big_params +'"/>');
document.write('<embed src="'+ esel.big_path + '?' + esel.big_params +'" id="eselcornerBigEmbed" name="eselcornerBigObject" wmode="transparent" quality="high" width="'+ esel.big_width +'" height="'+ esel.big_height +'" flashvars="'+ esel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
setTimeout('document.getElementById("eselcornerBig").style.top = "-1000px";',1000);
}
esel.putObjects();

3. Salvati fisierul cu extensia .js ( File > Save As > esel.js / Fisier > Salvare ca > esel.js )

4. Upload-ați / încărcați / urcați fisierul cu extensia .js pe un host propriu.
Site recomandat: http://webs.com/

Partea a doua: cum sa uploadezi fișiere pe Webs.

1. Înregistrare și activare mail.

2. Mergeți la Panel ( Dreapta - Sus ) > Manage File


3. Click pe Single file upload pentru selectarea fisierelor necesare pentru upload de pe Desktop ( Fișierul .js + imaginile )




4. Modificari necesare:
esel.ad_url = escape('LINK REDIRECTIONARE');              // add your domain
esel.small_path = 'http://forumgratuit.webs.com/autocolant/esel_s.swf'; //   ---------  change to url to file
esel.small_image = escape(''IMAGINE MICA');        //   ---------  change to url to file
esel.big_path = 'http://forumgratuit.webs.com/autocolant/esel_b.swf'; //   ---------  change to url to file
esel.big_image = escape(''IMAGINE MARE');
Imaginile folosite: Imagine 1, Imagine 2

Partea a treia: instalarea codului + modificarile necesare.

Exclamare Link-ul fișierului .js obținut, va fi înlocuit
Cod:
<script src="Link fisier .js"></script>
Exemplu:
Cod:
<script src="http://forumgratuit.webs.com/autocolant/esel.js"></script>

Pentru a finaliza acest tutorial și pentru a ajunge la rezultat, adaugați codul în:

  • Mesaj pe pagina de start ( Panou de administrare > Afisare > Generalități )
  • Descriere forumului ( Panou de administrare > General > Configurare > Descriere )
  • Widget ( Panou de administrare > Module > Gestiunea widget-urilor forumului > Creati un widget personalizat - Utilizați tablou tip: Nu )
  • Portal ( Panou de administrare > Module > Configurarea portalului > Creati un widget personalizat - Utilizați tablou tip: Nu )
  • Pagina HTML ( Panou de administrare > Module > Administrare pagini HTML > Creeaza o pagina noua )



   
Acest tutorial a fost scris de catre Omu.

   Copyright ˆ Forumgratuit.ro Nicio parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum