Izbīdāms lodziņš - Forums





 
Lappuse 1 no 11
Forums » UCOZ » Skripti » Izbīdāms lodziņš
Izbīdāms lodziņš
lavalairPievienots: 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
<div id="button"> »   
    <div id="s_panel">   
   Čau  : )  
    </div>   
</div>


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!


 
ViesisPievienots: 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?? :(


 
lavalairPievienots: Sestdiena, 03.09.2011, 07:38:34
Ieraksti:
Amats: Dzēstās
Pašlaik:





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

 
chaaPievienots: Sestdiena, 03.09.2011, 22:36:24
avatars
Ieraksti: 30
Amats: Lietotājs +
Pašlaik:
Brīdinājumi: 0%
0
Quote (lavalair)
Viesis, jo tavā css kodā jau tiek izmantots #button


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




 
makilsPievienots: Pirmdiena, 12.09.2011, 08:15:18
Ieraksti: 7
Amats: Lietotājs +
Pašlaik:
Brīdinājumi: 20%
0
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;    
}


Un vajadzīgajā lapā šo te:
Code
<div id="butto"> »    
     <div id="s_panel">    
    Čau  : )   
     </div>    
</div>




 
chaaPievienots: Svētdiena, 27.11.2011, 01:39:28
avatars
Ieraksti: 30
Amats: Lietotājs +
Pašlaik:
Brīdinājumi: 0%
0
Code
<div id="button"> »    
     <div id="s_panel">    
    Čau  : )   
     </div>    
</div>


kur šis jāliek?




 
lavalairPievienots: Svētdiena, 27.11.2011, 09:05:28
Ieraksti:
Amats: Dzēstās
Pašlaik:





chaa, Tur, kur velies redzēt to izbīdāmo logu

 
Forums » UCOZ » Skripti » Izbīdāms lodziņš
Lappuse 1 no 11
Meklēšana:
Foruma statistika
Jaunākās tēmas Populārākās tēmas Aktīvākie lietotāji Jaunākie lietotāji
* Nerāda filmu (0)
* www.kinofilmnet.lv - vīruss (0)
* www.kinofilmnet.lv - vīruss (0)
* Skaistule un briesmonis (0)
* Galigi garam (3)
* Ctrl + V (60)
* Ir / Nav spēle (78)
* Jautājumu spēle! (67)
* Ctrl + V (60)
* Dizains (16)
* Kādu OS tu lieto? (14)
* Neaceros paroli. (14)
* More (111 ieraksti)
* SMILE (70 ieraksti)
* palulu13 (44 ieraksti)
* CsDeva (41 ieraksti)
* chaa (30 ieraksti)
* Burvislv (28 ieraksti)
* adazhanTus (03.12.2016 21:44:57)
* FlamesongDyebytots (01.12.2016 23:29:58)
* Bettyerove (30.10.2016 06:52:22)
* Benniecef (24.10.2016 03:52:02)
* ingarsnarbs (26.07.2016 19:23:53)
* sauluks (19.07.2016 10:44:45)