Πειτε μου την γνωμη σας για το μενου

Redshift · 13 Φεβρουαρίου 2013

λοιπον με εχεις καταυποχρεωσει,δεν δουλευει αλλα ευχαριστω πολυ που βοηθας

ο κωδικας στο <head>

<script src='http://dl.dropbox.com/u/47365411/jquery-1.9.1.min.js'>
</script>
<script src='http://dl.dropbox.com/u/47365411/jquery.hoverIntent.minified.js'>
</script>

 
<script type='text/javascript'>
$(document).ready(function(){
$("#panel").hide();
$("#flip", this).hoverIntent(function () { 
    $("#panel", this).slideDown("fast");
}, function() {
    $("#panel", this).slideUp("fast"); 
});
}); // close document.ready


</script>

 
<style type='text/css'> 
#panel,#flip
{
text-align:center;
}
#panel
{
display:none;
}
</style>

και το μενου ως blogger widget

<script src="http://dl.dropbox.com/u/47365411/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_effectShake(targetElement)
{
	Spry.Effect.DoShake(targetElement);
}
</script>


<div id="sticky-anchor"></div>
<div id="sticky">


<div id="flip"><div style="cursor: pointer; cursor: hand;"><img src="http://4.bp.blogspot.com/--VF65vjq9qg/URlJSLrUsCI/AAAAAAAACrc/daqlBA64TOo/s1600/menu2.png" /></div>
<div id="panel">

<center>

<a href="http://nefelisdreams.blogspot.com/search/label/Παιχνίδια" target="_self" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('paixn','','http://4.bp.blogspot.com/-jn687s_QcbI/URVbsCceP2I/AAAAAAAACjA/ffKgb427nyI/s1600/PAIXNIDIA.png',0)"><img src="http://1.bp.blogspot.com/-diDwkc9KZwI/URamXqAY4uI/AAAAAAAACmk/Dgp-fPPjVL0/s1600/PAIXNIDIA-3.png"  title="Παιχνίδια" name="paixn" width="100" height="100" border="0" id="paixn" onclick="MM_effectShake('paixn')" /></a>

<a href="http://nefelisdreams.blogspot.gr/2011/06/blog-post_01.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mus','','http://3.bp.blogspot.com/-w4sqSe-m3vo/URVbrSxMaNI/AAAAAAAACis/qnruyHpmTlg/s1600/MOUSIKH.png',0)"><img src="http://1.bp.blogspot.com/-6l01ROWgGMU/URVbrXDYpmI/AAAAAAAACiw/k1H1VCkmVfs/s1600/MOUSIKH-2.png"  title="Μουσική" name="mus" width="100" height="100" border="0" id="mus" onclick="MM_effectShake('mus')" /></a>

<a href="http://nefelisdreams.blogspot.com/search/label/Παραμύθια" target="_self" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('par','','http://2.bp.blogspot.com/-xag_-OyG6H0/URVbs7-SUsI/AAAAAAAACi8/e1kOA6g6e0U/s1600/PARAMYTHIA.png',0)"><img src="http://1.bp.blogspot.com/-QJ13Vs4I1qY/URarclbshaI/AAAAAAAACnM/zvE8HFaw494/s1600/PARAMYTHIA-3.png"  title="Παραμύθια" name="par" width="100" height="100" border="0" id="par" onclick="MM_effectShake('par')" /></a>

<a href="http://nefelisdreams.blogspot.com/search/label/Ζωγραφική" target="_self" onclick="MM_effectShake('Zograf')" onmouseover="MM_swapImage('Zograf','','http://1.bp.blogspot.com/-YBFyEDF_AxQ/URVbtGynSvI/AAAAAAAACjQ/l1s0I2XWRhk/s1600/ZOGRAFIKI.png',0)" onmouseout="MM_swapImgRestore()"><img src="http://3.bp.blogspot.com/-siBs8MY0Ek0/URauSeh0e4I/AAAAAAAACnk/PDGWzEuux-Q/s1600/ZOGRAFIKI-3.png"  title="Ζωγραφική" name="Zograf" width="100" height="100" border="0" id="Zograf" /></a>

<a href="http://nefelisdreams.blogspot.com/search/label/Καρτούνς" target="_self" onclick="MM_effectShake('kart')" onmouseover="MM_swapImage('kart','','http://1.bp.blogspot.com/-AC2BBCtIf7Y/URVbowuj7aI/AAAAAAAACiM/TEY8EXYp-bs/s1600/CARTOONS.png',0)" onmouseout="MM_swapImgRestore()"><img src="http://3.bp.blogspot.com/-VF5gTqlQDmc/URasuw9imYI/AAAAAAAACnU/2tfgcT-DjhM/s1600/CARTOONS-3.png"  title="Καρτούνς" name="kart" width="100" height="100" border="0" id="kart" /></a>

<a href="http://nefelisdreams.blogspot.com/search/label/Διάφορα" target="_self" onclick="MM_effectShake('diaf')" onmouseover="MM_swapImage('diaf','','http://1.bp.blogspot.com/-wxlri7W1PUc/URVbpr-GDZI/AAAAAAAACiU/-LIDGgag-sE/s1600/DIAFORA.png',0)" onmouseout="MM_swapImgRestore()"><img src="http://2.bp.blogspot.com/-GoChAjbohSk/URate_Q6xsI/AAAAAAAACnc/x7ODdCXpO1E/s1600/DIAFORA-3.png"  title="Διάφορα" name="diaf" width="100" height="100" border="0" id="diaf" /></a>

<a href="http://nefelisdreams.blogspot.gr/search/label/Κατασκευές" target="_self" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kat','','http://1.bp.blogspot.com/-tWNCjPG4x4k/URVbqC4pe_I/AAAAAAAACio/20kAexjeUps/s1600/KATASKEYES.png',0)"><img src="http://2.bp.blogspot.com/-yfJnELUwogg/URaxA1SpuOI/AAAAAAAACns/6v-a8t1BXbw/s1600/KATASKEYES-2.png"  title="Κατασκευές" name="kat" width="100" height="100" border="0" id="kat" onclick="MM_effectShake('kat')" /></a>

<a href="http://nefelisdreams.blogspot.com/2011/01/blog-post_5022.html" target="_self" onclick="MM_effectShake('leyk')" onmouseover="MM_swapImage('leyk','','http://4.bp.blogspot.com/-HJW__8Kezaw/URVbq5iShpI/AAAAAAAACik/c7Ad-vyMGAg/s1600/LEYKOMA.png',0)" onmouseout="MM_swapImgRestore()"><img src="http://4.bp.blogspot.com/-No0Te63WbQc/URaSuYG8eKI/AAAAAAAACmE/71JKSlt1qyc/s1600/LEYKOMA-3.png"  title="Λεύκωμα" name="leyk" width="100" height="100" border="0" id="leyk" /></a>

</center>


</div>

</div>

<div>
<style>
#sticky {
  background: rgb(248, 236, 236) transparent; /* default fallback */
 background: rgba(248, 236, 236, 0.7); /* nice browsers */
  -moz-border-radius: 4ex;
  -webkit-border-radius: 4ex;
  border-radius: 4ex;
  width: 845px;
    }
#sticky.stick {
  -moz-border-radius: 2 2 2em 2em;
  -webkit-border-radius: 2 2 2em 2em;
  border-radius: 2 2 2em 2em;
  position: fixed;
  top: 0;
  z-index: 100000;
  }
</style>
</div>

<script src="https://dl.dropbox.com/u/47365411/jsapi"></script>

<script type="text/javascript">


function sticky_relocate() {
  var window_top = $(window).scrollTop();
  var div_top = $('#sticky-anchor').offset().top;
  if (window_top > div_top)
    $('#sticky').addClass('stick')
  else
    $('#sticky').removeClass('stick');
  }
  $(function() {
  $(window).scroll(sticky_relocate);
  sticky_relocate();
  });
</script></div>

οταν δοκιμαζω τον κωδικα σου εδω δουλευει οποτε κατι πρεπει να αλλαξω εγω

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle

SlackulatoR · 13 Φεβρουαρίου 2013

Δουλεύει κανονικά το menu, δες το και πάρε τον κώδικα από εδώ:

http://jsfiddle.net/t2ZMZ/

Στο blog σου δεν δουλεύει;

Redshift · 13 Φεβρουαρίου 2013

το εχω βαλει ακριβως οπως το ειπες με μονες αλλαγες τα λινκ των api στο dropbox γιατι δεν εχω χωρο στο blogspot οπως καταλαβαινεις

οχι δεν δουλευει κ δεν μπορω να καταλαβω γιατι

υποπτευομαι οτι φταιει η πλατφορμα του blogspot

τον κωδικα του μενου τον βαζω αναγκαστικα ως blogger gadget

δες το τεστ

http://testnefeli.blogspot.gr/

SlackulatoR · 13 Φεβρουαρίου 2013

Αυτό πρέπει να φταίει, βγάλε το display:none από το css του #panel, χρησιμοποιήσαμε την .hide() στην javascript για την ίδια δουλειά.

Επίσης μπορείς να αρχίσεις να σβήνεις τα υπόλοιπα scripts στο test blog μήπως υπάρχει conflict. Μπορεί όμως να είναι και θέμα του blogspot όπως είπες.

Και κάτι ακόμη που μπορείς να κάνεις είναι να φτιάξεις ένα νέο blogspot και να βάλεις το menu μόνο να δεις αν δουλεύει.

Redshift · 13 Φεβρουαρίου 2013

EDIT

οκ εκανα ενα Test2 και δουλευει μια χαρα,πρεπει να βρω τι φταιει στα δικα μου

ευχαριστω παρα παρα παρα πολυ Slack ,να εισαι καλα φιλε

http://testnefeli2.blogspot.gr/

ok φταιει το back to top που εχω

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >

/*********************************************** 
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) 
* Modified by www.MyBloggerTricks.com 
* This notice MUST stay intact for legal use 
* Visit Project Page at http://www.dynamicdrive.com for full source code 
***********************************************/

var scrolltotop={ 
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control 
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). 
    setting: {startline:300, scrollto: 0, scrollduration:500, fadeduration:[500, 100]}, 
    controlHTML: '<img src="http://1.bp.blogspot.com/-ws-G-fAWms4/URV3-zirrKI/AAAAAAAACkw/bbCkie991I0/s1600/back-to-top.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:0, offsety:50}, //offset of control relative to left/ bottom of window corner 
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){ 
        if (!this.cssfixedsupport) //if control is positioned using JavaScript 
            this.$control.css({opacity:0}) //hide control immediately after clicking it 
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) 
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists 
            dest=jQuery('#'+dest).offset().top 
        else 
            dest=0 
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration); 
    },

    keepfixed:function(){ 
        var $window=jQuery(window) 
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx 
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety 
        this.$control.css({left:controlx+'px', top:controly+'px'}) 
    },

    togglecontrol:function(){ 
        var scrolltop=jQuery(window).scrollTop() 
        if (!this.cssfixedsupport) 
            this.keepfixed() 
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false 
        if (this.state.shouldvisible && !this.state.isvisible){ 
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) 
            this.state.isvisible=true 
        } 
        else if (this.state.shouldvisible==false && this.state.isvisible){ 
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) 
            this.state.isvisible=false 
        } 
    }, 
    
    init:function(){ 
        jQuery(document).ready(function($){ 
            var mainobj=scrolltotop 
            var iebrws=document.all 
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode 
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') 
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') 
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) 
                .attr({title:'Πάνω στην αρχή της σελίδας'}) 
                .click(function(){mainobj.scrollup(); return false}) 
                .appendTo('body') 
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text 
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text 
            mainobj.togglecontrol() 
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ 
                mainobj.scrollup() 
                return false 
            }) 
            $(window).bind('scroll resize', function(e){ 
                mainobj.togglecontrol() 
            }) 
        }) 
    } 
}

scrolltotop.init()

</script>

SlackulatoR · 13 Φεβρουαρίου 2013

Εγώ χρησιμοποιώ αυτό στο site μου, πολύ απλό με jquery, δοκίμασε το:

<script type="text/javascript">
jQuery(document).ready(function($) {
$("#top").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
});
});
</script>

Redshift · 13 Φεβρουαρίου 2013

το βελακι πως φορτωνει?

το εβαλα κ ως gadget κ κατω απο τον κωδικα του μενου στο head αλλα δεν βλεπω βελακι

ps σου εκλεψα το background της σελιδας για wallpaper τελειο ειναι

SlackulatoR · 13 Φεβρουαρίου 2013

Το βελάκι εικόνα είναι, π.χ

<div class="arrow"><a href="index.html#top" id="top">
<img src="images/arrow.png" alt="" border="0"/></a>
</div>

Redshift · 13 Φεβρουαρίου 2013

δεν ειμαι developer καταλαβαινεις,τσαλαβουταω απο εδω κ απο εκει χωρις γνωσεις μαθαινοντας οσα χρειαζομαι στην πορεια

να εισαι κ παλι καλα Slack

χαααχαχαχχα τωρα δεν μου δουλευει το τοπ

jQuery(document).ready(function($) {

$("#top").click(function(event){

event.preventDefault();

$('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);

});

</script>

</div>

SlackulatoR · 13 Φεβρουαρίου 2013

Με συγχωρείς κάνε το έτσι:

<script type="text/javascript"> jQuery(document).ready(function($) { $(".top").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); }); }); </script> <div><a href="index.html#top" class="top"> <img src="http://1.bp.blogspot.com/-ws-G-fAWms4/URV3-zirrKI/AAAAAAAACkw/bbCkie991I0/s1600/back-to-top.png" alt="" border="0"/></a> </div>

Redshift · 13 Φεβρουαρίου 2013

τσου,ουτε με τον κωδικα σου ουτε ετσι

<script type="text/javascript"> jQuery(document).ready(function($) { $(".top").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); }); }); </script> <div><a href="testnefeli.blogspot.gr#top" class="top"> <img src="http://1.bp.blogspot.com/-ws-G-fAWms4/URV3-zirrKI/AAAAAAAACkw/bbCkie991I0/s1600/back-to-top.png" alt="" border="0"/></a> </div>

SlackulatoR · 13 Φεβρουαρίου 2013

Λάθος μου, ακριβώς μετά από το <body> πρέπει να έχεις ένα anchor:

Redshift · 13 Φεβρουαρίου 2013

οκ εφτιαξε,ευχαριστω πολυυυυυυυυυυυυυυυυυυυυυυυυυυυυυυυυυυυυυυ

Redshift · 14 Φεβρουαρίου 2013

λοιπον συμβαινει το εξης παραξενο

2 ΟΛΟΙΔΙΑ blog,το κανονικο τρωει κολληματα (σαν να ζοριζεται απο κατι,αν παιζει καποιος με το μενου σε καποιες φασεις ανοιγοκλεινει πολυ αποτομα σαν να χανει καρε,επισης πολλες φορες κολλανε το πουλακι κ το μπαλονι) το τεστ οχι

εχουν ακριβως τον ιδιο κωδικα (copy paste απο το κανονικο στο τεστ),μεχρι κ ακριβως τα ιδια widget

δεν μπορω να καταλαβω τι φταιει

το κανονικο

http://nefelisdreams.blogspot.gr/

το τεστ

http://testnefeli.blogspot.gr/

κ αυτο συμβαινει σε αλλους 3 υπολογιστες,ο ενας σε αλλη πολη

το μονο που μπορω να σκεφτω ειναι οτι κατι παιζει με τον σερβερ οπου ειναι το κανονικο,συντηρηση η κατι αλλο

το βλεπετε κ εσεις?

Crawl_From_Death · 14 Φεβρουαρίου 2013

Αυτο που μπορω να δω σαν μεγαλη διαφορα ειναι το περιεχομενο του ενος σε σχεση με το αλλο. To κανονικο εχει πολυ κειμενο και εικονες, το δοκιμαστικο εχει μονο ενα. Ακομα και στο scrollarisma το κανονικο site ψιλοζοριζεται.

Προσθεσε στο δοκιμαστικο και αλλο περιεχομενο και δες αν στο κανει ή οχι.

Σύνδεση

Πειτε μου την γνωμη σας για το μενου

Προτεινόμενες αναρτήσεις

Redshift

SlackulatoR

Redshift

SlackulatoR

Redshift

SlackulatoR

Redshift

SlackulatoR

Redshift

SlackulatoR

Redshift

SlackulatoR

Redshift

Redshift

Crawl_From_Death

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση