Ads 468x60px

Featured Posts

  • Cougar

    Ενσωμάτωση υποτίτλων..

  • Lions

    Social network widget...

  • Snowalker

    Free Video to JPG Converter..

  • Howling

    Twitter Like box..Η λύση!!

  • Sunbathing

    JavaScript Image Slider ...

Τετάρτη, 6 Μαρτίου 2019

CSS3 animated vertical menu

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ ωραίο
κάθετο vertical menu για το blog μας!Μπαίνει στην αριστερή η δεξιά sidebar
του blog μας, η και στο footer του blog μας, και είναι με κώδικα Css3 ο οποίος
του δίνει ένα πολύ ωραίο animated slanted menu!





Δείτε το DEMO



Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτο...

 Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--
..................................................................................................................................................................
<style>

ul.svertical{
width: 200px; /* width of menu */
overflow: auto;
background: black; /* background of menu */
margin: 0;
padding: 0;
padding-top: 7px; /* top padding */
list-style-type: none;
}

ul.svertical li{
text-align: right; /* right align menu links */
}

ul.svertical li a{
position: relative;
display: inline-block;
text-indent: 5px;
overflow: hidden;
background: rgb(127, 201, 68); /* initial background color of links */
font: bold 16px Germand;
text-decoration: none;
padding: 5px;
margin-bottom: 7px; /* spacing between links */
color: black;
-moz-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8); /* inner right shadow added to each link */
-webkit-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
-moz-transition: all 0.2s ease-in-out; /* CSS3 transition of hover properties */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

ul.svertical li a:hover{
padding-right: 30px; /* add right padding to expand link horizontally to the left */
color: black;
background: rgb(153,249,75);
-moz-box-shadow: inset -3px 0 2px rgba(114,114,114, 0.8); /* contract inner right shadow */
-webkit-box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
}

ul.svertical li a:before{ /* CSS generated content: slanted right edge */
content: "";
position: absolute;
left: 0;
top: 0;
border-style: solid;
border-width: 70px 0 0 20px; /* Play around with 1st and 4th value to change slant degree */
border-color: transparent transparent transparent black; /* change black to match the background color of the menu UL */

}

</style>
<ul class="svertical">
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL" >ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>      
</ul>
...................................................................................................................................................................
ΑΛΛΑΓΕΣ 
ΔΙΕΥΘΥΝΣΗ URL--Εδώ βάζετε το link της διεύθυνσης σας!

ΤΙΤΛΟΣ-- Εδώ βάζετε τον τίτλο σας! Αποθήκευση και έτοιμοι!

Καλή επιτυχία!!! 


Πηγή κώδικα 
thanks to dynamicdrive.com



Edit by

Δευτέρα, 4 Μαρτίου 2019

streamWriter - the internet-radio recorder-Ηχόγραφηση ραδιοφωνικών σταθμών!

Μέσω των πολύ καλών συνδέσεων και ταχυτήτων ίντερνετ που υπάρχουν πλέον είναι πιο εύκολο να ακούς ραδιόφωνο από τον υπολογιστή και σε αυτήν την ανάρτηση θα δούμε το streamWriter το οποίο μας επιτρέπει να γράφουμε μουσική από τους σταθμούς που ακούμε!!

Μπορείτε να προγραμματίσετε πολλές εγγραφές ταυτόχρονα,να φτιάξετε λίστες να διαλέξετε τον τύπο αρχείων και άλλα πολλά που μπορείτε να δείτε ΕΔΩ

Μπορείτε να το κατεβάσετε από ΕΔΩ διαλέγοντας την έκδοση που θέλετε!!Εδώ θα δούμε την

portable έκδοση!!

Μόλις κατέβει διπλό κλικ στο αρχείο και ακολουθούμε τον παρακάτω οδηγό "κλικάροντας" ότι έχω σημειώσει!!
















Οταν ανοίξει το πρόγραμμα φαίνεται έτσι!



 

Το μαύρο βελάκι μας δείχνει που βάζουμε τα λινκ των σταθμών!

Τα πράσινα βέλη δείχνουν τις μπάρες εργασίας με τις ρυθμίσεις

του προγράμματος!!

Το μπλε βελάκι δείχνει τις ρυθμίσεις που θα διαλέξουμε για το κομμάτι/α που θα γράψουμε!

Με λίγο κόπο και τρόπο θα δείτε ότι το streamWriter κάνει την δουλειά του!

Homepage

Υγ:Ο οδηγός δημιουργήθηκε για την έκδοση 4.4. Η τρέχων έκδοση

είναι η 5.4 στην οποία ισχύουν τα ίδια βήματα!

 

Καλή επιτυχία!!!

  Edit by

Παρασκευή, 1 Μαρτίου 2019

Backgammon - Τάβλι

Φίλες και φίλοι γεια σας,σε αυτή την ανάρτηση θα δούμε ένα από τα διασημότερα
παιχνίδια, ελληνικά και μη, το Backgammon - Τάβλι, πόρτες όπως το ξέρουμε
εμείς!Έχει πολύ ωραία γραφικά ελαφρύ, έχει επιλογή να παίξετε με το computer
η με άλλον αντίπαλο, και δεν έχει καμμία σχέση με κάποιες παλιές versions που
έχουν κυκλοφορήσει!









Χαρακτηριστικά:

- Advanced backgammon engine;

- Real backgammon game;

- Amazing graphics and relaxing soundtrack;

- Game statistics;

- Free full version game without any limitations.



 Μπορείτε να το κατεβάσετε από ΕΔΩ!


 Game Requirements

 Game Size: 2.5 Mb


 Windows 98/XP/Vista/7/8/10




Καλό Παιχνίδι!!! 



 Edit by

Τρίτη, 26 Φεβρουαρίου 2019

Maxthon Cloud Browser

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα γνωρίσουμε έναν πολύ
γρήγορο και χρήσιμο browser τον Maxthon 
ο οποίος 
 χρησιμοποιείτε επί το πλείστον σε συσκευές με λειτουργικό android!

Παρόλα αυτά δεν υστερεί σε τίποτα κ η έκδοση του για υπολογιστές  !Μπορεί να μην είναι διάσημος όπως άλλοι του είδους, firefox - chrome - opera - safari αλλά μην εκπλαγείτε
καθόλου όταν χρησιμοποιήσετε λίγο και τον Maxthon στην έκδοση για υπολογιστή!

Είναι πολύ γρήγορος, ενημερώνεται συνεχώς, διαθέτει πολλά πρόσθετα τα
οποία αυξάνονται συνεχώς και δουλεύει σχεδόν σε όλα τα λειτουργικά!



















Όπως βλέπετε από τα βελάκια γίνεται χαμός από μπάρες εργασίες και πρόσθετα
όπως, download manager - skins - extensions και άλλα πολλά!Κάτω δεξιά έχει
κουμπί για mute του ήχου από τον browser μόνο, όχι του υπολογιστή, κουμπί για
αυξομείωση μεγέθους της εικόνας και άλλα πολλά!



Στα σύν του, ότι ακόμα παίζει απρόσκοπτα σχεδόν όλα τα flash types που υπάρχουν στα sites.


Διαθέτει όπως βλέπετε και cloud share, κοινότητα και forum!Ένας πολύ
δυνατός και γρήγορος browser!!




Καλή επιτυχία!!! 


 Edit by

Δευτέρα, 18 Φεβρουαρίου 2019

ChrisPC Free Anonymous Proxy

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε το ChrisPC Free
Anonymous Proxy το οποίο είναι ένα πρόγραμμα που μας επιτρέπει να
αλλάζουμε την τοποθεσία της ip address μας, έτσι ώστε να φαίνεται ό,τι
είμαστε - σερφάρουμε στο internet από διαφορετικές χώρες!Υπάρχουν πολλά
παρόμοια προγράμματα αλλά το συγκεκριμένο είναι πάρα πολύ εύκολο στην λειτουργία του!






Μόλις κατέβει το αρχείο κάνουμε διπλό κλικ πατάμε Εκτέλεση, διαλέγουμε γλώσσα
και ακολουθούμε τα βήματα του εικονογραφημένου οδηγού:





























 Όπως βλέπετε στις 2 προτελευταίες φωτογραφίες η σύνδεση έχει γίνει κανονικά, και
στην τελευταία φωτογραφία ότι η ip μου δείχνει Γερμανία!!

Μπορείτε να δείτε και εσείς από την σελίδα whatismyipaddress  την αλλαγή της δικιάς
σας ip address!!

Homepage


Καλή επιτυχία!!!



 Edit by

Παρασκευή, 15 Φεβρουαρίου 2019

Rollovers Icons

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε πως μπορούμε να
δώσουμε έμφαση και χιούμορ στις φωτογραφίες μας με το rollover effect!Έχουμε
δει και παλιότερα σε ανάρτηση παρόμοιο script με φωτογραφίες εδώ σήμερα θα το
δούμε με εικονίδια!


Δείτε το παράδειγμα

κάνοντας mouseover με τον κέρσορα:





Η εγκατάσταση είναι πάρα πολύ απλή και μπορούμε να χρησιμοποιήσουμε 2 τρόπους:
1ος

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--> ...............................................................................................................................................................

<center><script type="text/javascript">
// Pre load images for rollover
if (document.images) {
    smile = new Image;
    nosmile = new Image;

    smile.src = "https://lh3.googleusercontent.com/-__KROusL_PU/UMfBvr5xnAI/AAAAAAAACfM/NLhGod-cgl0/s95/emoticon-happy-128.png";
    nosmile.src = "https://lh6.googleusercontent.com/-rluANGp2laE/UMfBxuP4xMI/AAAAAAAACfs/S-rQTN0K6BU/s95/emoticon-sad.png";
}
function swapImage(thisImage,newImage) {
    if (document.images) {
        document[thisImage].src = eval(newImage + ".src");
    }
}
</script>  
<a href="/html/codes/" onmouseover="swapImage('jack','smile')" onmouseout="swapImage('jack','nosmile')"><img src="https://lh6.googleusercontent.com/-rluANGp2laE/UMfBxuP4xMI/AAAAAAAACfs/S-rQTN0K6BU/s95/emoticon-sad.png" width="100" height="100" border="0" name="jack" /></a></center>

...........................................................................................................................................................
 2ος
 Αντιγράψτε και επικολλήστε τον κώδικα στο HTML Section της εκάστοτε ανάρτησης!

ΑΛΛΑΓΕΣ 

Απλώς θα κάνετε αντικατάσταση και θα βάλετε τα url σας με τα δικά σας εικονίδια!Δύο διαφορετικά εικονίδια,
το 1 το βάζουμε στην διεύθυνση url του πράσινου φόντου, και το 2 το βάζουμε στην διεύθυνση
url του κίτρινου φόντου! Το 2 το βάζουμε 2 φορές!


Αποθήκευση και έτοιμοι!

Καλή επιτυχία!!! 


Πηγή κώδικα 
thanks to quackit.com



Edit by

Τρίτη, 12 Φεβρουαρίου 2019

Panic Button

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μία εφαρμογή για
συσκευές με λειτουργικό σύστημα Android η οποία ευχόμαστε να είναι σε 
όλους αχρείαστη!
Παρόλα αυτά όπως λέει και ο δημιουργός της, εάν την χρειαστούμε καλό θα
είναι να την έχουμε, ειδικά για τα παιδιά είναι πολύ εύκολη και χρήσιμη εφαρμογή
!Το κουμπί πανικού ενεργοποιείται με το πάτημα ενός κουμπιού πχ 1 η 0,  η με
 κλήση σε έναν αριθμό πχ 123 κτλ 







και δηλώνει την ακριβή μας τοποθεσία εκείνη την στιγμή μέσω 2G / 3G & GPS
στέλνοντας σιωπηλό sms σε 3 τηλεφωνικούς αριθμούς που του έχουμε ορίσει
εμείς!!

Μπορείτε να προκαθορίσετε και το κείμενο του sms που θα σταλεί!






Το μόνο που έχουμε να κάνουμε μετά την εγκατάσταση είναι να:

Επιτρέψουμε στην εφαρμογή να έχει πρόσβαση στην τοποθεσία μας, βασικό αυτό
και να ορίσουμε την ενεργοποίηση του, και τους 3 τηλεφωνικούς μας αριθμούς!

Θα το βρείτε στις ρυθμίσεις - Πρόσβαση Τοποθεσίας! 

Υγ: Σημαντικό: Είναι αυτονόητο ότι η σύνδεση δεδομένων πρέπει να είναι ανοικτή για να λειτουργήσει απρόσκοπτα η εφαρμογή




Απαιτεί Android: 3.0  και άνω

Μέγεθος: 2.7Μ


Καλή επιτυχία!!!



 Edit by

Τρίτη, 5 Φεβρουαρίου 2019

PhotoTitle: Επεξεργάσια Εικόνων

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε το PhotoTitle
το οποίο είναι ένα freeware programm που μας επιτρέπει να ενσωματώνουμε
προτάσεις - κείμενα στις φωτογραφίες μας!Είναι πολύ εύκολο στην χρήση του
με πολλές λειτουργίες, όντας από τα καλύτερα στο είδος του!









Απλό Setup είναι και μόλις το ανοίξετε φορτώνετε (load) μία εικόνα σας, και
ακολουθείτε τον εικονογραφημένο οδηγό: 
















 Καλή επιτυχία!!! 

HOMEPAGE



 Edit by

Δευτέρα, 4 Φεβρουαρίου 2019

Author Profile widget with Social Media

Φίλες και φίλοι γεια σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο Author Profile
widget box, από το οποίο μπορούν να βλέπουν οι αναγνώστες-επισκέπτες μας,  εύκολα και
γρήγορα το προφίλ μας, λίγα λόγια για το blog μας, να διαβάσουν για τον ιδιόκτητη-διαχειριστή
του blog  και ότι άλλο εσείς θέλετε!Έχει ενσωματωμένα και social media links δίνοντας μας, μία
εξαιρετική επιλογή για το Author Profile box μας!!


Η εγκατάσταση του είναι πάρα πολύ απλή και για να γίνει αυτό

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
........................................................................................................................................

<style>
/*widget by www.bloggerspice.com */
.BloggerSpice {width:auto;  height:83px;padding:5px}
.BloggerSpice-BS {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:5px solid #005C91;border-right:5px solid #04BDFA;border-bottom:5px solid #005C91;border-left:5px solid #04BDFA}
.BS-AP{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px;font-size:11px; color:#000000;text-align:justify;}
.BSfb, .BSgp, .BStw {color:#fff!important; display:block;font-weight: bold; line-height: 14px; 

height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}
.BSfb {background: #3B5998;margin-left:76px}
.BSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
.BSgp {background: #D34836;font-size:11px;margin-left:86px}
.BSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
.BStw {background: #4099FF;margin-left:82px}
.BStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}
</style>
 <!-- Author Profile By http://www.bloggerspice.com/ start -->
<div class='BloggerSpice'>
<img alt='
TO ΟΝΟΜΑ ΣΑΣ' src='ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ ΣΑΣ' title="TO ΟΝΟΜΑ ΣΑΣi" class='BloggerSpice-BS' />
<a class='BSfb' href='http://www.facebook.com/USERNAME FACEBOOK rel='nofollow' target="_blank">f</a>
<a class='BSgp' href='https://plus.google.com/GOOGLE PLUS ID' rel='nofollow' target="_blank">G</a>
<a class='BStw' href='http://twitter.com/USERNAME TWITTER' rel='nofollow' target="_blank">t</a>
<div class='BS-AP'>
ΕΔΩ <a href=https://plus.google.com/GOOGLE PLUS ID title="
TO ΟΝΟΜΑ ΣΑΣ" rel='nofollow' target="_blank">TO ΟΝΟΜΑ ΣΑΣ</a><br/>
ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΚΑΛΟΣΩΡΙΣΜΑΤΟΣ ΠΟΥ ΘΕΛΕΤΕ >><a style="color:#04BDFA;" href=" 

ΕΔΩ ΤΟ ΛΙΝΚ ΤΟΥ ΠΡΟΦΙΛ ΣΑΣ Η ΟΤΙ ΑΛΛΟ ΘΕΛΕΤΕ" target="_blank"> Read More &#187;</a>
</div></div>
<!-- Ends -->

..............................................................................................................................................................
ΑΛΛΑΓΕΣ 

TO ΟΝΟΜΑ ΣΑΣ-Εδώ βάζετε το όνομα σας,η το username του google+ σας!
ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ ΣΑΣ-Εδώ μπαίνει η εικόνα που θα φαίνεται στο box!


 USERNAME FACEBOOK
 GOOGLE PLUS ID                         Εδώ βάζετε τα αντίστοιχα usernames
 USERNAME TWITTER                   που έχετε στα εκάστοτε social media!


 ΕΔΩ ΤΟ ΛΙΝΚ ΤΟΥ ΠΡΟΦΙΛ ΣΑΣ Η ΟΤΙ ΑΛΛΟ ΘΕΛΕΤΕ-Εδώ βάζετε το λινκ της σελίδας-
προφίλ σας,που θα οδηγείτε ο αναγνώστης σας μετά το Read More!


000000-  Όποιος θέλει αλλάζει και το χρώμα του box

ΕΔΩ
ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΚΑΛΟΣΩΡΙΣΜΑΤΟΣ ΠΟΥ ΘΕΛΕΤΕ--Εδώ γράφετε το κείμενο
που θέλετε να φαίνεται!!!ΠΡΟΣΕΞΤΕ  το ΕΔΩ από που ξεκινά να μην κάνετε λάθος!Εκεί λέτε
γεια η ότι άλλο θέλετε και το κείμενο συνεχίζεται μετά τον σύνδεσμο!



Αυτά είναι όλα!

Καλή επιτυχία!!

DEMO



Πηγή κώδικα
Thanks to bloggerspice.com


Edit by 
Icon Icon Icon

spice up your blog
1
Google+


Giveaway of the Day
Άδεια Creative Commons
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .