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>  <!-- range from fa-1x for small icon to 5x for larger icon -->
        <i class="fa fa-google-plus-square fa-4x"></i>  <!-- range from fa-1x for small icon to 5x for larger icon -->
      </div>
  </body>
</html>



DEMO
Κατηγορίες:
Σχόλια