Pagina 1 di 1
 
 

Messaggio Topbar

#1  sreverbe Venerdì, 04 Novembre 2011, 21:59

Ciao a tutti ragazzi,
per il mio portale IP ho creato una topbar con un piccolo javascript per incentivare i visitatori a registrarsi, ma senza nuocere ai bots, di seguito vi posto il codice:

Codice: [Download] [Nascondi]
  1. <style type="text/css"> 
  2.  
  3. #topbar{ 
  4. position:absolute; 
  5. border: 1px solid black; 
  6. padding: 5px; 
  7. background-color: white; 
  8. width: 640px; 
  9. visibility: block; 
  10. z-index: 400; 
  11.  
  12.  
  13. </style> 
  14. <script type="text/javascript"> 
  15. var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session 
  16. var startX = 320 //set x offset of bar in pixels 
  17. var startY = 250 //set y offset of bar in pixels 
  18. var verticalpos="fromtop" //enter "fromtop" or "frombottom" 
  19.  
  20. function iecompattest(){ 
  21. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body 
  22.  
  23. function get_cookie(Name) { 
  24. var search = Name + "=" 
  25. var returnvalue = ""; 
  26. if (document.cookie.length > 0) { 
  27. offset = document.cookie.indexOf(search) 
  28. if (offset != -1) { 
  29. offset += search.length 
  30. end = document.cookie.indexOf(";", offset); 
  31. if (end == -1) end = document.cookie.length; 
  32. returnvalue=unescape(document.cookie.substring(offset, end)) 
  33. return returnvalue; 
  34.  
  35. function closebar(){ 
  36. if (persistclose) 
  37. document.cookie="remainclosed=1" 
  38. document.getElementById("topbar").style.visibility="hidden" 
  39.  
  40. function staticbar(){ 
  41. barheight=document.getElementById("topbar").offsetHeight 
  42. var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; 
  43. var d = document; 
  44. function ml(id){ 
  45. var el=d.getElementById(id); 
  46. if (!persistclose || persistclose && get_cookie("remainclosed")=="") 
  47. el.style.visibility="visible" 
  48. if(d.layers)el.style=el; 
  49. el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; 
  50. el.x = startX; 
  51. if (verticalpos=="fromtop") 
  52. el.y = startY; 
  53. else{ 
  54. el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; 
  55. el.y -= startY; 
  56. return el; 
  57. window.stayTopLeft=function(){ 
  58. if (verticalpos=="fromtop"){ 
  59. var pY = ns ? pageYOffset : iecompattest().scrollTop; 
  60. ftlObj.y += (pY + startY - ftlObj.y)/8; 
  61. else{ 
  62. var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; 
  63. ftlObj.y += (pY - startY - ftlObj.y)/8; 
  64. ftlObj.sP(ftlObj.x, ftlObj.y); 
  65. setTimeout("stayTopLeft()", 10); 
  66. ftlObj = ml("topbar"); 
  67. stayTopLeft(); 
  68.  
  69. if (window.addEventListener) 
  70. window.addEventListener("load", staticbar, false) 
  71. else if (window.attachEvent) 
  72. window.attachEvent("onload", staticbar) 
  73. else if (document.getElementById) 
  74. window.onload=staticbar 
  75. </script> 
  76. <div id="topbar"style="visibility: visible; left: 240px; top: 586px;"> 
  77. <CENTER><a href="http://www.mobilesatcomunication.com/profile.php?mode=register" rel="lightbox" onClick="return true"><img src="http://www.mobilesatcomunication.com/images/simbolomsc.png" border="0" /></a></CENTER><BR> 
  78. <center>Benvenuto ospite e grazie per la tua visita !</center><BR>Se leggi questo messaggio, significa che non sei registrato. <a href="http://www.mobilesatcomunication.com/profile.php?mode=register"> Clicca qui</a> per effettuare la registrazione in pochi e semplici passaggi, potrai usufruire di tutte le funzionalità del forum. Ti ricordiamo inoltre che sono vietati nickname volgari e di passare in area New Entry per presentarti alla board. Buona permanenza.</td> 
  79. </div> 


Sicuramente le registrazioni sono incrementate, ma poi mi sono reso conto che si potrebbe fare anche meglio:
infatti mi sono reso conto che se oltre all'immagine in primo piano si riuscisse ad oscurare la parte in background (che dovrebbe in questo caso essere il forum), sarebbe veramente fantastico. Secondo la mia scarsa esperienza in IP esiste già qualcosa del genere, infatti quando si clicca su un'immagine per ingrandirla, si ottiene proprio quello che vorrei fare io con la pagina del forum.

Ecco un esempio che IP ci rende disponibile:

 04_11_2011_21_31_39

Secondo voi è possibile avere questa MOD da caricare sulla pagina forum.php e su tutti i topics solo per i visitatori ?

Grazie come sempre per il Vs supporto
 




Versione di IP: 1.3.0.54

Server: Windows
 
avatar
blank.gif sreverbe Sesso: Uomo
Visitatore
Visitatore
 
Età: 46
Registrato: Giugno 2009
Residenza: Reggio Emilia
Messaggi: 82
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Topbar

#2  TopoMotoV3X Venerdì, 04 Novembre 2011, 23:30

Dovrebbe funzionare, trova il modo di mescolare il js di Lightbox 2 a quello che stai usando, rendilo funzionante, poi inseriscilo in un blocco visibile soltanto ai visitatori.
 




Versione di IP: 1.3.0.53b

Server: Linux

____________
risolto
Guida ad Icy Phoenix
Mobile Modding Community
 
avatar
italia.png TopoMotoV3X Sesso: Uomo
Staff
Staff
AutoGatto è gay
 
Età: 45
Registrato: Agosto 2007
Residenza: Cagliari
Messaggi: 893
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Topbar

#3  sreverbe Sabato, 05 Novembre 2011, 13:23

Ci provo, se dovessi fare un bel lavoro, vi posto il risultato finale.

Grazie ancora TopoMoto




Edit:

mannaggia alla mia ignoranza sul java script    ho fatto alcuni test, ottego qualcosina ma non quello che voglio:

Codice: [Download] [Nascondi]
  1. <script type="text/javascript" src="http://mobilesatcomunication.com/templates/common/lightbox/prototype.js"></script> 
  2. <script type="text/javascript" src="http://mobilesatcomunication.com/templates/common/lightbox/scriptaculous.js?load=effects,builder"></script> 
  3. <script type="text/javascript" src="http://mobilesatcomunication.com/templates/common/lightbox/lightbox.js"></script> 
  4. <link rel="stylesheet" href="http://mobilesatcomunication.com/templates/common/lightbox/lightbox.css" type="text/css" media="screen" /> 
  5.  
  6. <style type="text/css"> 
  7.  
  8. #topbar{ 
  9. position:absolute; 
  10. border: 1px solid black; 
  11. padding: 5px; 
  12. background-color: white; 
  13. width: 640px; 
  14. visibility: block; 
  15. z-index: 400; 
  16.  
  17.  
  18. </style> 
  19. <script type="text/javascript"> 
  20. var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session 
  21. var startX = 320 //set x offset of bar in pixels 
  22. var startY = 250 //set y offset of bar in pixels 
  23. var verticalpos="fromtop" //enter "fromtop" or "frombottom" 
  24.  
  25. function iecompattest(){ 
  26. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body 
  27.  
  28. function get_cookie(Name) { 
  29. var search = Name + "=" 
  30. var returnvalue = ""; 
  31. if (document.cookie.length > 0) { 
  32. offset = document.cookie.indexOf(search) 
  33. if (offset != -1) { 
  34. offset += search.length 
  35. end = document.cookie.indexOf(";", offset); 
  36. if (end == -1) end = document.cookie.length; 
  37. returnvalue=unescape(document.cookie.substring(offset, end)) 
  38. return returnvalue; 
  39.  
  40. function closebar(){ 
  41. if (persistclose) 
  42. document.cookie="remainclosed=1" 
  43. document.getElementById("topbar").style.visibility="hidden" 
  44.  
  45. function staticbar(){ 
  46. barheight=document.getElementById("topbar").offsetHeight 
  47. var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; 
  48. var d = document; 
  49. function ml(id){ 
  50. var el=d.getElementById(id); 
  51. if (!persistclose || persistclose && get_cookie("remainclosed")=="") 
  52. el.style.visibility="visible" 
  53. if(d.layers)el.style=el; 
  54. el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; 
  55. el.x = startX; 
  56. if (verticalpos=="fromtop") 
  57. el.y = startY; 
  58. else{ 
  59. el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; 
  60. el.y -= startY; 
  61. return el; 
  62. window.stayTopLeft=function(){ 
  63. if (verticalpos=="fromtop"){ 
  64. var pY = ns ? pageYOffset : iecompattest().scrollTop; 
  65. ftlObj.y += (pY + startY - ftlObj.y)/8; 
  66. else{ 
  67. var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; 
  68. ftlObj.y += (pY - startY - ftlObj.y)/8; 
  69. ftlObj.sP(ftlObj.x, ftlObj.y); 
  70. setTimeout("stayTopLeft()", 10); 
  71. ftlObj = ml("topbar"); 
  72. stayTopLeft(); 
  73.  
  74. if (window.addEventListener) 
  75. window.addEventListener("load", staticbar, false) 
  76. else if (window.attachEvent) 
  77. window.attachEvent("onload", staticbar) 
  78. else if (document.getElementById) 
  79. window.onload=staticbar 
  80. </script> 
  81.  
  82. <div id="topbar"style="visibility: visible; left: 240px; top: 586px; "> 
  83. <CENTER><a id="a1" href="http://www.mobilesatcomunication.com/profile.php?mode=register" rel="lightbox"><img src="http://www.mobilesatcomunication.com/images/simbolomsc.png" border="0" /></a></CENTER><BR> 
  84. <center>Benvenuto ospite e grazie per la tua visita !</center><BR>Se leggi questo messaggio, significa che non sei registrato. <a href="http://www.mobilesatcomunication.com/profile.php?mode=register"> Clicca qui</a> per effettuare la registrazione in pochi e semplici passaggi, potrai usufruire di tutte le funzionalità del forum. Ti ricordiamo inoltre che sono vietati nickname volgari e di passare in area New Entry per presentarti alla board. Buona permanenza.</td> 
  85. </div> 
  86.  
  87. <script type="text/javascript"> 
  88. function addLoadEvent(func)  
  89.     var oldonload = window.onload; 
  90.     if (typeof window.onload != 'function')  
  91.     { 
  92.         window.onload = func; 
  93.     } 
  94.     else  
  95.     { 
  96.         window.onload = function()  
  97.         { 
  98.             oldonload(); 
  99.             func(); 
  100.         } 
  101.     } 
  102.      
  103. addLoadEvent(function(){ window.setTimeout(function(){$("a1").onclick();},1)});     
  104. </script> 


qualcuno mi può dare una mano ?
 




Versione di IP: 1.3.0.54

Server: Windows
 
Ultima modifica di sreverbe il Lunedì, 07 Novembre 2011, 00:08, modificato 1 volta in totale 
avatar
blank.gif sreverbe Sesso: Uomo
Visitatore
Visitatore
 
Età: 46
Registrato: Giugno 2009
Residenza: Reggio Emilia
Messaggi: 82
  • Torna in cima Vai a fondo pagina
 


NascondiQuesto argomento è stato utile?
Condividi Argomento
Segnala via email Facebook Twitter Windows Live Favorites MySpace del.icio.us Digg SlashDot google.com LinkedIn StumbleUpon Blogmarks Diigo reddit.com Blinklist co.mments.com
technorati.com DIGG ITA linkagogo.com meneame.net netscape.com newsvine.com yahoo.com Fai Informazione Ok Notizie Segnalo Bookmark IT fark.com feedmelinks.com spurl.net
Inserisci un link per questo argomento
URL
BBCode
HTML

Pagina 1 di 1
 









  

 

cron