lefta4klik - Blogger widgets, tricks, tips & hacks

Εδώ σας έχω μαζεμένα όλα τα βίντεο που είχα φτιάξει για την κατασκευή μιας flash ιστοσελίδας . Όπως θα δείτε στα πιο κάτω tutorial ως αποτέλεσμα έχω δημιουργήσει ένα flash website το οποίο μπορείτε να επισκεφθείτε και να το δείτε εδώ:  http://lefta4klikwebsite.uphero.com/ Κατασκευή flash ιστοσελίδας από το 0 εντελώς δωρεάν Πρώτο tutorial Δεύτερο tutorial Τρίτο tutorial Τέταρτο tutorial Πέμπτο tutorial Έκτο tutorial Έβδομο tutorial Όγδοο tutorial Ένατο tutorial Δέκατο tutorial Δείτε όλα τα βίντεο μαζεμένα στο playlist εδώ

Καλησπέρα σε όλους του φίλους του lefta4klik σήμερα θα σας δώσω ένα ωραίο παιχνιδάκι για να προσθέσετε στο blog σας να παίζουν οι επισκέπτες σας. Στο παιχνίδι υπάρχουν 3 διαφορετικά επίπεδα  δυσκολίας με χρόνο αντίστροφης μέτρησης. Πιο κάτω μπορείτε να δοκιμάσετε το παιχνίδι παίζοντας το εδώ και ακριβώς από κάτω αν σας αρέσει, σας δίνω το κώδικα και την διαδικασία προσθήκης στο δικό σας blog. Παίξτε το παιχνίδι :  Για να το προσθέσετε στο blog σας ακολουθήστε την εξής διαδικασία : Σύνδεση στο blogger Πάμε στο μπλοκ που θέλουμε να το προσθέσουμε και επιλέγουμε την διάταξη Μετά πάμε προσθήκη gadget, από το παράθυρο που ανοίγει επιλέγουμε το HTML/JavaScript βάζουμε τον πιο κάτω κώδικα και αποθηκεύουμε Σημείωση : Αν θέλετε να αλλάξετε το μέγεθος του πλαισίου απλά αλλάξτε τους αριθμούς που έχω με κόκκινο, όσο πιο μικροί οι αριθμοί τόσο μικρότερο το πλαίσιο του παιχνιδιού. <embed align="middle" allowscriptaccess="always" height=" 250 " plu...

Καλησπέρα σε όλους του φίλους και αναγνώστες του lefta4klik, σας έχω φτιάξει κάποια tutorials για το πως να φτιάξετε ένα παιχνίδι στο flash. Στο παρόν άρθρο θα σας δείξω πως να φτιάξετε ένα ωραίο και απλό παιχνιδάκι. Κάτω από τα βίντεο σας έχω το παιχνίδι για να το δοκιμάσετε και αν σας αρέσει σύντομα θα το τελειοποιήσω και να σας δείξω πως να το ανεβάσετε και στο δικό σας blog/site για να το παίζουν και οι αναγνώστες σας. Οι κώδικες που θα χρειαστείτε: εδώ για το μπαλάκι , εδώ για τα κουμπιά , για τις πόρτες  και το restart box . Δείτε τα tutorial για το παιχνίδι Παίξτε το παιχνίδι

Επιτέλους φτάσαμε στο τελευταίο βίντεο :) σε αυτό θα σας δείξω μας να ανεβάσετε εντελώς δωρεάν την ιστοσελίδα που κατασκευάσετε στο adobe flash professional. Μετά την δημοσίευση θα μπορεί να δει ο όποιος δήποτε την σελίδας σας χρησιμοποιώντας το domain που θα ορίσετε όπως θα δείτε και στο βίντεο. Το δικό μου website μπορείτε να το δείτε εδώ:  http://lefta4klikwebsite.uphero.com . Αν επιθυμείτε μπορώ να σας δώσω όλα τα αρχεία του δικού μου website. Το FileZilla το οποίο θα σας βοηθήσει να ανεβάσετε τα αρχεία σας στο freehosting, θα το κατεβάσετε από εδώ:  https://filezilla-project.org/download.php Η ιστοσελίδα που θα φιλοξενήσει το website μας:  http://www.000webhost.com/

Στο προτελευταίο βίντεο για την κατασκευή του website μας στο adobe flash professional cs5 θα δούμε τον κώδικα php που θα χρειαστούμε για να τραβάμε τα δεδομένα από την φόρμα επικοινωνίας στο email μας. Κάτω από το βίντεο θα δείτε και τον κώδικα Κώδικας php : Σημείωση : δημιουργήστε ένα απλό αρχείο κειμένου και επικολλήστε μέσα τον πιο κάτω κώδικα αφού δώσετε το δικό σας email, στην συνέχεια από το "File" πατάτε το "Save As..." για "File name" δώστε  send.php και από κάτω στο "Save as type" επιλέξτε το "all files" και αποθηκεύστε. contact form php

Φτάσαμε στο δωδέκατο βίντεο για την κατασκευή του website στο adobe flash professional και σε αυτό θα δούμε πως να προσθέσουμε μια φόρμα επικοινωνίας για να επικοινωνούν οι επισκέπτες του website μας μαζί μας.

Σιγά σιγά φτάνουμε στο τέλος αυτής της σειράς βίντεο για την δημιουργία του website μας στο adobe flash professional cs5. Σήμερα θα δούμε το 10ο και 11ο βίντεο για να προσθέσουμε βίντεο και ήχους. Τους ήχους που έβαλα και εγώ μπορείτε να τους κατεβάσετε εδώ:  https://docs.google.com/file/d/0B3fIJ7nZFI9idkhtT0o4M3RybnM/edit  και εδώ  https://docs.google.com/file/d/0B3fIJ7nZFI9id2lnRFRDQjJielU/edit Προσθήκη βίντεο Προσθήκη ήχων

Σε αυτό το άρθρο θα δούμε το 8ο και 9ο βίντεο όπου θα ρυθμίσουμε την λειτουργία των κουπιών και να βάλουμε λινκ στα 3 social κουμπιά, facebook, twitter, google+.

Συνεχίζουμε με το 6ο και 7ο βίντεο όπου θα προσθέσουμε στις φωτογραφίες και στα κείμενα μας animation, επίσης θα κάνουμε τα σύννεφα μας να φαίνονται πιο ζωντανά δίνοντας σε αυτά κίνηση. Animation Κίνηση στα σύννεφα

Στο 5ο βίντεο της σειράς θα δούμε πως να διαχειριστούμε το timeline και να προσθέσουμε τα frames όπως πρέπει για να συμμαζέψουμε το υλικό μας.

Έτοιμο το 3ο και 4ο βίντεο. Σε αυτά θα δούμε πως να εισάγουμε κείμενο και τις εικόνες που θέλουμε. Αν θέλετε μπορείτε να πάρετε τις εικόνες που βάζω και εγώ, τις έχω ακριβώς κάτω από τα βίντεο: Την φωτογραφία με τα σύννεφα κατεβάστε την από αυτό το λινκ:  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgauoYK-1ecIR4qb-nYDTwP-bBb4OAdP8eUNPVZFkubsQ9YmZ6UKrdkMvhuqJ9cERF1UX1Rw2WmK3Jn4D5_w_eTVyrw_tRgBqCMczSZQ04mARtr2iw17y8pAjkZl79Mmes9xHgUkoON7qw/s1600/sinefa.jpg Η εικόνα για την αρχική: η εικόνα για την σελίδα "για μένα": και τέλος για την καρτέλα επικοινωνία:

Μπορείτε να δείτε και το 2ο βίντεο για να φτιάξετε τα κουμπιά του μενού

Σήμερα ξεκίνησα την σειρά με τα βίντεο για την κατασκευή website με την βοήθεια του adobe flash professional. Στο πρώτο βίντεο θα δείξω πως θα δημιουργήσουμε το αρχείο μας και να προσθέσουμε την navbar μας. Δείτε το πρώτο βίντεο :

Καλησπέρα, σήμερα θα δούμε πως μπορούμε να ενσωματώσουμε στο blog μας κάτι που δημιουργήσαμε στο adobe flash professional δηλαδή κάτι που έχει την μορφή SWF. Συγκεκριμένα θα δείξω πως να ανεβάσουμε στο blog μας το αναλογικό ρολόι που φτιάξαμε σε ένα από τα προηγούμενα άρθρα, αν κάποιος δυσκολεύεται να το φτιάξει όπως αυτός θέλει μπορεί να προσθέσει το δικό μου που θα σας δώσω πιο κάτω. Το μόνο που χρειάζεται είναι ένα host όπου θα ανεβάσουμε το αρχείο .swf και να το ενσωματώσουμε σε μια ετικέτα <embed>. Δείτε το παράδειγμα για να καταλάβετε καλύτερα: <embed align="middle" allowscriptaccess="always" height="150" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://googledrive.com/host/0B3fIJ7nZFI9icF9PWnE3T0xpZHM/" type="application/x-shockwave-flash" width="150"></embed> Ο πιο πάνω κώδικας τώρα είναι έτοιμος για να τρέξει η εφαρμογή μας. Για να τ...

Σήμερα θα δούμε πως μπορούμε να φτιάξουμε ένα δικό μας αναλογικό ρολόι με όποιο σχεδιασμό εμείς θέλουμε. Θα το δημιουργήσουμε στο adobe flash professional cs5 . Αυτό που έφτιαξα και στον οδηγό βίντεο είναι αυτό που βλέπετε ακριβώς από κάτω (την ώρα την παίρνει από το λειτουργικό που το τρέχει): Το αναλογικό ρολόι που θα φτιάξουμε μπορούμε να το ανεβάσουμε στην ιστοσελίδα μας ή στο blog μας στο blogger για να το βλέπουν οι επισκέπτες μας. Για το πως μπορεί κάποιος να το ενσωματώσει στο blogger θα σας το δείξω σε ένα από τα επόμενα βίντεο. Στο βίντεο όπως θα δούμε θα χρειαστεί και το πιο κάτω script: var now:Date; var ct:Timer = new Timer(1000); ct.addEventListener(TimerEvent.TIMER, onTick); ct.start(); function onTick(event:TimerEvent):void{ now = new Date(); var s:uint = now.getSeconds(); var m:uint = now.getMinutes(); var h:uint = now.getHours(); deuterolepta.rotation = 180 + (s * 6); lepta.rotation = 180 + (m * 6); wres.rotation = 180 + (h * 30) + (m * 0.5); } ...

Καλησπέρα σε όλους, από σήμερα είπα να ξεκινήσω να σας δείχνω μερικά πραγματάκια στο adobe flash. Το adobe flash professional cs5 είναι ένα πρόγραμμα που παρέχει στους χρήστες ένα πλήρες περιβάλλον όπου μπορούν να δημιουργήσουν ψηφιακό υλικό για την κατασκευή διαδραστικών εφαρμογών και ιστοσελίδων αποτελούμενες από κινούμενα γραφικά, ήχο, βίντεο και κείμενα. Στο πρώτο βίντεο που θα δείτε πιο κάτω δείχνω τα τελείως βασικά που πρέπει να ξέρεις κάποιος αρχάριους. Στα επόμενα θα δείξουμε πως θα φτιάξουμε ένα αναλογικό ρολόι και διάφορα άλλα ωραία πραγματάκια. Πιο συγκεκριμένα στο πρώτο βίντεο θα δούμε, α) πως μπορούμε να δημιουργήσουμε το πρώτο μας αρχείο, β) τις διάφορες περιοχές που εμφανίζονται και μερικά εργαλεία, γ) τα επίπεδα (layer) και πως μπορούμε να δημιουργήσουμε ή να διαγράψουμε επίπεδα και να σχεδιάσουμε κάτι σε αυτά. Για να καταλάβετε καλύτερα αυτά που γράφω δείτε το βίντεο: