A Pen by GIO.

COOL-LOGO-.markdown

COOL LOGO

Logo for "friends site banner" , UPDATED V 1.9

A Pen by GIO on CodePen.

License.

index.html

<char meta author="by GIO">
<header id="top" class="top">

  <div class="logo">
    
    SITE BY<span ><button onclick="myFunction()">:GIO</button>
    </span>
  <a href="http://fb.com/pachu98gio.ru"><span>  <p id="GIO"></p> </span></a>
    
  </div></header>

script.js

/* BY GIO */

function myFunction()
{
document.getElementById("GIO").innerHTML="Hello World";
}

style.css

.s:before { content: ':GIO ' ; height: 100%; width: 100%; background: ; }
ss:hover { height: 100%; width: 2px; background: green; }
ss:after onClick { background:black; }

/* YOU CAN CHANGE " .S " to " span" and in HTML delete "  onclick="myFunction()">:GIO</button<a href="s"><p id="GIO"></p>" , and after this will turn on effect "hover" */
/* " ss:hover " change to " span:hover " to activite hover effect */
body {
  background: url('http://soh36.narod.ru/picture257.JPG');
  height: 100% ;
  width: 100% ;
}

/* Style link is here https://dl-web.dropbox.com/get/EXAMPLE%20CSS%20TRICKS/css/EXAMPLEE.CSS?w=AABPTthmvnop8e-ZG-clPexZjDTjWtMPxfLTJAivOjCu0A " */

Updated v 1.9 ^_^