poniedziałek, 13 lutego 2012

Ruchome avatary na stronke.

Jak wiecie, istnieje już styl na wgranie avatar'a na stronkę
avatar jest powiększony i wgl. w obramowaniu i ,,ruchomy''


BIERZESZ=PISZESZ
Inaczej uznam za kradzież !!!
Dodam parę takich avków:

View Full Size Image
http://i44.tinypic.com/15fr4i.gif

View Full Size Image
http://i42.tinypic.com/imqsfl.gif

View Full Size Image
http://i43.tinypic.com/311l5pu.gif

View Full Size Image
http://i44.tinypic.com/351sg1w.gif

Jak je zrobić instrukcja.

Wystarczy mieć zwykły Photoscape wejść w opcje Ani-gif i nakładać ;] 
Polecam uczyć się na prostych programach dla początkujących grafików ; p


tło pod co o mnie myślisz - wysuwane

Daję je, bo myślę, że tamte nie jest zbyt praktyczne:

Kliknij na obrazek żeby się powiększył ;)
View Full Size Image
Obejrzeć w pełnym rozmiarze

potem dodam coś do związków jakieś obrazki ;] 
Jak będą komy ;

Wysuwane Co o mnie myślisz

hmm teraz dam wam html na wysuwane co o mnie myślisz :)
jeżeli chcecie zobaczyć jak to wygląda proszę tutaj 
a o to kodzik proszę :)
-

<div id="Aceboy">
    <div class="text">Co o mnie </div>
         <div class="who">
            <div id="left">
            </div>
            <div id="right">
               <a href="http://poszkole.pl/comyslisz/o/Ace_Boy,26251501">MYSLISZ</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: 15px;
}
img#av {
margin: 7px;
width: 110px;
height: 110px;
border: 2px solid black;
box-shadow: 0 0 1px 1px gray;
}
#left {
width: 120px;
float: left;
}
#right {
width: 175px;
float: left;
margin-top: -22px;
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: #2a2a2a;
font-family: times new roman;
font-size: 18px;
-webkit-transition-duration: 0,1s;
}
</style>

Obrazek na początku.
Obrazek po najechaniu.

Aceboy

Dowolna Wielkość kolumn

Witam :)
no to tu będzie pierwsza notka :)
Proszę kod na zmienienie rozmiaru kolumn
jeżeli nie wiecie o co chodzi to coś takiego jak widać na tej stronie
a o to kod -

<style>#sort1 {width: 255px;} #sort2 {width: 700px;}</style>

Rozmiar kolumn po lewej stronie
Rozmiar kolumn po prawej stronie
Aceboy.