Παιδικο blog και διαφορα προβληματα

[Redshift]

Καλημερα insomniacs

 

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

 

 

το blog ειναι αυτο http://nefelisdreams.blogspot.com/

 

 

και τα θεματα

 

1) το μενου ειναι rollover μεταξυ δυο εικονων και ενω ολα φαινονται οκ στον ie9, στον chrome η εναλλαγη των εικονων οταν ο δεικτης του mouse κινειται πανω η απομακρυνεται αργα απο τα κουμπια ειναι συνεχομενη και πολλαπλη με αποτελεσμα ασχημο

 

ο κωδικας

 

 

><script src="http://labs.adobe.com/technologies/spry/includes/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 align="center"><a href="http://nefelisdreams.blogspot.com/search/label/Παραμύθια#order=ASC" target="_self" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('par','','http://3.bp.blogspot.com/-lr7f2jpKXXE/Tp7yKHyGASI/AAAAAAAAAHE/YpVY3_60wwc/s1600/Παραμύθια+2.png',0)"><img src="http://4.bp.blogspot.com/-Ek9LLdBMoCM/Tp7yJrWOrGI/AAAAAAAAAG8/uIaMwr0uK9A/s1600/%25CE%25A0%25CE%25B1%25CF%2581%25CE%25B1%25CE%25BC%25CF%258D%25CE%25B8%25CE%25B9%25CE%25B1+1.png" alt="Παραμύθια" name="par" width="133" height="128" border="0" id="par" onclick="MM_effectShake('par')" /></a><a href="http://nefelisdreams.blogspot.com/search/label/Παιχνίδια#order=ASC" target="_self" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('paixn','','http://4.bp.blogspot.com/-TUaq9IZwnHA/Tp7yJEmdXsI/AAAAAAAAAG0/yXdR6Yn0zf4/s1600/Παιχνίδια+2.png',0)"><img src="http://1.bp.blogspot.com/-hEqXdAfnMl8/Tp7yIRV3P3I/AAAAAAAAAGs/-KpGbsfVC5Q/s1600/%25CE%25A0%25CE%25B1%25CE%25B9%25CF%2587%25CE%25BD%25CE%25AF%25CE%25B4%25CE%25B9%25CE%25B1+1.png" alt="Παιχνίδια" name="paixn" width="133" height="163" border="0" id="paixn" onclick="MM_effectShake('paixn')" /></a><a href="http://nefelisdreams.blogspot.com/search/label/Ζωγραφική#order=ASC" target="_self" onclick="MM_effectShake('Zograf')" onmouseover="MM_swapImage('Zograf','','http://1.bp.blogspot.com/-isLXfMNZ6qI/Tp7yE77thqI/AAAAAAAAAGE/PljhupSjtqI/s1600/%CE%96%CF%89%CE%B3%CF%81%CE%B1%CF%86%CE%B9%CE%BA%CE%AE+2.png',0)" onmouseout="MM_swapImgRestore()"><img src="http://3.bp.blogspot.com/-vYRUbJPKQTU/Tp7yEcMP5KI/AAAAAAAAAF8/GjBPgcA97Aw/s1600/%25CE%2596%25CF%2589%25CE%25B3%25CF%2581%25CE%25B1%25CF%2586%25CE%25B9%25CE%25BA%25CE%25AE+1.png" alt="Ζωγραφικη" name="Zograf" width="133" height="149" border="0" id="Zograf" /></a><a href="http://nefelisdreams.blogspot.com/search/label/Καρτούνς#order=ASC" target="_self" onclick="MM_effectShake('kart')" onmouseover="MM_swapImage('kart','','http://2.bp.blogspot.com/-QAurKajjzzg/Tp7yGUX-bqI/AAAAAAAAAGU/8dTgkoUu-C0/s1600/%CE%9A%CE%B1%CF%81%CF%84%CE%BF%CF%8D%CE%BD%CF%82+2.png',0)" onmouseout="MM_swapImgRestore()"><img src="http://3.bp.blogspot.com/-4KECN9YGAb8/Tp7yFjBRXbI/AAAAAAAAAGM/DcuJid1uxDc/s1600/%25CE%259A%25CE%25B1%25CF%2581%25CF%2584%25CE%25BF%25CF%258D%25CE%25BD%25CF%2582+1.png" alt="Καρτούνς" name="kart" width="133" height="130" border="0" id="kart" /></a><a href="http://nefelisdreams.blogspot.com/search/label/Διάφορα#order=ASC" target="_self" onclick="MM_effectShake('diaf')" onmouseover="MM_swapImage('diaf','','http://3.bp.blogspot.com/-yv-PNu-WgWc/Tp7yDj0IbjI/AAAAAAAAAF0/wq9x51ZQs0o/s1600/%CE%94%CE%B9%CE%AC%CF%86%CE%BF%CF%81%CE%B1+2.png',0)" onmouseout="MM_swapImgRestore()"><img src="http://3.bp.blogspot.com/-cbD4l-W3Pwc/Tp7yC9QSrDI/AAAAAAAAAFs/JUF_QXs-a5s/s1600/%25CE%2594%25CE%25B9%25CE%25AC%25CF%2586%25CE%25BF%25CF%2581%25CE%25B1+1.png" alt="Διάφορα" name="diaf" width="133" height="144" border="0" id="diaf" /></a><a href="http://nefelisdreams.blogspot.com/2011/01/blog-post_5022.html" target="_self" onclick="MM_effectShake('leyk')" onmouseover="MM_swapImage('leyk','','http://3.bp.blogspot.com/-Nfz6ktuRCQ0/Tp7yHyhvh3I/AAAAAAAAAGk/4CPRiukj3QQ/s1600/%CE%9B%CE%B5%CF%8D%CE%BA%CF%89%CE%BC%CE%B1+2.png',0)" onmouseout="MM_swapImgRestore()"><img src="http://4.bp.blogspot.com/-ODaj4m1hPIg/Tp7yHKMPcsI/AAAAAAAAAGc/Fuz208HUAHI/s1600/%25CE%259B%25CE%25B5%25CF%258D%25CE%25BA%25CF%2589%25CE%25BC%25CE%25B1+1.png" alt="Λεύκωμα" name="leyk" width="133" height="149" border="0" id="leyk" /></a></div>

 

 

 

2) εχω αλλαξει τον mouse pointer με μια εικονα png η οποια φαινεται μονο στον chrome,ενω στον ie9 φαινεται μονο ο default pointer

 

ο κωδικας

 

 

>

</head> 


<style>HTML,BODY{cursor:url(http://2.bp.blogspot.com/-N82klimzAU4/Tp7u6SNyV6I/AAAAAAAAAFk/yloyp5naCwg/s1600/tinkerbell.png), default;}</style>

 

 

 

3) προσθεσα ενα gadget tinkerbell magic dust effect στον δεικτη του mouse το οποιο δουλευει σωστα μονο στον chrome,αντιθετα στον ie9 οταν το ποντικι ειναι πανω απο τα posts το εφε γινεται σωστα αλλα στο πανω αριστερα μερος της οθονης

 

ο κωδικας

 

 

><script type="text/javascript">
// <![CDATA[
var colour="#BD3EA8";
var sparkles=50;

/****************************
*  Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

window.onload=function() { if (document.getElementById) {
 var i, rats, rlef, rdow;
 for (var i=0; i<sparkles; i++) {
   var rats=createDiv(3, 3);
   rats.style.visibility="hidden";
   document.body.appendChild(tiny[i]=rats);
   starv[i]=0;
   tinyv[i]=0;
   var rats=createDiv(5, 5);
   rats.style.backgroundColor="transparent";
   rats.style.visibility="hidden";
   var rlef=createDiv(1, 5);
   var rdow=createDiv(5, 1);
   rats.appendChild(rlef);
   rats.appendChild(rdow);
   rlef.style.top="2px";
   rlef.style.left="0px";
   rdow.style.top="0px";
   rdow.style.left="2px";
   document.body.appendChild(star[i]=rats);
 }
 set_width();
 sparkle();
}}

function sparkle() {
 var c;
 if (x!=ox || y!=oy) {
   ox=x;
   oy=y;
   for (c=0; c<sparkles; c++) if (!starv[c]) {
     star[c].style.left=(starx[c]=x)+"px";
     star[c].style.top=(stary[c]=y)+"px";
     star[c].style.clip="rect(0px, 5px, 5px, 0px)";
     star[c].style.visibility="visible";
     starv[c]=50;
     break;
   }
 }
 for (c=0; c<sparkles; c++) {
   if (starv[c]) update_star(c);
   if (tinyv[c]) update_tiny(c);
 }
 setTimeout("sparkle()", 40);
}

function update_star(i) {
 if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
 if (starv[i]) {
   stary[i]+=1+Math.random()*3;
   if (stary[i]<shigh+sdown) {
     star[i].style.top=stary[i]+"px";
     starx[i]+=(i%5-2)/5;
     star[i].style.left=starx[i]+"px";
   }
   else {
     star[i].style.visibility="hidden";
     starv[i]=0;
     return;
   }
 }
 else {
   tinyv[i]=50;
   tiny[i].style.top=(tinyy[i]=stary[i])+"px";
   tiny[i].style.left=(tinyx[i]=starx[i])+"px";
   tiny[i].style.width="2px";
   tiny[i].style.height="2px";
   star[i].style.visibility="hidden";
   tiny[i].style.visibility="visible"
 }
}

function update_tiny(i) {
 if (--tinyv[i]==25) {
   tiny[i].style.width="1px";
   tiny[i].style.height="1px";
 }
 if (tinyv[i]) {
   tinyy[i]+=1+Math.random()*3;
   if (tinyy[i]<shigh+sdown) {
     tiny[i].style.top=tinyy[i]+"px";
     tinyx[i]+=(i%5-2)/5;
     tiny[i].style.left=tinyx[i]+"px";
   }
   else {
     tiny[i].style.visibility="hidden";
     tinyv[i]=0;
     return;
   }
 }
 else tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function mouse(e) {
 set_scroll();
 y=(e)?e.pageY:event.y+sdown;
 x=(e)?e.pageX:event.x+sleft;
}

function set_scroll() {
 if (typeof(self.pageYOffset)=="number") {
   sdown=self.pageYOffset;
   sleft=self.pageXOffset;
 }
 else if (document.body.scrollTop || document.body.scrollLeft) {
   sdown=document.body.scrollTop;
   sleft=document.body.scrollLeft;
 }
 else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
   sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
 }
 else {
   sdown=0;
   sleft=0;
 }
}

window.onresize=set_width;
function set_width() {
 if (typeof(self.innerWidth)=="number") {
   swide=self.innerWidth;
   shigh=self.innerHeight;
 }
 else if (document.documentElement && document.documentElement.clientWidth) {
   swide=document.documentElement.clientWidth;
   shigh=document.documentElement.clientHeight;
 }
 else if (document.body.clientWidth) {
   swide=document.body.clientWidth;
   shigh=document.body.clientHeight;
 }
}

function createDiv(height, width) {
 var div=document.createElement("div");
 div.style.position="absolute";
 div.style.height=height+"px";
 div.style.width=width+"px";
 div.style.overflow="hidden";
 div.style.backgroundColor=colour;
 return (div);
}
// ]]>
</script>

 

 

 

 

ευχαριστω προκαταβολικα

Επεξ/σία 25 Οκτωβρίου 2011 από Redshift

[Redshift]

ρε παιδια κανεις?

 

εστω μονο για το κομματι του μενου

[dewn735]

1) Και σε FF σωστά παίζει - μπορεί να μην είναι συμβατό με chrome

2) Ο ie δέχεται για cursor μόνο .cur αρχεία, o opera κανένα, ο ff θέλει διαφορετική σύνταξη - απέφυγέ το

[Redshift]

ευχαριστω για το feedback φιλε

 

ξερεις μηπως πως μπορω να φτιαξω cur αρχειο εισαγωντας το png μου σε καποιο online εργαλειο?

 

και το κυριοτερο που μπορω να κανω free hosting το cur αρχειο με direct link?

[Redshift]

παιδια ψαχνω λυση για το προβλημα νο3 (μαλλον τα αλλα 2 ειναι θεμα καθαρα των browser) καθως και τις προτασεις σας για την βελτιωση της σελιδας

 

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

 

ειναι πολυ ομορφο να χαριζεις χαμογελα στα παιδια

 

ευχαριστω και παλι

[thanocaster]

Πρόταση στα γρήγορα. Το site είναι πολύ όμορφο, ειδικά για ερασιτεχνική δουλειά. Προσωπικά θα έβγαζα τις καρδούλες για να καθαρίσει λίγο, καθώς τώρα χάνεται το πολύ όμορφο background, ενώ και ο κέρσορας με τη νεραϊδόσκονη προσθέτει "θόρυβο" στο κατά τ' άλλα πολύ όμορφο site.

 

Επίσης, η αναζήτηση πρέπει να μεγαλώσει λίγο και να κολλήσει λίγο καλύτερα στο template, ενώ πρέπει να βάλεις και μια ενιαία γραμματοσειρά (γιατί τώρα κάθε σου ποστ έχει διαφορετική). Προσωπικά θα κοίταγα κάποια hand written από το Google Webfonts.

[Redshift]

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

 

θα τα σκεφτω ξανα ομως

 

να σαι καλα

[Tmark]

ενώ και ο κέρσορας με τη νεραϊδόσκονη προσθέτει "θόρυβο" στο κατά τ' άλλα πολύ όμορφο site.

 

Εγώ διαφωνώ, στο κοινό που απευθύνεται το blog κάνουν καλή εντύπωση κάτι τέτοια όπως η νεραϊδόσκονη ..

[Redshift]

εχει δικιο μωρε,περα απο την αρχικη καλη εντυπωση τα εφε (τα οποια ειναι και old school νομιζω και οχι και τοσο καλαισθητα) συνηθιζονται και το μονο που κανουν ειναι να βαραινουν την σελιδα τοσο οπτικα οσο και λειτουργικα

 

θα δω

 

παιδια αν καποιος μπορει ας ριξει μια ματια στο προβλημα νο3

 

ευχαριστω προκαταβολικα

[Redshift]

για καποιον λογο που δεν μπορω να καταλαβω o Yahoo web player ενω παιζει σε ie και firefox στον chrome αρνειται

 

http://nefelisdreams.blogspot.com/

 

http://webplayer.yahoo.com/

 

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

[Redshift]

Επειδη χρειαζομαι extra χωρο στο dropbox για να ανεβαζω υλικο για την σελιδα, οποιος δεν εχει και θελει να φτιαξει αν το κανει μεσω του παρακατω link θα κερδισει μαζι με μενα επιπλεον 250mb

 

ευχαριστω

 

http://db.tt/ELfqRALf

[Redshift]

Αρχιζουμε σιγα σιγα να ανεβαζουμε Χριστουγεννιατικο υλικο,ενημερωθηκαν οι ζωγραφιες,τα καρτουνς και η μουσικη

 

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

 

ps ευχαριστω πολυ τον κυριο Λιακουριτο για τον χωρο στο dropbox