Izbīdāms lodziņš

MEKLĒTĀJS FORUMA NOTEIKUMI LIETOTĀJI VĒSTULES JAUNĀKIE IERAKSTI SĀKUMLAPA

Lappuse 1 no 1
1

Pievienots: Ceturtdiena, 25.08.2011, 18:35:40

Ieraksti:

Amats: Dzēstās

Pašlaik:

Lai šis darbotos, lietiek tikai uzbraukt uz tā ar peli un tas parādīsies. Ja uz tā nav peles kursosrs, tad rādās tikai tā zilā bultiņa pašā lapas malā.

Ievieto lapas CSS faila beigās šo te:

Code

#button {
    position: fixed;
    top: 353px;
    left: 0;
    background: #0094d6;
    width: 28px;
    height: 50px;
    font: 40px Georgia;
    color: #fff;
    text-align: center;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
#s_panel {
    position: fixed;
    top: 153px;
    left: -100px;
    background: #ff7700;
    width: 100px;
    height: 150px;
    padding: 100px 0 0 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
    }
#button:hover {
    left: 100px;
}
#button:hover #s_panel {
    left: 0;
}

Un lapā, kurā vēlies redzēt objektu, ievieto šo te:

Code

Quote

Čau

Šeit varam ielikt savu tekstu, taču teksts var būt tikai līdz 8 rakstzīmēm vienā rindiņā bez atstarpēm!

Viesis

Pievienots: Piektdiena, 02.09.2011, 23:33:21

Ieraksti:

Amats: Apmeklētājs

Pašlaik:

kpc man kkā tas saits savāds paliek??

Tādi visi kur uzspiest tur violeta krāsa kur nav nospiests tur zila??

lavalair

Pievienots: Sestdiena, 03.09.2011, 07:38:34

Ieraksti:

Amats: Dzēstās

Pašlaik:

Viesis, jo tavā css kodā jau tiek izmantots #button

chaa

Pievienots: Sestdiena, 03.09.2011, 22:36:24

Ieraksti: 30

Amats: Lietotājs +

Pašlaik:

Brīdinājumi: 0%

Quote (lavalair)

Viesis, jo tavā css kodā jau tiek izmantots #button

Kas man jādara lai viss būtu pareizi??

makils

Pievienots: Pirmdiena, 12.09.2011, 08:15:18

Ieraksti: 7

Amats: Lietotājs +

Pašlaik:

Brīdinājumi: 20%

Te ir pārlabots sripts:

Šo liec CSS beigās:

Code

#butto {
     position: fixed;
     top: 353px;
     left: 0;
     background: #0094d6;
     width: 28px;
     height: 50px;
     font: 40px Georgia;
     color: #fff;
     text-align: center;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-border-radius: 0 5px 5px 0;
     -moz-border-radius: 0 5px 5px 0;
     border-radius: 0 5px 5px 0;
     }
#s_panel {
     position: fixed;
     top: 153px;
     left: -100px;
     background: #ff7700;
     width: 100px;
     height: 150px;
     padding: 100px 0 0 0;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-border-radius: 0 5px 0 0;
     -moz-border-radius: 0 5px 0 0;
     border-radius: 0 5px 0 0;
     }
#butto:hover {
     left: 100px;
}
#butto:hover #s_panel {
     left: 0;
}