Προς το περιεχόμενο

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

Redshift

Από τον Redshift
στο Web Design - Development

 Share

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

Xvipes Crazy Insomniac

Xvipes

Δημοσ.
Δημοσ.

Σαν πρώτη ματιά πολύ ωραίο μου φάνηκε(με chrome).
 

Τα δικά μου σχόλια θα ήταν:

 

  1. Να βάλεις τίτλους σε κάθε ένα button του menu σου.(π.χ το πρώτο εικονίδιο να λέει και από κάτω ότι είναι τα παιχνίδια ή έστω στο mouse over)
  2. Όταν scrollareis την σελίδα ίσως να ήταν καλύτερο να μην πηγαίνει και πίσω από το menu το site.
  3. Το μπαλονάκι του facebook ωραία ιδέα αλλά μήπως το έχεις κάνει μακρύ το ταξίδι του? :P Άποψή μου θα ήταν καλύτερο να αιωρούταν σε ένα σημείο(άντε να κάνει και λίγο πέρα δώθε, όχι σε όλη την σελίδα)

Αυτά σαν καλοπροαίρετες παρατηρήσεις λέγοντας καθαρά την προσωπική μου άποψη :)
 

  • Like 1
Redshift Experienced

Redshift

Δημοσ.
  • Μέλος
Δημοσ.

κατ αρχας σε ευχαριστω κ ριξτου αλλη μια ματια τωρα αν θες γιατι εχω κανει αλλαγες απο χθες

 

ειχα βαλει τιτλους παλιοτερα αλλα απο bowser σε browser ειχα μεγαλες διαφορες μεχρι κ ανακατεμα κλπ,επισης στο πλαισιο της απλοποιησης της σελιδας πεταξα πολυ πραγμα,σε ολα αυτα βαλε κ οτι ηθελα ο κοσμος να το ψαχνει σαν παιχνιδι οποτε νομιζω καταλαβαινεις την εικονα

(περα απο ολα αυτα πιστευω οτι οι εικονες ειναι αρκετα αντιπροσωπευτικες,οχι?)

 

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

 

το μπαλονακι μ αρεσει ετσι προσωπικα κ κανει κ πιο εμφανη την σελιδα στο fb (ενταξει γουστα ειναι αυτα)

 

 

ps η εικονα του μενου πριν ανοιξει κ μετα καλη?

kage Crazy Insomniac

kage

Δημοσ.
Δημοσ.

- η νεραιδα mouse pointer

-το μενου αστο open.οχι δεν καταλαβαινεις απο τα εικονιδια τι θα δεις-ισως αμα εβαζες και τα ονοματα απο πανω.κοιταγα τα shortcuts για να δω που παει

Redshift Experienced

Redshift

Δημοσ.
  • Μέλος
Δημοσ.

υποθετω οτι ολα τα παραπανω ειναι μειον?

 

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

 

αρχιζω να σκεφτομαι σοβαρα να βαλω τιτλους αν και εχω σε ολα alt=" το οποιο στον chrome για καποιο λογο δεν δουλευει

Redshift Experienced

Redshift

Δημοσ.
  • Μέλος
Δημοσ.

το σκεφτηκα κ το εκανα :)

 

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

 
Redshift Experienced

Redshift

Δημοσ.
  • Μέλος
Δημοσ.

ok θελω να χρησιμοποιησω hoverIntent εδω,τι κανω λαθος?

 

<!DOCTYPE html>
<html>
<head>
<script src="http://dl.dropbox.com/u/47365411/jquery.min.js"></script>
<script src='http://dl.dropbox.com/u/47365411/hoverintent.min.js'/></script>
<script> 
$(document).ready(function(){
  $("#flip").hoverIntent(
 function () {
    $("#panel").slideDown("fast");
 },
function () {
    $("#panel").slideUp("slow");
}
);
};
</script>
 
<style type="text/css"> 
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>
 
<div id="flip">Hover here</div>
<div id="panel">Hello world!</div>

</body>
</html>
SlackulatoR Grand Master

SlackulatoR

Δημοσ.
Δημοσ. 




$("#flip").hover( αντί για $("#flip").hoverIntent(








<script> 

$(document).ready(function(){

  $("#flip").hover(

 function () {

    $("#panel").slideDown("fast");

 },

function () {

    $("#panel").slideUp("slow");

}

);

});

</script>



			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	
    
		
		
			
				
				
  • 
					
						
					
							
								Like
							
							
								1
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
						
												
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	
    


	




					
					
					
				

					

					
					







	

	

	

		

			

				


	
		Redshift
	

				
				
					
						
Experienced
					
				
			

		

		

			

				


Redshift
			

			

			    Δημοσ. 
				
			

		

	

	
	

		




	

		

			

				
    
					
						
  • Μέλος
    • 
					
					
					
					
					
				

			

			
    
				
  • 
					
					
      
						
						
                        
						
						
						
							
								
							
							
							
							
							
							
						
					
    
				
    • 
				
			

		


		

		   
		   Δημοσ. 
		   
			
			
				
				
			
		

	


	

    

	

		
		

			


με απλο hover δουλευει το ζητημα ειναι οτι θελω να χρησιμοποιησω hoverIntent για να μην εχω buffer στα hovers κ accidental hovers


 


 


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


 


 


 


μεσα στο <head>


 


<script src='http://dl.dropbox.com/u/47365411/jquery.min.js'>
</script>
<script> 
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});
</script>
 
<style type='text/css'> 
#panel,#flip
{
text-align:center;
}
#panel
{
display:none;
}
</style>



 


θα μπορουσα να το κανω με .mouseenter αλλα δειτε ποσο λαθος δουλευει


 


http://testnefeli.blogspot.gr/


 


 


κ επειδη θελω να χρησιμοποιησω mouse hover για να ανοιγει χωρις κλικ κ να κλεινει μολις φυγεις θελω να χρησιμοποιησω hoverIntent


 


δειτε ποσο σωστα δουλευει κ ποσο ευκολα παραμετροποιησιμο ειναι


 


http://cherne.net/brian/resources/jquery.hoverIntent.html


 


https://github.com/tristen/hoverintent/blob/gh-pages/README.md




			
		


		

		
			

		
	


	
    


	




					
					
					
				

					

					
					







	

	

	

		

			

				


	
		SlackulatoR
	

				
				
					
						
Grand Master
					
				
			

		

		

			

				


SlackulatoR
			

			

			    Δημοσ. 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
					
					
					
				

			

			
    
				
  • 
					
					
      
						
						
                        
						
						
						
							
								
							
							
							
							
							
							
						
					
    
				
    • 
				
			

		


		

		   
		   Δημοσ. 
		   
			
			
				
				
			
		

	


	

    

	

		
		

			


Για δες εδώ, λειτουργεί τώρα:


 


Με αυτή την έκδοση hoverIntent: 


http://cherne.net/brian/resources/jquery.hoverIntent.minified.js


 




 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src='hoverintent.min.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"> 
#flip, #panel
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
}
</style>
</head>


<body>
<div id="flip">Hover here
<div id="panel">Hello world</div>
</div>


</body>
</html>


 




 




			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	
    
		
		
			
				
				
  • 
					
						
					
							
								Like
							
							
								1
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
						
												
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	
    


	




					
					
					
				
			
			



		

	


	
		

			


	
	

		

	
	
	
	
	
		
		

			
				
				


	
	
		

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

				
Πρέπει να είστε μέλος για να αφήσετε σχόλιο

			
	
			

				

					

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

						
Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

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

					

						
Σύνδεση

						
Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

						Συνδεθείτε τώρα
					

				

			

		

	


			
		

	

	
		

          

			
				

					


    
          Share
    

    

				

			
			

              	

				


			

          

			
		

	







	

		
			
				Προς την λίστα θεμάτων
			
		
	

	




                        


                    

                    


                

            

          	
            
        

        
            
            
            
            
            
        
        
        

	
	







































































	

















        
        
        



	

		


    
	





			

			

				
			


			

		

	






	

		

			
    
				
  • Δημιουργία νέου...
    •