Współtwórcy

15.02.2012

Wysuwane Co o mnie myślisz

Witam :)
No to hmm wypadało by się jakoś przedstawić choć w sumie
Pasement zrobiła to za mnie :)
No cóż ...
Na imię mam kuba :) mój nick na PS to AceBoy
Lat mam 5'naście :)

hmm moja pierwsza notka jaką dam to będzie wysuwane 'co o mnie myślisz'-


<div id="Aceboy">
    <div class="text">Co o mnie </div>
       <div class="PS">
            <div id="left">
            </div>
            <div id="right">
               <a href="XXXXX">MYŚLISZ</a>
            </div>
       </div>
</div>
<style>
#Aceboy {
height: 34px;
width: 300px;
border: 1px solid black;
background: url('http://i39.tinypic.com/nmkwzm.jpg') no-repeat scroll right top white;
position: fixed;
left: -250px;
bottom: 350px;
box-shadow: 0 0 1px 1px gray;
-webkit-transition-duration: 0,1s;
}
#Aceboy:hover {
height: 33px;
width: 200px;
border: 2px solid XXX;
background: url('http://i40.tinypic.com/e64var.jpg') no-repeat scroll right top white;
position: fixed;
left: 0px;
bottom: 350px;
box-shadow: 0 0 1px 1px gray;
-webkit-transition-duration: 0,1s;
}
.text {
color: GREY;
font-size: 20px;
font-family: times new roman;
margin-left: 15px;
margin-top: 10px;
}
s
#left {
width: 120px;
float: left;
}
#right {
width: 175px;
float: left;
margin-top: -32px;
margin-left: 55px;
height: 140px;
text-decoration: underline;
text-align: center;
}
#right a {
text-align: center;
color: red;
font-family: times new roman;
font-size: 18px;
-webkit-transition-duration: 0,1s;
}
#right a:hover {
text-align: center;
color: orange;
font-family: times new roman;
font-size: 18px;
-webkit-transition-duration: 0,1s;

}
</style>

W czerwony polu trzeba wkleić link do swojego co o mnie myślisz , link znajduje się tutaj --->


obrazek przed najechaniem
obrazek po najechaniu






6 komentarzy: