Elxis CMS Forum

Ελληνικό Forum => Πρόσθετα => Topic started by: arvacon on December 18, 2011, 00:15:58

Title: Πως βαζεις νιφαδες χιονιου?
Post by: arvacon on December 18, 2011, 00:15:58
Πως μπορω να βαλω και γω στο site μου αυτες τις νιφαδες χιονιου που εχετε στο φορουμ και σιγοπεφτουν?
Μπορει καποιος να μου εξηγησει τα βηματα που πρεπει να ακολουθησω? Απο που το κατεβαζω το αρχειο?
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: ignis on December 18, 2011, 00:26:06
δες αυτό https://forum.elxis.org/index.php?topic=6761.msg43569;topicseen#msg43569 (https://forum.elxis.org/index.php?topic=6761.msg43569;topicseen#msg43569)

Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: arvacon on December 18, 2011, 00:31:59
Επειδη δεν ειμαι και πολυ εξπερ με αυτα, που ακριβως το βαζεις δηλαδη ή πως το καλεις?   ::)
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: ignis on December 18, 2011, 00:44:39
Quote
Επειδη δεν ειμαι και πολυ εξπερ με αυτα, που ακριβως το βαζεις δηλαδη ή πως το καλεις?

μην νομίζεις ότι και εγώ είμαι  >:(
 δεν ξέρω αν είναι και ο σωστότερος τρόπος άλλα 
βάλε το το αρχείο που ανέβασα  πριν  το </body>

και όπου
Code: [Select]
var SNOW_Picture = 'snowflake.png'; βάλε ότι image θέλεις.

[attachment deleted by admin]
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: arvacon on December 18, 2011, 00:54:07
Χμμ, αρχιζω να καταλαβαινω, αλλα δεν ξερω που εννοεις να το βαλω ομως!
Σε ποιο αρχειο πρεπει να μπει ολος αυτος ο κωδικας, σε καποιο απ' του template φανταζομαι ε?
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: ignis on December 18, 2011, 01:01:45
Στην index.php του template που χρησιμοποιείς.
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: arvacon on December 18, 2011, 01:09:03
Χμμ, ανοιξα την index.php του template μου, αλλα δε βλεπω πουθενα </body>, οποτε τι κανουμε σε αυτην την περιπτωση?

edit: ακυρο, λαθος index ειχα ανοιξει τελικα! Το βρηκα το body, ειναι στο κατω μερος της σελιδας. Θα δοκιμασω και θα δουμε.
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: ignis on December 18, 2011, 01:12:41
Ποιο template χρησιμοποιείς?

τέρμα κάτω

</body>
</html>
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: arvacon on December 18, 2011, 02:19:34
Χμμ, το kebic_elxis_internet_solution. Τα καταφερα με τον κωδικα και δουλευει, ομως δε μου εμφανιζει τις φωτο, οτι και αν δοκιμασα. Το site τρεχει ακομα σε wamp τοπικα, οποτε του δωσα τη διευθυνση 'C:\wamp\www\elxis3\templates\kebic_elxis_internet_solution\images\bg_telo.gif' για παραδειγμα, αλλα δεν εμφανιζει την εικονα, παρα κατι τετραγωνακια που δειχνουν πως δεν αναγνωριζει πως υπαρχει εικονα,ομως αυτα κινουνται κανονικα, οποτε το προβλημα ειναι πως δε βλεπει τη φωτο.
Any suggestions?
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: nikos on December 18, 2011, 02:48:10
Αντέγραψε το αρχείο της εικόνας snowflake.png στο φάκελο images της εγκατάστασής σου και την 3η γραμμή που λέει var SNOW_Picture = 'snowflake.png'; αντικατέστησε τη με αυτή

var SNOW_Picture = '<?php echo $mainframe->getCfg('live_site'); ?>/images/snowflake.png';
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: arvacon on December 18, 2011, 16:34:54
Ευχαριστω παιδια, δουλεψε τελικα με την παραπανω εντολη και με την φωτογραφια τοποθετημενη στο images της κεντρικης εγκαταστασης και οχι του template οπως λανθασμενα προσπαθουσα πριν.

Ομως αντιμετωπιζω ενα αλλο προβλημα, οι νιφαδες τρεχουν σαν τρελες, ειναι πολλες και πανε μεχρι τη μεση της σελιδας μονο. Πως τα διορθωνω αυτα?
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: rentasite on December 18, 2011, 16:55:11
Ομως αντιμετωπιζω ενα αλλο προβλημα, οι νιφαδες τρεχουν σαν τρελες, ειναι πολλες και πανε μεχρι τη μεση της σελιδας μονο.

Χιονοθύελλα χωρίς να το στρώνει!!  ;D ;D :D
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: arvacon on December 18, 2011, 16:58:13
Ομως αντιμετωπιζω ενα αλλο προβλημα, οι νιφαδες τρεχουν σαν τρελες, ειναι πολλες και πανε μεχρι τη μεση της σελιδας μονο.

Χιονοθύελλα χωρίς να το στρώνει!!  ;D ;D :D

χαχαχαχ, αστα να πανε!   :P ;D
Να καλεσω κανα grader εκχιονιστικο ή υπαρχει αλλη λυση?
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: babis1 on December 18, 2011, 21:20:18
η google προχωρησε ενα βημα παραπανω εβαλε και μηδενικη ορατοτητα μετα απο λιγο, καντε αναζητηση στην φραση let it snow και μολις παγωσει εχει defrost ρε τι παθαμε !!!!!!!!!
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: webgift on December 18, 2011, 22:29:05
Άσε... με τόσο χιόνι ... πάγωσα! ;D
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: nikos on December 19, 2011, 00:22:19
Ευχαριστω παιδια, δουλεψε τελικα με την παραπανω εντολη και με την φωτογραφια τοποθετημενη στο images της κεντρικης εγκαταστασης και οχι του template οπως λανθασμενα προσπαθουσα πριν.

Ομως αντιμετωπιζω ενα αλλο προβλημα, οι νιφαδες τρεχουν σαν τρελες, ειναι πολλες και πανε μεχρι τη μεση της σελιδας μονο. Πως τα διορθωνω αυτα?

Ο αριθμός των νιφάδων ορίζεται από την 4η γραμμή δηλ. SNOW_no = 25; (25 νιφάδες)

Ο ρυθμός πτώσης (αργά - γρήγορα) ορίζεται από την γραμμή 52 δηλ. SNOW_Time = setTimeout("SNOW_Weather()", 10); (αν αυξήσεις την τιμή από 10 σε 30 οι νιφάδες θα πέφτουν πολύ αργά και το αντίστροφο).

Άντε και καλό χιονοπόλεμο... ;D
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: arvacon on December 19, 2011, 02:33:07
Ολα οκ μεχρι εδω, αλλα για να παιξουμε χιονοπολεμο, πρεπει το χιονι να πεφτει στο εδαφος, αλλα στη δικη μου περιπτωση εξατμιζεται στη μεση της σελιδας, φτανει δηλ μεχρι τη μεση και δεν παει πιο κατω..   :-\
Μηπως υπαρχει λυση και γι' αυτο?
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: nikos on December 19, 2011, 03:15:18
Μάλλον θα φταίει το template σου και ότι αλλαγές πιθανώς έχεις κάνει, αλλά αν δεν το δω online (δωσε link) δεν μπορώ να σου πω. Για να το ελέγξεις ωστόσο δοκίμασε το και με ένα άλλο default template π.χ. το okto
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: arvacon on December 19, 2011, 17:30:30
Οντως το template φταιει. Δεν το χω online ακομα το site, οποτε οταν το βγαλω στον αερα, επειδη εχω κανει αρκετες μετατροπες, σιγουρα θα χρειαστει μια ματια απο εμπειρα ματια, μιας και στανταρ θα χω κανει τα λαθακια μου  :)
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: Dimitris Kanatas on December 14, 2013, 09:33:15
Γεια σας παιδιά!

Αυτές τις ημέρες είπα να βάλω λίγο χιόνι στο elxis 4, αλλά αντιμετωπίζω ένα προβληματάκι...


Χιόνι όμως πουθενά....

Και μια καλή σελίδα με χιόνια...  Μετάβαση (http://www.jqueryrain.com/2012/04/top-jquery-snow-falling-effect-plugin-tutorial-with-example/)

Προσθήκη:

Πολύ καλό είναι το jQuery Snow Falling plugin (http://www.jqueryrain.com/?LeiRAVGW)

Το ενεργοποίησα αλλά δημιουργεί πρόβλημα στις άλλες js εφαρμογές...

Code: [Select]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <!-- snow -->
<script src="/templates/tiara/includes/jquery.snow.js"></script> <!-- snow -->
<script> <!-- snow -->
$(document).ready( function(){
        $.fn.snow();
});
$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#0099FF' });
</script>

στο index.php του template αλλά δημιουργεί κολλήματα στα υπόλοιπα js πρόσθετα... Λύση;
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: datahell on December 14, 2013, 10:40:55
Το jquery.snow.js είναι ένα πρόσθετο του jquery, εσύ φορτώνεις το jquery 1.7.1 από την google, το Elxis όμως φορτώνει το 1.8.2. Αν φορτώσεις 2 διαφορετικές εκδόσεις του jquery ταυτόχρονα είναι πολύ πιθανόν να έχεις πρόβλημα. Για να είσαι σίγουρος φόρτωσέ το μέσω του Elxis και όχι από άλλη πηγή όπως κάνεις. Κατόπιν φόρτωσε το jquery.snow.js με το $eDoc του Elxis και τέλος εκκίνησε το script με το addDocReady του Elxis.

Συνοψίζοντας βάλε στο index.php του template σου ΠΡΙΝ να κάνεις echo οτιδήποτε (πριν το echo $eDoc->getDocType() ) αυτά:

Code: [Select]
$eDoc = eFactory::getDocument();
$eDoc->addJQuery();
$eDoc->addScriptLink($elxis->secureBase().'/diadromi/pros/jquery.snow.js');
$eDoc->addDocReady('$.fn.snow()');
$eDoc->addScript('$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: \'#0099FF\' });');

Αν το script δεν δουλεύει με την έκδοση jquery του Elxis (αυτή τη στιγμή 1.8.2) τότε είτε θα πρέπει είτε να κάνεις διορθώσεις στο script είτε να βάλεις κάποιο άλλο από την σελίδα που μας έδειξες.
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: Dimitris Kanatas on December 14, 2013, 11:29:42
Μπράβο Γιάννη,

Δούλεψε άψογα με το jquery του elxis...

Θα δοκιμάσω τις βελτιώσεις αργότερα!!!
Title: Re: Πως βαζεις νιφαδες χιονιου?
Post by: anacon on December 16, 2013, 08:08:09
Δοκιμάστε αυτό του έκανα μερικές μετατροπές στον κώδικα και δουλεύει μια χαρά

Code: [Select]
<script type="text/javascript">
 
  //Configure below to change URL path to the snow image
  var snowsrc="/images/snowflake.png"
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;
 
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("sitesas.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) { 
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://sitesas.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
    snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>

Τον κώδικα τον βάζουμε πριν το </body>

Η εικόνα ειναι gif και πρέπει να την μετατρέψετε σε png και να την ονομάσετε snowflake.png
(http://www.dynamicdrive.com/dynamicindex3/snow3.gif)