Wzór na Relacje

by **Admin** Nie 16 Lut 2014, 14:44

Kod:: <link href='http://fonts.googleapis.com/css?family=Alegreya+SC&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style type="text/css">.r1{border-right: 3px solid #696A6A; border-left: 3px solid #A7C5EE; border-radius: 20px; width: 380px; opacity: 2.0;transition: 2s;-moz-transition: 2s;-o-transition: 2s;-htm-transition: 2s;-webkit-transition: 2s; }.r1:hover{border-right: 5px solid #A7C5EE; border-left: 5px solid #696A6A; border-radius: 20px; width: 380px; opacity: 2.0;transition: 2s;-moz-transition: 2s;-o-transition: 2s;-htm-transition: 2s;-webkit-transition: 2s;}.r2{border-radius: 100px; opacity: 0.4;transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}.r2:hover{border-radius: 100px; opacity: 2.0;-webkit-transform: rotate(720deg);-moz-transform: rotate(720deg);transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}.r3{text-align: justify; font-size: 10px; font-family: 'Alegreya SC', sans-serif;}.ogd{border-right: 10px solid #696A6A; border-left: 10px solid #A7C5EE; border-top: 10px solid #e9e9e9; border-bottom: 10px solid #e9e9e9; border-radius: 40px 40px 0px 0px; width: 400px; background: #ffffff url("http://s2.favim.com/orig/33/background-backgrounds-pattern-tumblr-background-wood-Favim.com-260514.jpg")}.obraz{width: 390px; border-radius: 40px 40px 0px 0px; border-bottom: 10px black solid;}.ps{font-family: 'Lobster', sans-serif; black; font-size: 30px; letter-spacing: 0px;}.ps:hover{font-family: 'Lobster', sans-serif; black; font-size: 32px; letter-spacing: 2px; transition: 2s;-moz-transition: 2s;-o-transition: 2s;-htm-transition: 2s;-webkit-transition: 2s;}.psz{font-family: 'Lobster', sans-serif; black; font-size: 16px; letter-spacing: -1px; text-align: left;}.podpis{font-size: 10px; color: #cdcdcd; font-family: 'Alegreya SC', sans-serif;}</style><center><div class="ogd"><img src="LINK DO OBRAZKA/GIFU NASZEJ POSTACI" class="obraz"><link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' rel='stylesheet' type='text/css'><div class="ps">Imię i nazwisko</div><br><div class="r1"><img width="100" src="IKONA 100x100 " style="float:left; margin:6px" class="r2"; ><div class="psz">Imię i nazwisko</div><div class="r3">OPIS RELACJI</div></div><br><div class="r1"><img width="100" src="IKONA 100x100" style="float:left; margin:6px" class="r2"; ><div class="psz">Imię i nazwisko</div><div class="r3">OPIS RELACJI</div></div><div class="podpis"><a href="http://pbfowo-konwersowo.blogspot.com/">BY KONWERS</a> </div></div></center>