Web Analytics Made Easy - StatCounter
Μαρτίου 2013

31 Μαρτίου 2013

Social Media Profile With Rss Subscription Widget



Καλο μηνα σε όλους σας!

Αντιγραφή επικόλληση τον παρακάτω κώδικα:



<style>
#btrixsocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#btrixcounters {
    list-style: none;
    margin:0px;
    overflow: hidden;
    width:300px;
    padding:10px 0 40px 0;
     margin:10px 0 -60px 12px;
}
ul#btrixcounters li {
    float:left;
    margin:0px 0px 5px 0px;
    width:auto;
    padding:0px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
ul#btrixcounters li a {
    display: block;
    height: 54px;
    margin-right: 10px;
    padding-top: 85px;
    text-align: center;
    text-decoration: none;
    width: 85px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-weight: bold;
}
ul#btrixcounters li:hover {
    opacity:0.6
}
ul#btrixcounters li:last-child a{
    margin-right:0px;
}
ul#btrixcounters #counter-rss {
    background: url('http://1.bp.blogspot.com/-hhLOUB2grO4/UTtQuP_UcrI/AAAAAAAAAa4/45ktbduAdlg/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#btrixcounters #counter-rss a {
    color:#cf6600
}
ul#btrixcounters #counter-facebook {
    background: url('http://2.bp.blogspot.com/-tM7840vWvXE/UTtQuOsPBwI/AAAAAAAAAaw/9_XArbd_oQ0/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
    color:#3b4d8f
}
ul#btrixcounters #counter-twitter {
    background: url('http://4.bp.blogspot.com/-WV4xN0DUeyU/UTtQuQ7Y_cI/AAAAAAAAAa0/7uKch5uUVwc/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#btrixcounters #counter-twitter a {
    color:#276ab6
}
.textwidget {width: 300px;margin-top: -50px;}
input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;}
/*foulscode.blogspot.gr */
</style>
<center>
<br />
<div id="btrixsocialcounters">
<ul id="btrixcounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/foulscode">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/foulscode">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/#!/foulscode">5263</a></li>
</ul>
<div class="btrixtextwidget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>Enter your email address:</h3><br />
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="foulscode" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /></form></div><a href="http://foulscode.blogspot.gr/2013/03/social-media-profile-with-rss.html" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Add this</a>
</div>

DEMO

Αντικαταστήστε τα μαρκαρισμένα γράμματα με τα δικά σας και είστε έτοιμη να κάνετε αποθήκευση.
Διαβάστε Περισσότερα »

29 Μαρτίου 2013

ἐθνική ἀγωνία καί συναγερμός γιά τή Θράκη μας


Διαβάστε Περισσότερα »

Μεγάλη εκδήλωση στο «Βελλίδειο» για τη Θράκη!


Μια σημαντική εκδήλωση για τη Θράκη και τους μεγάλους κινδύνους που την απειλούν διοργανώνει το προσεχές Σάββατο 30 Μαρτίου στο «Βελλίδειο Συνεδριακό Κέντρο» της Θεσσαλονίκης η «Θρακική Εστία», 
με γνωστούς ομιλητές (Φραγκούλης Φράγκος, Χαρά Νικοπούλου, Θεοφάνης Μαλκίδης,
Νεκτάριος Δαπέργολας, Ιμάμ Αχμέτ και Βενιαμίν Καρακωστάνογλου), που θα καλύψουν όλο το φάσμα των προβλημάτων που απασχολούν αυτή τη στιγμή τη Θράκη (ελληνοτουρκικές σχέσεις, δράση τουρκικού προξενείου, μειονοτική εκπαίδευση, πομακικό ζήτημα, ΕΟΖ, κλπ).
    Παραθέτουμε στη συνέχεια και την πρόσκληση που εξέδωσε η «Θρακική Εστία Θεσσαλονίκης», μαζί με το πλήρες πρόγραμμα της σημαντικής αυτής ημερίδας:
                          ΠΡΟΣΚΛΗΣΗ
        Η ΘΡΑΚΙΚΗ ΕΣTΙΑ ΘΕΣΣΑΛΟΝΙΚΗΣ
    σᾶς προσκαλεῖ νά παρευρεθεῖτε στό Βελλίδειο συνεδριακό Κέντρο, τό Σάββατο 30 Μαρτίου 2013 στίς 17:00, γιά νά παρακολουθήσετε τό συνέδριο πού διοργανώνει μέ θέμα: «Ἐθνική γωνία καί συναγερμός γιά τή Θράκη μας»
    Πρόγραμμα ’Εκδηλώσεως
    Συντονιστής: Δρ.Βενιαμίν Καρακωστάνογλου,Πρόεδρος Θρακικῆς Ἑστίας Θεσ/νίκης
    17:15-17:25 Ἒναρξη μέ τή χορωδία τῆς Θρακικῆς Ἑστίας Θεσσαλονίκης
    17:25-17:30 Χαιρετισμός ἀπό τόν Παναγιώτατο Μητροπολίτη Θεσσαλονίκης κ.κ. νθιμο
    17:30-17:45 «Η Θράκη στίς Ελληνοτουρκικές σχέσεις»: ῾ΟμιλητήςΔρ. Βενιαμίν ΚαρακωστάνογλουΛέκτωρ Διεθνος Δικαίου, Τμήματος Νομικῆς Α.Π.Θ.
    17:45-18:10 Προβολή video: « Θράκη μας αμορραγε»
    «Μειονοτική Εκπαίδευση: προβλήματα καί προτάσεις»:  ῾ΟμιλήτριαΧαρά Νικοπούλου, Δασκάλα στήν Κομοτηνή
    18:10-18:25 «Ο ρόλος καί ο δραστηριότητες το Τουρκικο Προξενείου τς Κομοτηνς»: ῾Ομιλητής: Δρ. Νεκτάριος Δαπέργολας, Διδάκτωρ ΙστορίαςΑ.Π.Θ., Διαχειριστής “Προξενείο-Στοπ”
    18:25-18:45 Διάλειμμα
    18:45-19:00 Πομάκικα τραγούδια ἀπό τήν ’Εμινέ Μπουρουτζή καί τήν Κεσμπάν Κόντε
    19:00-19:20 Προβολή video: «Πομάκοι στά χνη τς στορίας τς Θράκης»: Παραγωγός: Δρ. λένη Χόρτη, Σκηνοθέτις, Πανεπιστημιακός
    19:20-19:35 «Πομάκοι: ’Από τήν στορική φάνεια στό προσκήνιο»: ῾Ομιλητής’ΙμάμΑχμέτΠρόεδρος Πανελληνίου Συλλόγου Πομάκων και ἐκδότης τς πομακικςφημερίδας «Ζαγάλισα»
    19:35-19:50 «Η Εδική Οκονομική Ζώνη στή Θράκη καί  θνική κυριαρχία»: ῾ΟμιλητήςΔρ. Θεοφάνης ΜαλκίδηςΔιδάκτωρ Κοινωνικν ’Επιστημν Δ.Π.Θ.
    19:50-20:15 «Γεωπολιτική – γεωστρατηγική νάλυση Ελλάδος καί Τουρκίας»: ῾Ομιλητής: Φραγκούλης ΦράγκοςΣτρατηγός ε.α., ’Επίτιμος Αρχηγός ΓΕΣ
    20:15-20:40 ’Ερωτήσεις – Συζήτηση
    20:40-21:00 Συμπεράσματα Συνεδρίου – Ἔκδοση Ψηφίσματος
    21:00-22:00 Θρακιώτικοι χοροί ἀπό τό χορευτικό συγκρότημα τῆς Θρακικῆς Ἑστίας Θεσσαλονίκης
     Η ημερίδα θα πραγματοποιηθεί με την  υποστήριξη πολλών ακόμη γνωστών συλλόγων και φορέων («Ενωμένη Ρωμηοσύνη», Ίδρυμα Θρακικής Τέχνης και Παράδοσης, Ομάδα 21 Μακεδονίας-Θράκης, Όμιλος Φίλων Αγίου Όρους, Ομοσπονδία Προσφυγικών Συλλόγων Ελλάδος, Πανελλήνια Ομοσπονδία Ειδικών Δυνάμεων, Πανελλήνια Ομοσπονδία Συλλόγων Ανατολικῆς Ρωμυλίας, Πανελλήνιος Σύνδεσμος «Παρακαταθήκη», Πνευματικό Κέντρο «Η Κιβωτός της Δόμνας Βιζβίζη», Στέγη Γραμμάτων καί Τεχνών «Αλέξανδρος Παπαδιαμάντης», Σύλλογος Πολυτέκνων Ν. Θεσσαλονίκης «Οι Άγιοι Πάντες»), ενώ την οργανωτική της επιτροπή αποτελούν οι Βενιαμίν Καρακωστάνογλου, Ιωάννης Δρούγκας (αντιστράτηγος ε.α.), Αναστάσιος Τσερκέζης (αξιωματικός Πολεμικής Αεροπορίας ε.α.), Γεώργιος Γκιρτζιμανάκης (Νομικός – Οικονομολόγος) και Ιωάννης Φριτζαλάς (Γεωπολιτικός – Ιστορικός  Ερευνητής, υπεύθυνος της «Κιβωτού της Δόμνας Βιζβίζη»)
     Να σημειωθεί τέλος ότι για όσους θελήσουν να παρακολουθήσουν τη σημαντική αυτή εκδήλωση, έχει εξασφαλιστεί ελεύθερη στάθμευση εντός της Δ.Ε.Θ. (από την είσοδο της Νέας Εγνατίας)…

http://www.veteranos.gr/2013/03/blog-post_29.html
Διαβάστε Περισσότερα »

6 χρήσιμα plugins για βελτιστοποίηση εικόνων στο WP




Η δημοφιλία του WordPress δεν είναι αποτέλεσμα μόνο του ότι είναι δωρεάν και εύκολο στη χρήση αλλα και του ότι παρέχει αμέτρητα plugins.Αυτά τα plugins σας παρέχουν αρκετές ευκολίες απο διαχείριση mailing lists, ενσωμάτωση εικονιδιών κοινωνικών δικτύων, μεταφράσεις κτλ. και βελτίωση της φόρτωσης των εικόνων της σελίδας σας. Το να βελτιστοποιήσετε τις εικόνες σας είναι σημαντικό όχι μόνο εαν έχετε πολλές εικόνες αλλα γενικά ώστε να κάνετε την φόρτωση της σελίδας σας ταχύτερα. Παρακάτω, θα βρείτε κάποια απο τα καλύτερα WP plugins για αυτή τη δουλειά.
1. Lazy Load
Το ευκολότερο απο όλα στην διαχείριση μιας και απαιτεί μόνο εγκατάσταση και ενεργοποίηση. Δεν επιτρέπει την προφόρτωση των εικόνων και δίνει και ενα fade-in effect στην εικόνα.
2. Imsanity
Αυτό το plugin αλλάζει τις διαστάσεις των εικόνων. Είναι ιδιανικό για όσους δεν έχουν ανάγκη απο εικόνες υψηλής ανάλυσης και δεν ξέρουν πώς να κάνουν resize τις εικόνες τους σε κάποιο πρόγραμμα.
3. CW Image Optimizer
Εαν θέλετε να βελτιώσετε τις εικόνες που έχετε ήδη ανεβάσει στην σελίδα σας χωρίς να μειώσετε την ποιότητά τους, αυτό το plugin χρησιμοποιεί τεχνικές μικρής απώλειας και το μόνο που αλλάζει είναι το μέγεθος των αρχείων εικόνων.
4. PB Responsive Images
Αυτό το plugin θα κάνει αυτόματα reformat όλες τις εικόνες σε μια μορφή παρόμοια με αυτή των responsive images, ανάλογα με την ανάλυση οθόνης τους κάθε επισκέπτη χωρίς την ανάγκη κώδικα.
5. WP Smush.It
Το plugin αυτό χρησιμοποιεί την υπηρεσία Yahoo’s Smush.it, η οποία δεν απαιτεί διαμορφώσεις για να βελτιστοποιήσει τις εικόνες και να μειώσει το μέγεθος τους. Θα βελτιστοποιήσει όλες τις εικόνες που έχουν φορτωθεί αυτόματα και, επίσης, παρέχει επιλογή μαζικής (bulk) βελτιστοποίησης.
6. Hammy
Βελτιστοποιεί τις εικόνες της ιστοσελίδας σας παράγοντας τις εικόνες αυτές σε διάφορες διαστάσεις οπότε όταν κάποιος επισκεφτεί την σελίδα σας, προβάλει την εικόνα σε ενα απο τα μεγεθη που εχει παράξει ανάλογα με την οθόνη του χρήστη.Είναι κατάλληλο για χρήστες κινητών τηλεφώνων.
Για όσους μας ρωτήσουν για ποιον λόγο να μπουν σε αυτήν την ταλαιπωρία έχουμε 3 απαντήσεις σε διαφορετικά σενάρια.
1) Η κατασκευή των ιστοσελίδων σας πρέπει να στοχεύει όχι μόνο σε αισθητικά πρωτεία αλλά και σε ταχύτητα φόρτωσης τους. Κανείς δεν είναι διατεθειμένος να περιμένει περισσότερο από λίγα δευτερόλεπτα για να δει τις σελίδες σας. Απλά το πουλάκι θα πετάξει
2) Η κατασκευή ενός e-shop / καταλόγου προϊόντων με το wordpress δεδομένου ότι θα περιέχει ενδεχομένως εκατοντάδες εικόνες των προϊόντων καθιστά ΕΠΙΤΑΚΤΙΚΗ την ανάγκη συμπίεσης αυτών των εικόνων. Αλλιώς το πουλάκι ( ή αλλιώς επισκέπτης – υποψήφιος πελάτης) πάει πέταξε.
3) Εκτός από τους χρήστες την συμπίεση εικόνων την αγαπάει και το google. Μια βασική εργασία στην προώθηση ιστοσελίδωνπου δεν χρειάζεται και κάποιος να είναι seo expert για να την κάνει

Διαβάστε Περισσότερα »

Pure CSS - Image Slider




Αντιγραφή επικόλληση τον παρακάτω κοντιά:


<style>
/* foulscode.blogspot.gr */
body {
  background: #ccc;
  width: 950px;
  margin: 0 auto;
  padding: 10px;
}
.slider {
  background: #111;
  width: 950px;
  height: 350px;
  padding: 10px;
  position: relative;
  top: 10px;
  box-shadow: 0 30px 50px -20px black;
  overflow: hidden;
}
.images {
  background: #ccc;
  width: 100%;
  height: 74%;
  transition: background .5s linear;
}
input[type='radio'] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #444;
  background-size: 225px 70px;
  width: 225px;
  height: 70px;
  margin: 5px;
  cursor: pointer;
  position: relative;
  float: left;
  top: 270px;
  -webkit-filter: sepia();
}
input[type='radio']:checked {
  content: '';
  border: solid 5px #ccc;
  box-shadow: none;
  -webkit-filter: none;
}
input[type='radio']:hover{
  border: solid 5px #fff;
  -webkit-filter: none;
  transform: scale(1.05);
  z-index: 9999;
}
.slide1 {
  background: url(http://iweb.uz/azik/wp-content/uploads/2012/10/samarkand1.jpg);
}
.slide2 {
  background: url(http://iweb.uz/azik/wp-content/uploads/2012/10/samarkand2.jpg);
}
.slide3 {
  background: url(http://iweb.uz/azik/wp-content/uploads/2012/10/samarkand3.jpg);
}
.slide4 {
  background: url(http://iweb.uz/azik/wp-content/uploads/2012/10/samarkand4.jpg);
}
.slide1:checked ~ .images {
  background: url(http://iweb.uz/azik/wp-content/uploads/2012/10/samarkand1.jpg);
}
.slide2:checked ~ .images {
  background: url(http://iweb.uz/azik/wp-content/uploads/2012/10/samarkand2.jpg);
}
.slide3:checked ~ .images {
  background: url(http://iweb.uz/azik/wp-content/uploads/2012/10/samarkand3.jpg);
}
.slide4:checked ~ .images {
  background: url(http://iweb.uz/azik/wp-content/uploads/2012/10/samarkand4.jpg);
}
h3{
  color: #000;
  font-family: 'Courier';
  margin: 30px -15px 0 0;
  text-align: right;
  text-shadow: 2px 2px 2px #fff;
}
h3 a{
  color: #000;
  text-decoration: none;
}
/* foulscode.blogspot.gr */
</style>
<div class='slider'>
  <input checked='' class='slide1' name='thumbnail' type='radio' />
  <input class='slide2' name='thumbnail' type='radio' />
  <input class='slide3' name='thumbnail' type='radio' />
  <input class='slide4' name='thumbnail' type='radio' />
  <div class='images'></div>
</div>
<h3>
  created by
  <a href='https://foulscode.blogspot.gr' target='_blank'>foulscode</a>
</h3>




DEMO



Αντικαταστήστε τα URL τον εικόνων με τα δικά σας URL αποθήκευση και τελειώσατε!
Διαβάστε Περισσότερα »

28 Μαρτίου 2013

Προτεινόμενα Post από CSS, jQuery




Αντιγραφή επικόλληση τον κώδικα:


<style scoped="" type="text/css">
/* foulscode.blogspot.gr */
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:250px}
#slides li{width:49.9%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%}
#slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%}
#slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:100%;border:0;padding:4px;background-color:#0097BD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://1.bp.blogspot.com/-FtnGJHMcWH8/UIV3IE-aaJI/AAAAAAAAGHs/WvLypnWxg5A/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x;border:4px solid #0097BD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#slides h4{position:absolute;bottom:30px;margin:0;font-size:18px;font-family:Georgia,Times,"Times New Roman";left:0;padding:0 10px;color:white;z-index:3;line-height:20px;font-weight:normal}
#slides li:nth-child(2) h4,#slides li:nth-child(3) h4{font-size:13px;line-height:15px}
#slides .label_text{font-size:9px;color:white;bottom:10px;z-index:3;left:10px;font-family:Verdana,Geneva,sans-serif;position:absolute}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none}
#slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
#buttons{margin:5px 0 0}
#buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
#buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
#buttons a#nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}
@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:49.8%}
  #slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%}
  #slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%}
  #slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%}
}
/* foulscode.blogspot.gr */
</style>
<div id="featuredpost"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="https://ivyth.googlecode.com/svn/js/featuredpost.min.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://foulscode.blogspot.com",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
});
//]]>
</script>

DEMO


Και αφού βάλετε το δικό σας link είστε έτοιμη να κάνετε αποθήκευση.
Διαβάστε Περισσότερα »

27 Μαρτίου 2013

Προσθέτοντας Disqus Widget στο blog σας.




Ένα Widget που εμφανίζει τους top που σχολιάζουν στο blog σας για αυτούς που χρησιμοποιούν την πλατφόρμα σχολειων http://disqus.com/


Αντιγραφή επικόλληση τον παρακάτω κώδικα: 




<div class="heading blue">
            <h2>Community</h2>
        </div>
        <script type="text/javascript" src="http://foulscode.disqus.com/combination_widget.js?num_items=5&hide_mods=1&color=grey&default_tab=recent&excerpt_length=30"></script>
    </div>



  • Αντικαταστήστε το foulscode με το δικό σας username.



  • greyΑλλάζοντας το επιλέγουμε το χρώμα.



Διαβάστε Περισσότερα »

Ευφυή Πληροφοριακά Συστήματα και Ευρετικές Μέθοδοι








ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ
Σχολή Θετικών Επιστημών και Τεχνολογίας
Πρόγραμμα Σπουδών
ΠΛHPOΦOPIKH
Θεματική Ενότητα
EΦAPMOΓEΣ ΠΛHPOΦOPIKHΣ
Τόμος B'
Eυφυή Πληροφοριακά Συστήματα και
Eυρετικές Mέθοδοι
IΩΑΝΝΗΣ ZΑΧΑΡΑΚΗΣ
Mηχανικός – ∆ρ Πληροφορικής



ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ
Σχολή Θετικών Επιστημών και Τεχνολογίας
Πρόγραμμα Σπουδών
ΠΛHPOΦOPIKH
Θεματική Ενότητα
EΦAPMOΓEΣ ΠΛHPOΦOPIKHΣ
Τόμος B'
Eυφυή Πληροφοριακά Συστήματα και Eυρετικές Mέθοδοι
Συγγραφή
IΩANNHΣ ZAXAPAKHΣ
Mηχανικός – ∆ρ Πληροφορικής
Κριτική Ανάγνωση
EYAΓΓEΛOΣ KAPKAΛETΣHΣ
∆ρ Πληροφορικής
Ακαδημαϊκός Υπεύθυνος για την επιστημονική επιμέλεια του τόμου
ΓEΩPΓIOΣ NIKHΦOPI∆HΣ
Kαθηγητής Tμήματος Iατρικής
Πανεπιστημίου Πατρών
Επιμέλεια στη μέθοδο της εκπαίδευσης από απόσταση
ANAΣTAΣIOΣ TPIANTHΣ
Γλωσσική Επιμέλεια
ΣTEΦANOΣ ΛOYNTZHΣ
Τεχνική Επιμέλεια
EΣΠI EK∆OTIKH E.Π.E.
Καλλιτεχνική Επιμέλεια, Σελιδοποίηση
TYPORAMA
Συντονισμός ανάπτυξης εκπαιδευτικού υλικού και γενική επιμέλεια των εκδόσεων
ΟΜΑ∆Α ΕΚΤΕΛΕΣΗΣ ΕΡΓΟΥ ΕΑΠ / 2001
ISBN: 960–538–212–1
Kωδικός Έκδοσης: ΠΛH 33/2
Copyright 2000 για την Ελλάδα και όλο τον κόσμο
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ
Οδός Παπαφλέσσα & Υψηλάντη, 26222 Πάτρα – Τηλ: (0610) 314094, 314206 Φαξ: (0610) 317244
Σύμφωνα με το Ν. 2121/1993, απαγορεύεται η συνολική ή αποσπασματική αναδημοσίευση του βιβλίου αυτού
ή η αναπαραγωγή του με οποιοδήποτε μέσο χωρίς την άδεια του εκδότη.

Αν θέλετε μια κοινοποίηση facebook η twitter θα μας βοηθούσατε.

Download
Διαβάστε Περισσότερα »

Adding Disqus Top Commenters Widget To Blog



Ένα Widget που εμφανίζει τους top που σχολιάζουν στο blog σας για αυτούς που χρησιμοποιούν την πλατφόρμα σχολειων http://disqus.com/


Αντιγραφή επικόλληση τον παρακάτω κώδικα: 


<div id="topcommenters" class="dsq-widget"><h2 class="dsq-widget-title">Top Commenters</h2><script type="text/javascript" src="http://foulscode.disqus.com/top_commenters_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32"></script></div>

  • Αντικαταστήστε το foulscode με το δικό σας username.


  • Το είναι ο αριθμός από τα σχολεια που θα εμφανίζονται.





Διαβάστε Περισσότερα »

Email Subscription Slider Widget For Blogger



Αντιγραφή επικόλλησης τον παρακάτω κώδικα:

<!-- Email Subscription Slider Widget For Blogger by FoulsCode -->
 <script type="text/javascript" src="http://widcraft.googlecode.com/svn/jquery.min.js"></script>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#bwsocialslide").show("slow");else $("#bwsocialslide").hide("slow");});function closebwsocialslide(){$('#bwsocialslide').remove();}</script>
<style>
#bwsocialslide{
  background:#f3f3f3;
  -moz-box-shadow:inset 0 0 1px #333;
  -webkit-box-shadow:inset 0 0 1px #333;
  box-shadow:inset 0 0 1px #333;
  padding:12px 14px 12px 14px;
  width:250px;
  position:fixed;
  bottom:13px;right:0px;
  display:none;
  z-index:3;
  height:65px;
}
.bw-email{
  padding:5px 0 0 5px;
  float:left;
  font-size:1.4em;
  font-weight:bold;
  margin:0 0 10px 0;
  color:#686B6C;
}
.bw-emailsubmit{
  background:#9B9895;
  cursor:pointer;
  color:#fff;
  border:none;
  padding:3px;
  text-shadow:0 -1px 1px rgba(0,0,0,0.25);
  font:12px sans-serif;
}
.bw-emailsubmit:hover{
  background:#E98313;
}
.textarea{
  padding:2px;
  margin:6px 2px 6px 2px;
  background:#f9f9f9;
  border:1px solid #ccc;
  resize:none;
  box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  font-size:13px;
  width:170px;
  color:#666;
}
</style>
<div style="display: none;" id="bwsocialslide">
<a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closebwsocialslide();">(X)</a>
<div class="bw-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feeds.feedburner.com/foulscode', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="foulscode" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="bw-emailsubmit" value="Submit" type="submit" />
</form>
</div>
</div>
<div class='clear'></div>
<!-- Email Subscription Slider Widget For Blogger by FoulsCode -->


Και αφού έχετε κάνει εγγραφη στο http://feedburner.google.com/ αλλάξτε τα μαρκαρισμένα γράμματα με το δικό σας κάντε αποθήκευση τέλος.
Διαβάστε Περισσότερα »

3D Flipping Menu For Blog



Αντιγραφή επικόλληση τον παρακάτω κώδικα:



<style>
 /* 3d flipping menu by foulscode.blogspot.gr */
        .block-menu {
            display: block;
            background: #000;
        }
        .block-menu li {
            display: inline-block;
        }
        .block-menu li a {
            color: #fff;
            display: block;
            text-decoration: none;
            font-family: 'Passion One',Arial,sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            font-smoothing: antialiased;
            text-transform: uppercase;
            overflow: visible;
            line-height: 20px;
            font-size: 24px;
            padding: 15px 10px;
        }
        /* animation domination */
        .three-d {
            -webkit-perspective: 200px;
            -moz-perspective: 200px;
            perspective: 200px;
            -webkit-transition: all .07s linear;
            -moz-transition: all .07s linear;
            transition: all .07s linear;
            position: relative;
        }
            .three-d:not(.active):hover {
                cursor: pointer;
            }
            .three-d:not(.active):hover .three-d-box,
            .three-d:not(.active):focus .three-d-box {
                -moz-transform: translateZ(-25px) rotateX(90deg);
                -webkit-transform: translateZ(-25px) rotateX(90deg);
                -o-transform: translateZ(-25px) rotateX(90deg);
                transform: translateZ(-25px) rotateX(90deg);
            }
        .three-d-box {
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            -ms-transition: all .5s ease-out;
            -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
            -webkit-transform: translatez(-25px);
            -moz-transform: translatez(-25px);
            -o-transform: translatez(-25px);
            transform: translatez(-25px);
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
            pointer-events: none;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
        }
        .front {
            -webkit-transform: rotatex(0deg) translatez(25px);
            -moz-transform: rotatex(0deg) translatez(25px);
            -o-transform: rotatex(0deg) translatez(25px);
            transform: rotatex(0deg) translatez(25px);
        }
        .back {
            -webkit-transform: rotatex(-90deg) translatez(25px);
            -moz-transform: rotatex(-90deg) translatez(25px);
            -o-transform: rotatex(-90deg) translatez(25px);
            transform: rotatex(-90deg) translatez(25px);
            color: #FFE7C4;
        }
        .front, .back {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: black;
            padding: 15px 10px;
            color: white;
            pointer-events: none;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
</style>
<ul class="block-menu">
<li><a href="URL" class="three-d">Home<span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span></a></li>
<li><a href="URL" class="three-d">
Demos<span class="three-d-box"><span class="front">Demos</span><span class="back">Demos</span></span></a></li>
<li><a href="URL" class="three-d">
Deals<span class="three-d-box"><span class="front">Deals</span><span class="back">Deals</span></span></a></li>
<li><a href="URL" class="three-d">
About<span class="three-d-box"><span class="front">About</span><span class="back">About</span></span></a></li>
</ul>




Και αφού αλλάξετε τα μαρκαρισμένα γράμματα με τα δικά σας είστε έτοιμη να κάνετε αποθήκευση!
Διαβάστε Περισσότερα »

Βίντεο τραγουδιού για τον Γεώργιο Καραϊσκάκη και τη μάχη της Αράχωβας.


Η μικρή  Ευγενία Ξεφτέρη (τυφλή εκ γενετής) τραγουδά με ανεπανάληπτο τρόπο ένα δημοτικοφανές τραγούδι για τον Γεώργιο Καραϊσκάκη και τη Μάχη της Αράχωβας που έχουν δημιουργήσει δυο άνθρωποι της Εκκλησίας: Ο πατήρ Θεόδωρος Τσαμπατζίδης που έχει γράψει την μουσική και ο Θεόδωρος Σάντας τους στίχους. Την Ευγενία συνοδεύει η νεανική χορωδία του ιερού ναού Αγίου Παντελεήμονος Καλαμαριάς και το τραγούδι πρωτοακούστηκε την 25η Μαρτίου 2009 σε ειδική εορταστική εκδήλωση.


«Στην Δόμβραινα στο Δίστομο
η Δόξα σου θα μείνει
η Νίκη της Αράχωβας
χορός κλεφτών θα γίνει…
Απ’ το φλασκί κρασί θα πιούν
θα σφάξουν τα κριάρια
θα παραβγούν στο τρέξιμο
τ’ άξια παλληκάρια…

Βάστα καρδιά, βάστα ψυχή
βάστα Καραϊσκάκη
μη γονατίσει ο ραγιάς
είν’ απ’ το Μαυρομμάτι…

Τα απροσκύνητα βουνά
γεννούν παλληκαράδες
τους Σταυραετούς της Ρούμελης
να πολεμούν Αγάδες»!…
Διαβάστε Περισσότερα »

Πραγματικά οικονομικά της Κύπρου


Ν. Λυγερός, Μ. Χρήστου


Αυτήν την περίοδο στην Κύπρο γίνεται πολύς θόρυβος για τα οικονομικά της δεδομένα χωρίς όμως να υπάρχουν συγκεκριμένα στοιχεία και στο τέλος η τακτική παρουσιάζεται να κυριαρχεί της στρατηγικής, ενώ αυτό δεν έχει κανένα νόημα. Η οικονομική κατάσταση που διανύουμε τώρα στην Κύπρο δεν οφείλεται καθόλου σε ενεργειακά προβλήματα, όπως προσπαθούν να το παρουσιάσουν μερικοί για να καλύψουν άλλα προβλήματα. Όταν έγινε η ένταξη της Κύπρου στην Ευρωπαϊκή Ένωση το 2004, η Κύπρος πληρούσε τα 41 οικονομικά κριτήρια, πράγμα το οποίο είναι πολύ σπάνιο για όλα τα κράτη-μέλη της Ευρωπαϊκής Ένωσης. Εκείνη την περίοδο χάρη στον Τάσσο Παπαδόπουλο, η Κύπρος μας κατάφερε να απορρίψει το Σχέδιο Ανάν, να μπει στην Ευρωζώνη και να υπογράψει τρεις συμφωνίες οριοθέτησης για την ΑΟΖ της. Στην πραγματικότητα, ακολούθησε αυτήν την πορεία και με το οικόπεδο 12, όπου βρέθηκε φυσικό αέριο στο κοίτασμα Αφροδίτη. Τα οικονομικά προβλήματα της Κύπρου άρχισαν με την έκρηξη στο Μαρί, η οποία κατέστρεψε ένα μεγάλο ποσοστό των εγκαταστάσεων της ΑΗΚ, λόγω μιας καταστροφικής επιλογής όσον αφορά στη διατήρηση του οπλοστασίου σε αυτήν την περιοχή, ενώ υπήρχαν καταγγελίες και από το στρατό και από την πυροσβεστική. Με αυτήν την πίεση άρχισαν τα οικονομικά προβλήματα και παρουσιάστηκαν τα τοξικά ομόλογα που είχε αγοράσει η Λαϊκή από την Marfin. Το κυρίαρχο ερώτημα είναι γιατί η Λαϊκή Τράπεζα είναι το επίκεντρο του ενδιαφέροντος, ενώ είναι μια ιδιωτική τράπεζα. Η απάντηση είναι απλή και δίνεται από τα πραγματικά οικονομικά της στοιχεία. Το μερίδιο της Λαϊκής στην αγορά είναι 20% όσον αφορά στα δάνεια και 18 % στις καταθέσεις. Πιο συγκεκριμένα ακόμα, τα οικονομικά μεγέθη είναι της τάξης των 27 Δις ευρώ για τα δάνεια και assets, 17 Δις ευρώ για τις καταθέσεις και 9,5 Δις ευρώ από τον Δανειστή έσχατης προσφυγής (ELA). Αν επιπλέον υπολογίσουμε ότι τα τοξικά ομόλογα άρχισαν από το 2009 και έφτασαν μια τάξη μεγέθους 3,5 δις ευρώ, ενώ μετά πωλήθηκαν μόνο για 0,5 δις ευρώ, μπορούμε εύκολα να επινοήσουμε πόσα προβλήματα προκάλεσαν και γιατί έχουν τις επιπτώσεις που βιώνουμε τώρα στην Κύπρο, μετά την ανάδειξή τους από την έκρηξη στο Μαρί. Για να ξεπεράσει ορθολογικά αυτά τα προβλήματα, η Κύπρος πρέπει να συνεχίσει την υψηλή της στρατηγική όσον αφορά στην αξιοποίηση της Κυπριακής ΑΟΖ και των υδρογονανθράκων της. Αυτό μπορεί να γίνει πρακτικά με τη συνέχιση του δεύτερου γύρου παραχώρησης που επέτρεψε ήδη συμβόλαια για τα οικόπεδα 2,3,9,10 και 11, περνώντας τώρα στα οικόπεδα 5,6,7 και 8, διότι θα φέρουν και αυτά μεγάλες απολαβές στην Κύπρο. Δεν πρέπει λοιπόν το δέντρο να κρύβει το δάσος. Διότι η Κύπρος μπορεί να αντεπεξέλθει με σοβαρές διαπραγματεύσεις γιατί έχει ενεργειακές προοπτικές που δεν είναι πια θεωρητικές.
Διαβάστε Περισσότερα »

26 Μαρτίου 2013

Styling A Select Box Using CSS3




Αντιγραφή επικόλληση τον παρακάτω κώδικα!


HTML code:


<div class="styled-select">
<select>
<option> Everything </option>
<option> Widgets </option>
<option> Tutorial </option>
<option> CSS3 </option>
<option> jQuery </option>
</select>
</div>

CSS code:


<style>
.styled-select {
width: 228px;
height: 34px;
overflow: hidden;
background: url(http://3.bp.blogspot.com/-8hquXopMWrY/UEOhmM4qIcI/AAAAAAAALcA/8uVJAMRs14s/s1600/Select.png) no-repeat ;
border-radius: 10px;
}
.styled-select select {
background: transparent;
width: 228px;
padding: 5px;
border: 1px solid #CCC;
font-size: 16px;
height: 34px;
font-weight: bold;
outline:0px;
-webkit-appearance: none;
border-radius: 10px;
}
.styled-select option {
background: lightgrey;
width: 228px;
padding: 5px;
border: 1px solid #CCC;
font-size: 16px;
height: 34px;
outline:0px;
-webkit-appearance: none;
}
</style>

Αν έχετε απορία για κάτι αφήστε το σχολειό σας και το συντομότερο θα σας δοθεί απάντηση.
Διαβάστε Περισσότερα »

Article Sites.Μια πλήρης λίστα για όσους ασχολούνται με προώθηση ιστοσελίδων





Ακολουθεί μια λίστα από article sites , ενημερωμένη με δεδομένα του τρέχοντος μηνός Μαρτίου. Σε κάθε μια από αυτή μπορείτε να δείτε στα δεξιά της την κατάταξη της βάσει της Alexa αλλά και το page rank της κάθε σελίδας στο Google.  Ένας απλός και αποτελεσματικός τρόπος για να προωθήσετε τις ιστοσελίδες σας. Φυσικά αποτελεί μια λίστα αγγλόφωνων κυρίως ιστοτόπων
Μπορείτε όμως απλά με μια εγγραφή στο iwriter.com και με ένα κόστος που δεν ξεπερνά τα 8 ευρώ για ένα άρθρο 700 λέξεων να έχετε όχι μόνο ένα πρωτότυπο άρθρο σε θέμα της αρεσκείας σας στην αγγλική γλώσσα αλλά κυρίως να είναι και σε spun syntax ώστε να μοιράσετε διαφορετικές εκδοχές του ίδιου άρθρου στα διάφορα article sites.
Θα συνιστούσα την αποφυγή αυτοματοποιημένων μηχανισμών γιατί το Google είναι σε θέση να τα αντιληφθεί και να κάνει penalize την ιστοσελίδα σας. Εξάλλου με τον προτεινόμενο τρόπο ελαχιστοποιείται ο όποιος κίνδυνος και παραμένει μια διαδικασία white hate seo με ευεργετικά αποτελέσματα στον υπό προώθηση ιστοτόπο σας.
Η προώθηση ιστοσελίδων θέλει τον τρόπο της αλλά σίγουρα και κάποιο κόπο. Εξάλλου τίποτα στην ζωή δεν εξαιρείται από αυτόν τον απλό κανόνα.
Μια απλή συμβουλή σε όσους κατασκευάζουν e-shop. Μια περιγραφή κάποιων προϊόντων σας με κάποιες σχετικές εικόνες από αυτό σε πολλές περιπτώσεις αρκούν για να πάρετε μια πρωτιά στο google ειδικά σε λέξεις – φράσεις με κάτω από 100.000 αποτελέσματα. ( αρκεί φυσικά η σελίδα προσγείωσης – landing page – του προϊόντος στο e-shop σας να έχει το απαραίτητο on page optimization )


SL NOARTICLE SITESALEXA RANKPAGE RANK
1http://ezinearticles.com/4486
2http://articlesbase.com/18465
3http://goarticles.com/26916
4http://pubarticles.com/45354
5http://articlesnatch.com/52154
6http://ezinemark.com/63464
7http://sooperarticles.com/69434
8http://articlerich.com/85954
9http://articlecity.com/97045
10http://articlealley.com/111254
11http://authors.artipot.com/140943
12http://artipot.com/140943
13http://articletrader.com/146874
14http://bukisa.com/149285
15http://basearticles.com/160634
16http://streetarticles.com/163183
17http://galoor.com/166073
18http://articlepool.info/190534
19http://snipsly.com/198704
20http://a1articles.com/204903
21http://myarticle.com/207313
22http://abcarticledirectory.com/208103
23http://articlebiz.com/20,8734
24http://articlecube.com/217244
25http://articopia.com/220573
26http://articlefeeder.com/224693
27http://goodposts.com/226324
28http://allthewebsites.org/229425
29http://articlesxpert.com/236894
30http://articleblast.com/239194
31http://upublish.info/240284
32http://articlecell.com/252653
33http://easyarticles.com/263983
34http://articleonlinedirectory.com/279164
35http://karmalynx.com/286564
36http://getyourcontent.com/287163
37http://uswebpros.com/321993
38http://articlesbus.com/327844
39http://read-books-online.info/337266
40http://article-treasure.com/345023
41http://article-biz.com/354265
42http://goodinfohome.com/357284
43http://searcharticles.net/358593
44http://articlemonkeys.com/381973
45http://article-diary.com/455333
46http://dime-co.com/464043
47http://copytaste.com/467304
48http://facts-and-figures.org/542063
49http://articles.webraydian.com/617805
50http://contentcaboodle.com634053
51http://freearticlezines.com/699923
52http://domadeed.com/737773
53http://ambravallo.com/871963
54http://ppnow.com/961714
55http://medsavailable.com/1118593
56http://e-articles.me/1359913
57http://digitaldividenetwork.org/1556796
58http://sdcouncil.com/1576323
59http://betterliving.co.nz/5458104
60https://amazines.com/ - 4
ΠΗΓΗ
Διαβάστε Περισσότερα »
Related Posts Plugin for WordPress, Blogger...