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
* Pārdošanas noteikumi! (322)
* Apmeklēsi Lavalair ... (226)
* Jauna filma (146)
* Revolutionary soft for breaking of any captchas (229)
* Program for recognition of ReCaptchas (327)
* Ieteikt Draugiem poga (384)
* Ieteikt Draugiem poga (384)
* Program for breaking of any captchas (365)
* Download Adobe PhotoShop CS4 (361)
* Program for recognition of ReCaptchas (327)
* Pārdošanas noteikumi! (322)
* XRumer 16.0 + XEvil: new software complex for SEO/SMM (308)
* Elanync (907 ieraksti)
* Moilaligma (703 ieraksti)
* sofmoins (695 ieraksti)
* thobommect (678 ieraksti)
* premealvar (674 ieraksti)
* nirltulk (653 ieraksti)
* holostyaktnt7z8 (29.04.2017 02:29:31)
* RobertOxire (29.04.2017 00:14:21)
* ZesTanaji (28.04.2017 22:12:11)
* Valeriybig (28.04.2017 18:57:40)
* Masalligan (28.04.2017 18:50:58)
* Borpmuro (28.04.2017 18:42:11)