Kατεβάσετε την εφαρμογή android του blog! DownLoad

FoulsCode: 2011-17

Translate

Πρόσφατα Σχόλια

Σύνολο αναρτήσεων

Συνολικές προβολές σελίδας

1ος διαγωνισμός από το FoulsCode

Written By Fouls Code on Κυριακή, 31 Μαρτίου 2013 | Μαρτίου 31, 2013


Και κάπου εδώ φτάσαμε στον πρώτο διαγωνισμό του blog που θα έχουμε 2 νικητές που θα ανακοινωθούν στης 3 μαΐου για 2 κάρτες ανανέωσης τον 5euro!


Πάρτε μέρος στο διαγωνισμό καλώντας μας follow στο twitter και RT το παρακάτω:


RT @foulscode πάρτε μέρος στον διαγωνισμό και κερδίστε... http://foulscode.blogspot.gr/2013/03/1-foulscode.html



Και για αύξησης τις πιθανότητες σου κανε μας like στο facebook.




Στον επόμενο διαγωνισμό ελπίζω τα δώρα να είναι περισσότερα και καλύτερα!

Καλή τύχη σε όλους σας!

Μαρτίου 31, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Awesome CSS3 Buttons For Blog/Site






Κουμπιά για το blog η το site σας!
Αντιγραφή επικόλληση τον παρακάτω κώδικα:


<style>
/* foulscode.blogspot.gr */
.button
{       display: inline-block;
 white-space: nowrap;
 background-color: #ccc;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
 background-image: -webkit-linear-gradient(top, #eee, #ccc);
 background-image: -moz-linear-gradient(top, #eee, #ccc);
 background-image: -ms-linear-gradient(top, #eee, #ccc);
 background-image: -o-linear-gradient(top, #eee, #ccc);
 background-image: linear-gradient(top, #eee, #ccc);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
 border: 1px solid #777;
 padding: 0 1.5em;
 margin: 0.5em;
 font: bold 1em/2em Arial, Helvetica;
 text-decoration: none;
 color: #333;
 text-shadow: 0 1px 0 rgba(255,255,255,.8);
 -moz-border-radius: .2em;
 -webkit-border-radius: .2em;
 border-radius: .2em;
 -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.button:hover
{
 background-color: #ddd;      
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
 background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
 background-image: -moz-linear-gradient(top, #fafafa, #ddd);
 background-image: -ms-linear-gradient(top, #fafafa, #ddd);
 background-image: -o-linear-gradient(top, #fafafa, #ddd);
 background-image: linear-gradient(top, #fafafa, #ddd);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');      
}
.button:active
{       -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 position: relative;
 top: 1px;
}
.button:focus
{
 outline: 0;
 background: #fafafa;
}  
.button:before
{
 background: #ccc;
 background: rgba(0,0,0,.1);
 float: left;      
 width: 1em;
 text-align: center;
 font-size: 1.5em;
 margin: 0 1em 0 -1em;
 padding: 0 .2em;
 -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
 -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
 box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
 -moz-border-radius: .15em 0 0 .15em;
 -webkit-border-radius: .15em 0 0 .15em;
 border-radius: .15em 0 0 .15em;
        pointer-events: none;      
}
/* Hexadecimal entities for the icons */
.add:before
{ content: "\271A";
}
.edit:before
{ content: "\270E";      
}
.delete:before
{ content: "\2718";      
}
.save:before
{ content: "\2714";      
}
.email:before
{ content: "\2709";      
}
.like:before
{ content: "\2764";      
}
.next:before
{ content: "\279C";
}
.star:before
{ content: "\2605";
}
.spark:before
{ content: "\2737";
}
.play:before
{ content: "\25B6";
}
/* foulscode.blogspot.gr */
</style>
<a class="button add"   href="URL">Add</a>
<a class="button delete"href="URL">Delete</a>
<a class="button edit"  href="URL">Edit</a>
<a class="button save"  href="URL">Save</a>
<a class="button email" href="URL">Email</a>
<a class="button like"  href="URL">like</a>
<a class="button next"  href="URL">Next</a>
<a class="button spark" href="URL">spark</a>
<a class="button play"  href="URL">play</a>


DEMO


Και αφού βάλετε το δικό σας URL είστε έτοιμοι για SAVE

Μαρτίου 31, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Social Media Profile With Rss Subscription Widget

Written By Fouls Code on Σάββατο, 30 Μαρτίου 2013 | Μαρτίου 30, 2013



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

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



<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

Αντικαταστήστε τα μαρκαρισμένα γράμματα με τα δικά σας και είστε έτοιμη να κάνετε αποθήκευση.
Μαρτίου 30, 2013 | 0 σχόλια | Διαβάστε περισσότερα

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

Written By Fouls Code on Πέμπτη, 28 Μαρτίου 2013 | Μαρτίου 28, 2013




Η δημοφιλία του 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 για να την κάνει

Μαρτίου 28, 2013 | 0 σχόλια | Διαβάστε περισσότερα

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 | 0 σχόλια | Διαβάστε περισσότερα

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

Written By Fouls Code on Τετάρτη, 27 Μαρτίου 2013 | Μαρτίου 27, 2013




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


<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 | 0 σχόλια | Διαβάστε περισσότερα

Προσθέτοντας 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Αλλάζοντας το επιλέγουμε το χρώμα.



Μαρτίου 27, 2013 | 0 σχόλια | Διαβάστε περισσότερα

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








ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ
Σχολή Θετικών Επιστημών και Τεχνολογίας
Πρόγραμμα Σπουδών
ΠΛ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
Μαρτίου 27, 2013 | 0 σχόλια | Διαβάστε περισσότερα

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.


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





Μαρτίου 27, 2013 | 0 σχόλια | Διαβάστε περισσότερα

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/ αλλάξτε τα μαρκαρισμένα γράμματα με το δικό σας κάντε αποθήκευση τέλος.
Μαρτίου 27, 2013 | 0 σχόλια | Διαβάστε περισσότερα

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>




Και αφού αλλάξετε τα μαρκαρισμένα γράμματα με τα δικά σας είστε έτοιμη να κάνετε αποθήκευση!
Μαρτίου 27, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Styling A Select Box Using CSS3

Written By Fouls Code on Τρίτη, 26 Μαρτίου 2013 | Μαρτίου 26, 2013




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


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>

Αν έχετε απορία για κάτι αφήστε το σχολειό σας και το συντομότερο θα σας δοθεί απάντηση.
Μαρτίου 26, 2013 | 0 σχόλια | Διαβάστε περισσότερα

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
ΠΗΓΗ
Μαρτίου 26, 2013 | 0 σχόλια | Διαβάστε περισσότερα

Iconset: Vintage Social Icons by Iconstoc (27 icons)

Written By Fouls Code on Δευτέρα, 25 Μαρτίου 2013 | Μαρτίου 25, 2013




Artist: Iconstoc (Azis Hertanto) (Available for custom work)
Iconset Homepage: http://iconstoc.com/28-vintage-social-icons
License: Linkware (Backlink to http://iconstoc.com required)
Commercial usage: Not allowed
The products or characters depicted in these icons are © by Respective Copyright Owners



android icon
app store icon
blogger icon
delicious icon
deviantart icon
digg icon
dribbble icon
dropbox icon
evernote icon
flickr icon
google plus icon
html 5 icon
instagram icon
last fm icon
linkedin icon
picasa icon
pinterest icon
rss icon
skype icon
soundcloud icon
stumbleupon icon
technorati icon
twitter icon
twitter font icon
vimeo icon
wordpress icon
youtube icon

Μαρτίου 25, 2013 | 0 σχόλια | Διαβάστε περισσότερα
 
berita unik