Podpis #3

Podpis numer 3 w sam raz dla tych którzy lubią jakieś bajery, pierdołki itd. Tzn. - dużo hoverów (przynajmniej jak dla mnie)

Oczywiście normą jest że podpis mi tu nie działa jak powinien, więc po prostu kilka screenów, żeby było wiadomo jak działa.
Można sobie do woli zmieniać czcionki i tak dalej, ale cytaty po bokach nie powinny być zbyt długie, bo się wszystko rozkraczy. Linków również radzę nie dodawać, ewentualnie zmniejszyć czcionkę, jeśli jest potrzeba.
Zapraszam do pobierania -> uprzednio o tym pisząc w komentarzu.








KOD:

<link href='http://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'><style>.cnam{text-align:center; font-size:40px; font-family: 'Arizonia', cursive; margin-bottom:-10px; color:#5211A7; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.cnam:hover{margin-left:150px; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.cgif1{width:150px; height:104px; opacity:1; margin-top:-104px; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.cgif1:hover{opacity:0.2; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.cgif2{width:150px; height:104px; opacity:1; margin-top:-104px; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.cgif2:hover{opacity:0.2; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.cgif3{width:150px; height:104px; opacity:1; margin-top:-104px; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.cgif3:hover{opacity:0.2; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-htm-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.cnap{font-family:helvetica; text-transform:uppercase; letter-spacing:2px; text-align:center; width:150px; height:100px; display:table-cell; vertical-align:middle; color:#5211A7; border:4px double #5211A7; font-size:14px;}.credit{font-family:tahoma; font-size:6px; letter-spacing:2px; text-transform:uppercase; }</style><center><table width=450><tr><td colspan=3><div class="cnam">Thorin Oakenshield</div></td></tr><tr style="background-color:#D9D1E4;"><td><div class="cnap">I am fire</div><img src="https://31.media.tumblr.com/eab3acd6376d5363f31aec988b71b1d8/tumblr_my8ctovO581rrecxqo6_250.gif" class="cgif1"></td><td><div class="cnap"><a href="adreslinku"><b>LINK</b></a><br><a href="adreslinku"><b>LINK</b></a><br><a href="adreslinku"><b>LINK</b></a><br><br><div class="credit"><a href="www.carolyns-workshop.blogspot.com">c r l</a></div></div><img src="https://31.media.tumblr.com/519f8224a8b0d33a766b3cebc45958ec/tumblr_my8ctovO581rrecxqo1_250.gif" class="cgif2"></td><td><div class="cnap">I am death</div><img src="https://24.media.tumblr.com/f37c2595012ca4c78087d9777baf08a8/tumblr_my8ctovO581rrecxqo2_250.gif" class="cgif3"></td></tr></table>