Web Analytics Made Easy - StatCounter
Μαΐου 2016

31 Μαΐου 2016

Animated CSS3 Buttons




<style>
    /* www.Foulscode.com */
    body {
padding-top: 50px;
padding-bottom: 20px;
font-family: 'Ubuntu', sans-serif;
background: #353535;
color: #FFF;
}
.jumbotron h1 {
color: #353535;
}
span.icon {
margin: 0 5px;
color: #D64541;
}
h2 {
color: #BDC3C7
}
.mrng-60-top {
margin-top: 60px;
}
/* Global Button Styles */
    /* www.Foulscode.com */
a.animated-button:link, a.animated-button:visited {
position: relative;
display: block;
margin: 30px auto 0;
padding: 14px 15px;
color: #fff;
font-size:14px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
letter-spacing: .08em;
border-radius: 0;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
content: "";
position: absolute;
height: 0%;
left: 50%;
top: 50%;
width: 150%;
z-index: -1;
-webkit-transition: all 0.75s ease 0s;
-moz-transition: all 0.75s ease 0s;
-o-transition: all 0.75s ease 0s;
transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
color: #FFF;
text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
height: 450%;
}
a.animated-button:link, a.animated-button:visited {
position: relative;
display: block;
margin: 30px auto 0;
padding: 14px 15px;
color: #fff;
font-size:14px;
border-radius: 0;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
letter-spacing: .08em;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/* Victoria Buttons */
    /* www.Foulscode.com */
a.animated-button.victoria-one {
border: 2px solid #D24D57;
}
a.animated-button.victoria-one:after {
background: #D24D57;
-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.victoria-two {
border: 2px solid #D24D57;
}
a.animated-button.victoria-two:after {
background: #D24D57;
-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.victoria-three {
border: 2px solid #D24D57;
}
a.animated-button.victoria-three:after {
background: #D24D57;
opacity: .5;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
a.animated-button.victoria-three:hover:after {
height: 140%;
opacity: 1;
}
a.animated-button.victoria-four {
border: 2px solid #D24D57;
}
a.animated-button.victoria-four:after {
background: #D24D57;
opacity: .5;
-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.victoria-four:hover:after {
opacity: 1;
height: 600% !important;
}
/* Sandy Buttons */
    /* www.Foulscode.com */
a.animated-button.sandy-one {
border: 2px solid #AEA8D3;
color: #FFF;
}
a.animated-button.sandy-one:after {
border: 3px solid #AEA8D3;
opacity: 0;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
a.animated-button.sandy-one:hover:after {
height: 120% !important;
opacity: 1;
color: #FFF;
}
a.animated-button.sandy-two {
border: 2px solid #AEA8D3;
color: #FFF;
}
a.animated-button.sandy-two:after {
border: 3px solid #AEA8D3;
opacity: 0;
-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.sandy-two:hover:after {
height: 600% !important;
opacity: 1;
color: #FFF;
}
a.animated-button.sandy-three {
border: 2px solid #AEA8D3;
color: #FFF;
}
a.animated-button.sandy-three:after {
border: 3px solid #AEA8D3;
opacity: 0;
-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.sandy-three:hover:after {
height: 400% !important;
opacity: 1;
color: #FFF;
}
a.animated-button.sandy-four {
border: 2px solid #AEA8D3;
color: #FFF;
}
a.animated-button.sandy-four:after {
border: 3px solid #AEA8D3;
opacity: 0;
-moz-transform: translateY(-50%) translateX(-50%) rotate(25deg);
-ms-transform: translateY(-50%) translateX(-50%) rotate(25deg);
-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
transform: translateY(-50%) translateX(-50%) rotate(25deg);
}
a.animated-button.sandy-four:hover:after {
height: 400% !important;
opacity: 1;
color: #FFF;
}
/* Gibson Buttons */
a.animated-button.gibson-one {
border: 2px solid #65b37a;
color: #FFF;
}
a.animated-button.gibson-one:after {
opacity: 0;
background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
background-size: 10px 10px;
-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.gibson-one:hover:after {
height: 600% !important;
opacity: 1;
color: #FFF;
}
a.animated-button.gibson-two {
border: 2px solid #65b37a;
color: #FFF;
}
a.animated-button.gibson-two:after {
opacity: 0;
background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
background-size: 10px 10px;
-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.gibson-two:hover:after {
height: 600% !important;
opacity: 1;
color: #FFF;
}
a.animated-button.gibson-three {
border: 2px solid #65b37a;
color: #FFF;
}
a.animated-button.gibson-three:after {
opacity: 0;
background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
background-size: 10px 10px;
-moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
a.animated-button.gibson-three:hover:after {
height: 600% !important;
opacity: 1;
color: #FFF;
}
a.animated-button.gibson-four {
border: 2px solid #65b37a;
color: #FFF;
}
a.animated-button.gibson-four:after {
opacity: 0;
background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
background-size: 10px 10px;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%));
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
a.animated-button.gibson-four:hover:after {
height: 600% !important;
opacity: 1;
color: #FFF;
}
/* Thar Buttons */
a.animated-button.thar-one {
color: #fff;
cursor: pointer;
display: block;
position: relative;
border: 2px solid #F7CA18;
transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
color: #000 !important;
background-color: transparent;
text-shadow: none;
}
a.animated-button.thar-one:hover:before {
bottom: 0%;
top: auto;
height: 100%;
}
a.animated-button.thar-one:before {
display: block;
position: absolute;
left: 0px;
top: 0px;
height: 0px;
width: 100%;
z-index: -1;
content: '';
color: #000 !important;
background: #F7CA18;
transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
color: #fff;
cursor: pointer;
display: block;
position: relative;
border: 2px solid #F7CA18;
transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
color: #000 !important;
background-color: transparent;
text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
top: 0%;
bottom: auto;
height: 100%;
}
a.animated-button.thar-two:before {
display: block;
position: absolute;
left: 0px;
bottom: 0px;
height: 0px;
width: 100%;
z-index: -1;
content: '';
color: #000 !important;
background: #F7CA18;
transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
color: #fff;
cursor: pointer;
display: block;
position: relative;
border: 2px solid #F7CA18;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-three:hover {
color: #000 !important;
background-color: transparent;
text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
left: 0%;
right: auto;
width: 100%;
}
a.animated-button.thar-three:before {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 0px;
z-index: -1;
content: '';
color: #000 !important;
background: #F7CA18;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four {
color: #fff;
cursor: pointer;
display: block;
position: relative;
border: 2px solid #F7CA18;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four:hover {
color: #000 !important;
background-color: transparent;
text-shadow: nfour;
}
a.animated-button.thar-four:hover:before {
right: 0%;
left: auto;
width: 100%;
}
a.animated-button.thar-four:before {
display: block;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 0px;
z-index: -1;
content: '';
color: #000 !important;
background: #F7CA18;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
/* www.Foulscode.com */
  </style>

  <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Animated CSS3 Buttons - Foulscode
</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<!-- Custom styles for this template -->
<link href="http://designify.me/code-snippets/animated-buttons/css/btns.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="http://designify.me/tutorials/flat-buttons-with-animated-hover-effects/">Animated Buttons Demo</a> </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="http://designify.me/tutorials/flat-buttons-with-animated-hover-effects/">Go to Foulscode.com</a></li>
      </ul>
    </div>
    <!--/.navbar-collapse -->
  </div>
</nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron text-center">
  <div class="container">
 
    <h1>Animated CSS3 Buttons</h1>
    <p style="color:#888">More resources at <a href="http://Foulscode.com/">Foulscode.com</a></p>
 
  </div>
</div>
<div class="container">
  <!-- Example row of columns -->

  <div class="row">
    <div class="col-md-12 text-center">
      <h2>Victoria</h2>
    </div>
  </div>

  <div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button victoria-one">Sign up</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button victoria-two">Login</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button victoria-three">Register</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button victoria-four">Learn more</a> </div>
  </div>

  <div class="row">
    <div class="col-md-12 text-center">
      <h2 class="mrng-60-top">Sandy</h2>
    </div>
  </div>

  <div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button sandy-one">Sign up</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button sandy-two">Login</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button sandy-three">Register</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button sandy-four">Learn more</a> </div>
  </div>



  <div class="row">
    <div class="col-md-12 text-center">
      <h2 class="mrng-60-top">Gibson</h2>
    </div>
  </div>

  <div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button gibson-one">Sign up</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button gibson-two">Login</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button gibson-three">Register</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button gibson-four">Learn more</a> </div>
  </div>



  <div class="row">
    <div class="col-md-12 text-center">
      <h2 class="mrng-60-top">Thar</h2>
    </div>
  </div>

  <div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button thar-one">Sign up</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button thar-two">Login</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button thar-three">Register</a> </div>
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button thar-four">Learn more</a> </div>
  </div>



  <footer>
    <hr  style="margin-top:50px;" />
    <p class="text-center">Created with <span class="icon"><i class="fa fa-heart fa-lg"></i></span> by <a href="http://foulscode.com/" target="_blank"> Foulscode.com</a></p>
  </footer>
</div>
<!-- /container -->
<!-- Bootstrap core JavaScript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</body>
</html>

LIVE DEMO

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

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('http://1.bp.blogspot.com/-AEj1b-df974/Ud16fs5CVkI/AAAAAAAAAss/HYNXT4cJpPI/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.fixedmenutw_1{margin:0px 0 0 43px}
.fixedmenufb{background:url('http://1.bp.blogspot.com/-hj1nQIe4NPQ/Ud16cbNkV1I/AAAAAAAAAr0/EswfGA-rVjM/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.fixedmenufb1{background:url('http://4.bp.blogspot.com/-umCgVIZ-wTs/Ud16c1EAICI/AAAAAAAAAr8/5ZSWR05S2B8/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.fixedmenufb_1{margin:0px 0 0 43px}
.fixedmenurss{background:url('http://2.bp.blogspot.com/-9KAMTvWkJ4s/Ud16eU7kWyI/AAAAAAAAAsY/OpoARuR5pXY/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.fixedmenurss1{background:url('http://4.bp.blogspot.com/-SDcrlF3MTAU/Ud16dDy_wnI/AAAAAAAAAsE/QjdRXR9BekM/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.fixedmenurss_1{margin:0px 0 0 43px}
/* foulscode.blogspot.gr */
</style>
<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>
<a href='https://www.facebook.com/pages/Fouls-Code/548164921863886' target='_blank'><img alt='Like us on Facebook' src='http://3.bp.blogspot.com/-jWaYNYywDf0/Ud1_G7YS7RI/AAAAAAAAAtA/8b40N46byIQ/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>
<a href='https://twitter.com/foulscode' target='_blank'><img alt='Follow us on Twitter' src='http://3.bp.blogspot.com/-ppQkr4BjSVQ/Ud1_HkD_OBI/AAAAAAAAAtU/xN5krYZPBhY/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>
<a href='https://plus.google.com/ID' target='_blank'><img alt='Recommend us on Google Plus' src='http://3.bp.blogspot.com/-fPA1gJ6k9Bk/Ud1_G_aexzI/AAAAAAAAAtI/rcqioslWMN0/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>
<a href='http://feeds.feedburner.com/foulscode target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-1XXERhy9eeQ/Ud1_GgCBHTI/AAAAAAAAAs8/TIB78w-42eg/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>


LIVE DEMO

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

28 Μαΐου 2016

THE HACKER WARS - ΟΙ ΠΌΛΕΜΟΙ ΤΩΝ ΧΆΚΕΡΣ [ΝΤΟΚΥΜΑΝΤΈΡ - 2014]









Διάρκεια: 91:19
Σκηνοθεσία: Vivien Lesnik Weisman
Σενάριο: Meredith Raithel Perry, Vivien Lesnik Weisman
Πρωταγωνιστούν: Andrew «Weev» Auernheimer, Barrett Brown, Jaime «Asshurtmacfags» Cochran

(με ελληνικούς υπότιτλους)
Διαβάστε Περισσότερα »

25 Μαΐου 2016

Η σκέψη δημιουργεί ύλη - Μάνος Δανέζης - ΠΑΛΑΙΧΘΩΝ





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

To Hashcat μπορεί τώρα να σπάσει κωδικούς έως και 55 χαρακτήρων



Οι προγραμματιστές του oclHashcat έχουν κυκλοφορήσει μια νέα έκδοση του δημοφιλούς εργαλείου ανέρευσης κωδικών και υποστηρίζουν ότι είναι σε θέση να σπάσει κωδικούς που έχουν έως και 55 χαρακτήρες.

Πολλά ευαίσθητα δεδομένα διέρρευσαν αυτές τις μέρες από τους χάκερ. Αν και στις περισσότερες περιπτώσεις οι χακαρισμένοι κωδικοί πρόσβασης ήταν κρυπτογραφημένοι, είναι όλο και πιο εύκολο για τους εγκληματίες του κυβερνοχώρου να σπάνε τα hashes. Για αυτές τις «δουλειές» υπάρχουν διάφορα εργαλεία.

Ένα από αυτά είναι το δημοφιλές hashcat, όπου η λογική ύπαρξής του είναι να το χρησιμοποιήσουμε για να μπορέσουμε να ξεκλειδώσουμε κάτι δικό μας από το οποίο έχουμε ξεχάσει τι κωδικό πρόσβασης του είχαμε δώσει. Ειναι ένα Password recovery εν ολίγοις, ένα πρόγραμμα ανάκτησης κωδικών.


Η τελευταία έκδοση του oclHashcat υποστηρίζει αρκετούς νέους αλγορίθμους και GPUs.

Στην έκδοση αυτή έχουν εφαρμοστεί διάφορες αλλαγές, αλλά το πιο σημαντικό είναι το γεγονός ότι το εργαλείο μπορεί πλέον να χρησιμοποιηθεί για να σπάσετε κωδικούς πρόσβασης που είναι μεγαλύτεροι από 15 χαρακτήρες. Οι προγραμματιστές παραδέχονται ότι η απόδοση του υπολογιστή επηρεάζεται αρνητικά, απαιτώντας μεγαλύτερη χρονική διάρκεια για μεγάλους κωδικούς πρόσβασης. Ωστόσο, ισχυρίζονται ότι η δυνατότητα να σπάνε μεγάλα passwords ήταν «μία από τις πιο περιζήτητες δυνατότητες.»



Ο επικεφαλής προγραμματιστής της Hashcat, ο Jens Steube, αναφέρει στις σημειώσεις έκδοσης : «Μπορούμε να σπάσουμε τους κωδικούς πρόσβασης μήκους έως και 55 χαρακτήρων , αλλά σε περίπτωση που κάνουμε μία συνδιασμένη επίθεση, με λέξεις από δύο λεξικά τότε δεν μπορεί να είναι περισσότεροι από 31 χαρακτήρες . Αλλά αν η λέξη από το αριστερό μέρος έχει μήκος 24αρων χαρακτήρων και η λέξη από το δεξί λεξικό έχει 28, τότε το password θα σπάσει, διότι μαζί έχουν μήκος 52 χαρακτήρες» .


Όμως προσέξτε με την χρήση τέτοιων προγραμμάτων. Το cracking είναι παράνομο και φέρει ποινικές κυρώσεις σε όποιον το ασκεί.

via: www.iguru.gr
Διαβάστε Περισσότερα »

19 Μαΐου 2016

UPSat: Ο Πρώτος Δορυφόρος που τρέχει Ελεύθερο Λογισμικό FreeRTOS [Hackerspace]





Το Hackerspace.gr [HSGR] είναι ένας χώρος αφιερωμένος στο δημιουργικό hacking κώδικα και κατασκευών, στην Αθήνα. Είναι ένας χώρος 120τ.μ. ανοιχτός σχεδόν 24/7. Βρίσκεται Αμπατιέλου 11 Αθήνα, (Άγιος Ελευθέριος).
Εκεί ελεύθερα [ή και με κάποια εθελοντική προσφορά, για όποιον θέλει, (προκειμένου να καλυφθούν τα έξοδα ενοικίου, κοινόχρηστα, σύνδεσης κλπ)], μπορεί να πάει ο οιοσδήποτε να χρησιμοποιήσει τον χώρο για πρότζεκτς, για πρόσβαση στο διαδίκτυο κλπ.
Συν των άλλων, συχνά πυκνά, διοργανώνονται και διάφορες δράσεις.



Sat NOGS: Ανοιχτού κώδικα DIY δορυφορικός σταθμός επικοινωνίας

To Sat NOGS ένας ανοιχτού κώδικα DIY σταθμός επικοινωνίας με δορυφόρους που άρχισε να αναπτύσσεται στο hackerspace.gr προκρίθηκε στους φιναλίστ για το βραβείο people's choice του διεθνούς διαγωνισμού της NASA Space Apps Challenge.

Αν έχετε λογαριασμό στο Twitter και θέλετε να στηρίξτε την προσπάθεια όσων το αναπτύσσουν μπορείτε να επισκεφθείτε το link που ακολουθεί. http://bit.ly/1k3Z2tj


UPSat: Ο Πρώτος Δορυφόρος που τρέχει Ελεύθερο Λογισμικό
Εδώ και λίγο καιρό κατασκευάζουν (στο hackerspace.gr) τον UPSat, το πρώτο δορυφόρο ο οποίος τρέχει ελεύθερο λογισμικό FreeRTOS και δικές τους προσθήκες στα υποσυστήματα του τα οποία είναι ανοιχτό hardware σε συνεργασία με το Πανεπιστήμιο της Πάτρας
Περισσότερα για την LSF μπορείτε να βρείτε εδώ https://Librespacefoundation.orgΓια τον δορυφόρο, εδώ https://upsat.gr


via: www.osarena.net


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

6 Μαΐου 2016

Kali Linux Tools Listing












Information Gathering


acccheck
ace-voip
Amap
Automater
bing-ip2hosts
braa
CaseFile
CDPSnarf
cisco-torch
Cookie Cadger
copy-router-config
DMitry
dnmap
dnsenum
dnsmap
DNSRecon
dnstracer
dnswalk
DotDotPwn
enum4linux
enumIAX
exploitdb
Fierce
Firewalk
fragroute
fragrouter
Ghost Phisher
GoLismero
goofile
hping3
InTrace
iSMTP
lbd
Maltego Teeth
masscan
Metagoofil
Miranda
Nmap
ntop
p0f
Parsero
Recon-ng
SET
smtp-user-enum
snmpcheck
sslcaudit
SSLsplit
sslstrip
SSLyze
THC-IPV6
theHarvester
TLSSLed
twofi
URLCrazy
Wireshark
WOL-E
Xplico

Vulnerability Analysis


BBQSQL
BED
cisco-auditing-tool
cisco-global-exploiter
cisco-ocs
cisco-torch
copy-router-config
DBPwAudit
Doona
DotDotPwn
Greenbone Security Assistant
GSD
HexorBase
Inguma
jSQL
Lynis
Nmap
ohrwurm
openvas-administrator
openvas-cli
openvas-manager
openvas-scanner
Oscanner
Powerfuzzer
sfuzz
SidGuesser
SIPArmyKnife
sqlmap
Sqlninja
sqlsus
THC-IPV6
tnscmd10g
unix-privesc-check
Yersinia

Forensics Tools


Binwalk
bulk-extractor
Capstone
chntpw
Cuckoo
dc3dd
ddrescue
DFF
diStorm3
Dumpzilla
extundelete
Foremost
Galleta
Guymager
iPhone Backup Analyzer
p0f
pdf-parser
pdfid
pdgmail
peepdf
RegRipper
Volatility
Xplico

Web Applications


apache-users
Arachni
BBQSQL
BlindElephant
Burp Suite
CutyCapt
DAVTest
deblaze
DIRB
DirBuster
fimap
FunkLoad
Grabber
jboss-autopwn
joomscan
jSQL
Maltego Teeth
PadBuster
Paros
Parsero
plecost
Powerfuzzer
ProxyStrike
Recon-ng
Skipfish
sqlmap
Sqlninja
sqlsus
ua-tester
Uniscan
Vega
w3af
WebScarab
Webshag
WebSlayer
WebSploit
Wfuzz
WPScan
XSSer
zaproxy
Stress Testing


DHCPig
FunkLoad
iaxflood
Inundator
inviteflood
ipv6-toolkit
mdk3
Reaver
rtpflood
SlowHTTPTest
t50
Termineter
THC-IPV6
THC-SSL-DOS

Sniffing & Spoofing


Burp Suite
DNSChef
fiked
hamster-sidejack
HexInject
iaxflood
inviteflood
iSMTP
isr-evilgrade
mitmproxy
ohrwurm
protos-sip
rebind
responder
rtpbreak
rtpinsertsound
rtpmixsound
sctpscan
SIPArmyKnife
SIPp
SIPVicious
SniffJoke
SSLsplit
sslstrip
THC-IPV6
VoIPHopper
WebScarab
Wifi Honey
Wireshark
xspy
Yersinia
zaproxy

Password Attacks


acccheck
Burp Suite
CeWL
chntpw
cisco-auditing-tool
CmosPwd
creddump
crunch
DBPwAudit
findmyhash
gpp-decrypt
hash-identifier
HexorBase
THC-Hydra
John the Ripper
Johnny
keimpx
Maltego Teeth
Maskprocessor
multiforcer
Ncrack
oclgausscrack
PACK
patator
phrasendrescher
polenum
RainbowCrack
rcracki-mt
RSMangler
SQLdict
Statsprocessor
THC-pptp-bruter
TrueCrack
WebScarab
wordlists
zaproxy
Διαβάστε Περισσότερα »

2 Μαΐου 2016

Offline δίκτυο ανταλλαγής και μοιράσματος αρχείων στην περιοχή σας











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

Είναι μια ιδέα που ξεκίνησε από τη Νέα Υόρκη και εξαπλώνεται σε όλο το κόσμο. Η ιδέα είναι πολύ απλή.
Τα μόνο που θα χρειαστείτε είναι κάμποσα φτηνά usb η μάλλον τη πλακέτα τους και το "βυσματακι" τους, λίγο στόκο η τσιμέντο, ένα μικρο μυστρί και αυτό ήταν! Μέτα ξαμοληθείτε στη πόλη και βρείτε σημεία σε τοίχους, σε θαλάμους, σε κτίρια, λιμάνια, οπουδήποτε μπορειτε να "ενσωματώσετε" αυτά τα μικρά usb!
Στη συνέχεια μπορειτε στην ιστοσελίδα του Dead Drops να σημειώσετε τον χάρτη το η τα σημεία peer to peer που δημιουργήσατε, ώστε να τα χρησιμοποιήσουν και άλλοι άνθρωποι!

Αν δε το πιστεύετε η δε καταλάβατε πόσο απλό είναι δείτε το παρακατω βίντεο με τα.... peer to peer δημόσια σημεία στη πόλη της Νέας Υόρκης:

Μερικά Dead Drops υπάρχουν και στην αθηνα!



Μπορείτε να βρείτε στον χαρτί τα σημεία που είναι τοποθετημένα!




Διαβάστε Περισσότερα »
Related Posts Plugin for WordPress, Blogger...