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

Αναρτήσεις

Εμφάνιση αναρτήσεων με την ετικέτα Social

Social Engineering : Παράδειγμα

Αυτό το παράδειγμα είναι αυτούσιο από το βιβλίο Social Engineering The Art of Human Hacking του Christopher Hadnagy και θα το παραθέσω μεταφρασμένο.

O C.H. λοιπόν μας μιλάει για την εμπειρία του όταν προσφέρθηκε να δείξει σε ένα show του BBC πόσο εύκολο θα ήταν όχι μόνο να κλέψει την τσάντα μιας γυναίκας και να πάρει την πιστωτική της κάρτα αλλά και τον κωδικό. Το BBC ασφαλώς είπε ότι αυτό δεν πρόκειται να συμβεί. Ο ίδιος με την ομάδα του ήξεραν ότι μπορούσαν να το κάνουν αφού είχαν αναφερθεί τέτοιου είδους απάτες.

Για να διαδραματίσουν λοιπόν το "πείραμα" τους πήγαν σε μια τοπική καφετέρια. Η καφετέρια ήταν στον ψηλότερο όροφο ενώς πολυκαταστήματος στην Oxford Street. Ήταν σχεδόν άδειο και αυτός έκατσε σε ένα άδειο τραπέζι φορώντας ένα "επαγγελματικό" κουστούμι, άφησε τον χαρτοφύλακα του στο τραπέζι και περίμενε για το κατάλληλο θύμα. Μετά από λίγη ώρα το κατάλληλο θύμα έφτασε μαζί με ένα φίλο του και κάτσανε στο διπλανό τραπέζι και το θύμα (η γυναίκα) άφησε την τσά…

Τι είναι το Phishing

Phishing, η μεγαλύτερη απάτη ever!
Το Phishing, είναι ένα έγκλημα που κοστίζει, σε επιχειρήσεις και ιδιώτες, χιλιάδες αν όχι εκατομμύρια δολάρια ετησίως.

Τι είναι, τέλος πάντων, αυτό το phishing;
Λοιπόν, το phishing είναι ένας τύπος απάτης που παγιδεύει τους ανθρώπους και τους αναγκάζει να αποκαλύψουν πολύ προσωπικές πληροφορίες, όπως στοιχεία πιστωτικών καρτών, ονόματα χρηστών και κωδικούς πρόσβασης, αριθμούς λογαριασμών και άλλα παρεμφερή προσωπικά δεδομένα. Ο πιο συνηθισμένος τρόπος phishing είναι μέσω email. Τα θύματα λαμβάνουν ένα μήνυμα ηλεκτρονικού ταχυδρομείου από ένα άτομο που ισχυρίζεται ότι είναι μια εταιρεία ή κάποιος οργανισμός με τον οποίον το επικείμενο θύμα έχει πάρε δώσε˙ για παράδειγμα, μία τράπεζα, κάποια εταιρεία κινητής τηλεφωνίας ή ακόμα και ένα κοινωνικό δίκτυο (socials).



via: www.osarena.net


Attractive CSS3 Social Bar for Blog

Ένα Widget για τα social του site blog σας που εμφανίζεται στα αριστερά της οθόνης σας στάσιμο και να εξοικονομεί χορό από την σελίδα σας!

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


<style>
/* foulscode.blogspot.gr */
.fixedmenu{ background:url('http://1.bp.blogspot.com/-FaeRKNmFDX8/Ud16d2_PZFI/AAAAAAAAAsM/5xugOK5YAuE/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.fixedmenu1{ background:url('http://3.bp.blogspot.com/-W7Z5XKfLWd8/Ud16eM8AadI/AAAAAAAAAsQ/cv7fgYD5fiE/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.fixedmenu_1{margin:0px 0 0 43px}
.fixedmenutw{background:url('http://1.bp.blogspot.com/-WeUDB_HkbWA/Ud16fP78JoI/AAAAAAAAAsk/1k2WNVRCBvo/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.fixedmenutw1{background:url('h…

Social Media

Ένα όμορφο και καινούριο Widget για το blog και το site σας.

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


<style>
/* www.foulscode.com */
body {
  background-color:#BFBFBF;
  font-family: Helvetica, Arial;
  padding-top: 100px;
  text-align:center;
}
a {
  background: #D2D7D3;
  color:#222;
  display: inline-block;
  text-align:center;
  text-decoration:none;
  position: relative;
  width:40px;
  height:28px;
  margin:0 2px;
  padding-top:12px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
a.facebook {
  background: #D2D7D3 url(http://i.imgur.com/yflN00F.png) no-repeat center;
}
a.twitter {
  background: #D2D7D3 url(http://i.imgur.com/ewQqTB1.png) no-repeat center;
}
a.github {
  background: #D2D7D3 url(http://i.imgur.com/n3bmN8f.png) no-repeat center;
}
a.dribbble {
  background: #D2D7D3 url(http://i.imgur.com/8c5A1ay.png) no-repeat center;
}
a.pinterest {
  background: #D2D7D3 url(http://i.imgur.com/s8bNLol.png) no-repeat center;
}
a span {
  background:#fff;
  color:#222;
  font-size:14px;
  font-weight: bold…

Metro Style Social Icons for Blog

Κάτι νέο που βρήκα για τα Social σας, αυτό το widget είναι ένας όμορφος τρόπος παρουσίας για τους επισκέπτες σας.


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


<center>
<ul id="abt-social-icons">
<li class="rss-icon"><a href="http://foulscode.blogspot.com/feeds/posts/default" target="_blank"><img height="147" src="http://1.bp.blogspot.com/-0M62-Stfcdc/Ud1ZFcVvCRI/AAAAAAAABuY/9_o8SRGny8U/s1600/rss.png" width="147" /></a></li>
<li class="twitter-icon"><a href="http://www.twitter.com/foulscode" target="_blank"><img height="147" src="http://2.bp.blogspot.com/-7qVkCzvGlC4/Ud1ZF3wqNlI/AAAAAAAABuc/6V0lQLdtvnk/s1600/twitter.png" width="147" /></a></li>
<li class="facebook-icon"><a href="https://www.facebook.com/pages/Fouls-Code/548164921863886&q…

Share Social networking buttons

Αντιγραφή τον παρακάτω κώδικα:


<script type="text/javascript" src="http://100widgets.com/js_data.php?id=255"></script>

DEMO

5 Big Social Icons

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

<style>
/* foulscode.blogspot.gr */
#social{
  width: 300px;
  padding:20px;
  margin:0 auto;
}

#social .fa{
color:rgb(0,153,255); /*change colour of icons*/

}

#social .fa:hover{
color:rgb(153,204,255);

}
/* foulscode.blogspot.gr */
</style>
<html>
<head>
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
</head>
   <body>
     <div id="social">
        <i class="fa fa-facebook-square fa-4x"></i> <!-- range from fa-1x for small icon to 5x for larger icon -->
        <i class="fa fa-twitter-square fa-4x"></i>  <!-- range from fa-1x for small icon to 5x for larger icon -->
        <i class="fa fa-linkedin-square fa-4x"></i> <!-- range from fa-1x for small icon to 5x for larger icon -->
        <i class="fa fa-pinterest-square fa-4x"></i&…

NeatNait social share buttons

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

<style>
/* foulscode.blogspot.gr */
@import url(http://fonts.googleapis.com/css?family=Dosis);

body{
  background:#ddd;
  margin:20px;
  text-align:center;
}

ul{
  list-style:none;
  margin:auto;
  display:inline-block;
}

ul li{
  width:110px;
  height:130px;
  float:left;
  background:#FDFCFA;
  position:relative;
  transition: all .5s ease;
  overflow:hidden;
}

li h1{
  font-family: 'Dosis', sans-serif;
  font-weight:normal;
  text-align:center;
  line-height:60px;
  font-size:30px;
  transition: all .5s ease;
}

li:hover{
  box-shadow:inset 0 0 10px #2D2D2D; 
}

li:hover h1{
  transform: scale(.8) translateY(-5px);
}

li:hover .button{
  transform: translateY(0px);
}

li .button{ 
  height:50px;
  transform: translateY(25px);
  text-align:center;
  padding:5px 10px;
  padding-bottom:50px;
  color:white;
  width:100%;
  position:absolute;
  bottom:0;
  background:#2D2D2D;
  box-sizing:border-box;
  transition: all .5s .5s ease;

Pure CSS Elegant Share buttons for Blogger

Πηγαίνουμε : Πρότυπο > Επεξεργασία HTML και κάνουμε αναζήτηση πατώντας Ctrl + F  τον κώδικα  ]]></b:skin>  και ακριβώς πάνω από το ]]></b:skin> προσθέστε τον παρακάτω κώδικα:


/* foulscode.blogspot.gr */
@import url(http://weloveiconfonts.com/api/?family=zocial);
/* zocial */
[class*="zocial-"]:before {
  font: 2.5em/2em 'zocial', sans-serif;
  color: white;
  line-height: 2.2;
}
.post-social .facebook {
  background: #3B5998;
}
.post-social .twitter {
  background: #4099FF;
}
.post-social .googleplus {
  background: #db5a3c;
}
.post-social .social {
  float: left;
}
.post-social .zocial-facebook {
  margin: 0 15px;
}
.post-social .zocial-twitter {
  margin: 0 25px;
}
.post-social .zocial-googleplus {
  margin: 0 25px;
}
.post-social li {
  min-width: 180px;
  width: 210px;
  height: 80px;
  cursor: pointer;
  list-style: none;
  text-align: left;
  float: left;
}
.post-social li:hover [class*="zocial-"]:before {
  opacity: 0.5;
  text-align: right;
}
.post-social li:hover ifra…

Social Share Widget For Blogger

Πηγαίνουμε : Πρότυπο > Επεξεργασία HTML και κάνουμε αναζήτηση πατώντας Ctrl + F  τον κώδικα  ]]></b:skin>  και ακριβώς πάνω από το ]]></b:skin> προσθέστε τον παρακάτω κώδικα:

/* foulscode.blogspot.gr */
.entry-social{
 overflow: hidden;
 margin-bottom: 20px;
}
.entry-social a{
 display: block;
 padding-left: 20px;
 color: #FFFFFF !important;
 font-weight: 300;
font-size:12px;
}
.entry-social div{
 float: left;
 margin-right: 5px;
 width: 95px;
}
.entry-social div a{
 background-color: #FF7F1A;
}
.entry-social .delicious{
 width: 98px;
 margin-right: 0;
}
.entry-social .fb a{
 padding: 7px 10px 7px 26px;
 background-image: url('http://picoolio.net/images/2013/11/29/fb14.png');
 background-repeat: no-repeat;
 background-position: 10px center;
}
.entry-social .fb a:hover{
 background-color: #324b81;
}
.entry-social .twitter a{
 padding: 7px 10px 7px 32px;
 background-image: url('http://picoolio.net/images/2013/11/29/twitter14.png');
 background-repeat: no-repeat;
 background-position: 8…

Social Subscribe widget

Ένα όμορφο Social Subscribe widget για το site και το blog σας που τον τελευταίο καιρό μπορεί να το είδατε σε άλλες σελίδες, τώρα μπορείτε να το βάλετε και εσείς στην δικη σας σελίδα η blog.

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


<style>
/* foulscode.blogspot.gr */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
html, body {
    min-height: 100%;
}
body {
    background-image: linear-gradient(45deg, rgba(194, 233, 221, 0.5) 1%, rgba(104, 119, 132, 0.5) 100%), linear-gradient(-45deg, #494d71 0%, rgba(217, 230, 185, 0.5) 80%);
   margin: 0;
  }
#buttons {
    padding: 2px 2px;
    width: 330px;
    overflow: hidden;

}

.button {
    background: #DCE0E0;
    position: relative;
    display: block;
    float: left;
    height: 40px;
    margin: 4px;
    overflow: hidden;
    width: 156px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -…

share menu: Twitter, Facebook, Gplus, Dribble

Ένα αναδιπλωμένο menu για το Twitter, Facebook, Gplus και το Dribble.

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

<style>
/* foulscode.blogspot.gr */
@import url(http://fonts.googleapis.com/css?family=Kite+One);
        *{
            margin:0;padding:0;border:0;vertical-align:baseline;
        }
        body{
            background: #505050;
        }
        a[class^='icon-'] , a[class*='icon-']{
            display: block;
            font-size: 30px;
            speak:none;
        }
        input[type='checkbox']{
            display: none;
        }
        .badboy{
            width: 0;
            height: 0;
            clear: both;
        }
        label{
           display: block;
            position: relative;
            width: 35px;
            background: #f66;
            opacity: 0.75;
            margin-left: -1px;
            padding: 29px 10px;
            -webkit-transition: all .25s ease;
            -moz-transition: all .25s ease;
        }
        label:hover{
    …

Social icons για το blog/site σας.

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


<style>@import url(http://weloveiconfonts.com/api/?family=entypo|zocial);@import url(http://fonts.googleapis.com/css?family=Sintony);/* foulscode.blogspot.gr */[class*="entypo-"]:before {  font-family: 'entypo', sans-serif;}
/* zocial */[class*="zocial-"]:before {  font-family: 'zocial', sans-serif;}
html, body {  width: 100%;  height: 100%;  margin: 0;  padding: 0;}
body {  background: #d6d7dc;  color: #fefefe;  -webkit-font-smoothing: antialiased;}
i {  font-style: normal;}
ul.social-links {  list-style: none;  width: 21.81818em;  margin: 2em auto;}ul.social-links .social-icon {  width: 4em;  height: 4em;  float: left;  margin: 1em 1.4em;  margin-left: 0;  border-radius: 100%;  box-shadow: 0 0.3em 0.25em rgba(0, 0, 0, 0.1);  -webkit-transition: opacity 0.3s ease;  -moz-transition: opacity 0.3s ease;  transition: opacity 0.3s ease;}ul.social-links .social-icon a {  width: 100%;  height: 100%;  display: bloc…