Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Προβολή αναρτήσεων από Ιανουάριος, 2014

Πώς να βάλω μουσική και ήχους στο blog/website μου

Καλησπέρα σε όλους, σήμερα θα δούμε πως γίνεται να βάλουμε κάποιους ήχους ή τραγούδια για να ακούνε οι επισκέπτες του blog μας. Θα μπορείτε να ενεργοποιήσετε τους ήχους να ξεκινάνε αυτόματα με την είσοδο του κάθε επισκέπτη στο blog σας ή ακόμα να ξεκινάνε μετά από κάποια ενέργεια από το χρήστη. Επίσης κάτι που δεν ανάφερα στο βίντεο είναι ότι μπορείτε να ενσωματώσετε ήχους μόνο σε συγκεκριμένο άρθρο.

Μπορείτε να το δείτε και να το ακούσετε στο demo blog εδώ: http://epidixi.blogspot.gr/

Δείτε το βίντεο με την όλη διαδικασία η οποία είναι πολύ απλή. Αν συναντήσετε κάποια δυσκολία μη διστάσετε να αφήσετε σχόλιο. Η ιστοσελίδα που αναφέρω είναι: https://soundcloud.com/


Πως φτιάχνω παιχνίδι στο adobe flash professional cs5

Καλησπέρα σε όλους του φίλους και αναγνώστες του lefta4klik, σας έχω φτιάξει κάποια tutorials για το πως να φτιάξετε ένα παιχνίδι στο flash. Στο παρόν άρθρο θα σας δείξω πως να φτιάξετε ένα ωραίο και απλό παιχνιδάκι.

Κάτω από τα βίντεο σας έχω το παιχνίδι για να το δοκιμάσετε και αν σας αρέσει σύντομα θα το τελειοποιήσω και να σας δείξω πως να το ανεβάσετε και στο δικό σας blog/site για να το παίζουν και οι αναγνώστες σας.

Οι κώδικες που θα χρειαστείτε: εδώ για το μπαλάκι, εδώ για τα κουμπιά, για τις πόρτες και το restart box.
Δείτε τα tutorial για το παιχνίδι
Παίξτε το παιχνίδι

Πίνακες (tables) σε HTML

Σε αυτό το άρθρο θα δείτε πώς να δημιουργήσετε πίνακες σε ένα έγγραφο HTML. Στο κάτω μέρος της σελίδας μπορείτε να δείτε και να πειραματιστείτε με τα παραδείγματα.

Οι πίνακες ορίζονται με την ετικέτα <table>. Παράδειγμα αν θέλουμε ένα πίνακα 1Χ1 έχουμε τον εξής κώδικα:
<table border="1">
<tr>
<td>γραμμή 1, κελί 1</td>
</tr>
<tr>
<td>γραμμή 2, κελί 1</td>
</tr>
</table>

Ένας πίνακας χωρίζεται σε σειρές (με την ετικέτα <tr>), και κάθε σειρά διαιρείται σε κελιά δεδομένων (με την ετικέτα <td>). TD σημαίνει "δεδομένα πίνακα," και συγκρατεί το περιεχόμενο μιας κυψέλης δεδομένων. Μια <td> ετικέτα μπορεί να περιέχει κείμενο, συνδέσμους, εικόνες, πίνακες, φόρμες, άλλους πίνακες, κ.λπ.
Επίσης ένας πίνακας μπορεί να έχει περίγραμμα (border)
Εάν δεν θέλετε μπορείτε να μην καθορίσετε ένα περίγραμμα και έτσι ο πίνακας θα εμφανιστεί χωρίς border. Για να εμφανίσετε έναν πίνακα με border, βάζετε το…

Εμφανίστε σε κινούμενο κείμενο τα τελευταία νέα του blog σας

Ένα gadget για το blog σας που εμφανίζει σε μορφή κυλιόμενου μηνύματος τις τελευταίες δημοσιεύσεις που κάνατε με δυνατότητα επιλογής για το πόσα post θα εμφανίζει, ιδανικό για να το τοποθετήσεις ψηλά στην κορυφή της σελίδας σας.

Δείτε το demo πατώντας εδώ

Διαδικασία ενσωμάτωσης στο blogger:
Σύνδεση στο blogger και από το μενού του blog μας πάμε στη ΔιάταξηΣτο σημείο που θέλουμε πατάμε Προσθήκη gadgetΣτο παράθυρο που ανοίγει βρίσκουμε το HTML/JavaScript, το πατάμε και βάζουμε μέσα εκεί τον πιο κάτω κώδικαΑποθήκευση και είστε έτοιμοιΣημ. Τον αριθμό τον αναρτήσεων που θα εμφανίζονται μπορείτε να τον αλλάξετε βάζοντας στη θέση του 11 τον αριθμό των άρθρων που θέλετε να εμφανίζονται. Τα κόκκινα γράμματα τα αντικαθιστάται με το url του blog σας, προσέξτε να είναι κολλημένο με το κώδικα, για παράδειγμα το δικό μου blog θα το έβαζα έτσι src="http://lefta4klik.blogspot.gr//feeds/posts/default?. Επίσης εκεί που γράφει "Τελευταία νέα" μπορείτε να το αντικαταστήσετε με το κείμενο πο…

Πως να ανεβάσουμε δωρεάν το flash website μας σε free hosting στο internet

Επιτέλους φτάσαμε στο τελευταίο βίντεο :) σε αυτό θα σας δείξω μας να ανεβάσετε εντελώς δωρεάν την ιστοσελίδα που κατασκευάσετε στο adobe flash professional. Μετά την δημοσίευση θα μπορεί να δει ο όποιος δήποτε την σελίδας σας χρησιμοποιώντας το domain που θα ορίσετε όπως θα δείτε και στο βίντεο.

Το δικό μου website μπορείτε να το δείτε εδώ: http://lefta4klikwebsite.uphero.com. Αν επιθυμείτε μπορώ να σας δώσω όλα τα αρχεία του δικού μου website.

Το FileZilla το οποίο θα σας βοηθήσει να ανεβάσετε τα αρχεία σας στο freehosting, θα το κατεβάσετε από εδώ: https://filezilla-project.org/download.php
Η ιστοσελίδα που θα φιλοξενήσει το website μας: http://www.000webhost.com/

Φόρμα επικοινωνίας php για το website μας στο adobe flash professional

Στο προτελευταίο βίντεο για την κατασκευή του website μας στο adobe flash professional cs5 θα δούμε τον κώδικα php που θα χρειαστούμε για να τραβάμε τα δεδομένα από την φόρμα επικοινωνίας στο email μας.
Κάτω από το βίντεο θα δείτε και τον κώδικα Κώδικας php:

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

Facebook like box με χρονόμετρο

Καλησπέρα σε όλους, σήμερα σας έχω ένα gadget που θα βοηθήσει στην αύξηση των θαυμαστών για την σελίδα σας στο facebook. Συγκεκριμένα είναι ένα κουτί σαν το διπλανό στην φωτογραφία που πετάγεται την ώρα που ανοίγει κάποια σελίδα, παρόμοιο αλλά όχι το ίδιο με ένα πιο παλιό που δημοσίευσα εδώ: facebook like box. Αυτό που θα σας δώσω σήμερα έχει μετρητή τον οποίο μπορείτε να ρυθμίσετε εσείς για το πόσα δευτερόλεπτα θέλετε να εμφανίζεται προτού κλείσει, φυσικά υπάρχει και ένα κουμπί το οποίο μπορεί ο χρήστης να το κλείσει άμεσα χωρίς να είναι αναγκασμένος να περιμένει.

Όπως ξέρουμε είναι αρκετά εκνευριστικό να πετάγεται αυτό το κουτί σε κάθε φόρτωση μιας σελίδας γιαυτό υπάρχει μια ρύθμιση που μπορείτε να κάνετε το κουτάκι να εμφανίζεται μετά από κάποια ώρα ξανά (θα το δούμε πιο κάτω πως γίνεται).

Για να το βάλετε και εσείς απλά
συνδεθείτε στο blogger και επιλέξτε το blog σαςαπό το μενού πατήστε "Διάταξη" και "Προσθήκη gadget"στο παράθυρο που ανοίγει διαλέξτε το "H…

Blogger gadget για να εμφανίσετε όλα τα άρθρα που έχετε δημοσιεύσει

Σε αυτό το post θα σας δώσω ένα gadget για το blog σας στο blogger το οποίο θα εμφανίζει όλες τις αναρτήσεις που έχετε δημοσιεύσει μέχρι στιγμής. Είναι ένας πολύ απλός τρόπος για να δείξετε στους επισκέπτες του blog σας τι έχετε αναρτήσει μέχρι τώρα, αν δεν θέλετε να το βάλετε στην αρχική σας σελίδα μπορείτε να το εφαρμόσετε μέσα σε ένα συγκεκριμένο άρθρο όπως έκανα και εγώ εδώ http://lefta4klik.blogspot.com/p/posts.html. Θα σας δώσω 2 κώδικες, ο πρώτος είναι για να ταξινομούνται με κουκκίδες όπως είδατε και στο λινκ πιο πριν και ο δεύτερος θα αριθμίζει τα άρθρα όπως το έκανα και σε αυτή τη σελίδα http://www.totalfitness.gr/p/total-fitness-post.html.

Ο κώδικας που θα χρειαστείτε για να είναι με κουκκίδες τα άρθρα:

Σημ. εκεί που γράφει YourBlogUrl= και ακολουθεί ένα κείμενο με κόκκινα γράμματα το αφαιρείτε και βάζετε το url του blog σας.

<script src="https://googledrive.com/host/0B3fIJ7nZFI9iQ0daTU9oeWhHMWs/"> </script> <script src="http://pipes.yahoo.com/p…