Noteiktu paskaidrojumu izskats (hint) - uCoz sistēma - Vizuālie skripti - Forums
Lietotāju sarunas
BUZZ AMATU MEKLĒJUMOS | KONKURSS! IESPĒJA IEGŪT ESKLUZĪVU REKLĀMAS VIETU PORTĀLĀ!
Atlikušie simboli: 200

Lappuse 1 no 11
Forums » uCoz sistēma » Vizuālie skripti » Noteiktu paskaidrojumu izskats (hint) (dažādās krāsās)
Noteiktu paskaidrojumu izskats (hint)
wuxmachine Pievienots: Sestdiena, 16.04.23, 00:30 | Ieraksts # 1 Offline

Ieraksti: 1081
GENERALISSIMO
Kur vēlamies redzēt, tur ievietojam šo kodu:



Code
<div class="wTitle">TAVS PASKAIDROJUMS <div class="wTip"><div class="wText wColor">BUZZ.UCOZ.LV</div><div class="wTreug wColor2"></div></div>  
  </div>


@CSS ievietojam šo kodu:

Code
.wTitle {position:relative; cursor:help;}  
  .wTitle .wTip {position:absolute; bottom:10px; left:0px; display:none;}  
  .wTitle:hover .wTip {display:block;}  
  .wText {border-radius:3px; max-width:220px; height:auto; padding:8px 10px; color:#fff; text-align:justify;}  
  .wTreug {border-bottom:8px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid rgba(0, 0, 0, 0.8); width:0; height:0; margin-left:8px;}  

  .wColor {background:rgba(0, 0, 0, 0.8);}  
  .wColor2 {border-top:8px solid rgba(0, 0, 0, 0.8);}  


Ja vēlamies zaļu, tad pēdējās 2 rindas (.wColor & .wColor2) mainām šīm:

Code
.wColor {background:rgba(180, 210, 60, 0.8);}  
  .wColor2 {border-top:8px solid rgba(180, 210, 60, 0.8);}



Ja vēlamies zilu, tad pēdējās 2 rindas (.wColor & .wColor2) mainām šīm:

Code
.wColor {background:rgba(70, 150, 255, 0.8);}  
  .wColor2 {border-top:8px solid rgba(70, 150, 255, 0.8);}



Ja vēlamies sarkanu, tad pēdējās 2 rindas (.wColor & .wColor2) mainām šīm:

Code
.wColor {background:rgba(255, 0, 0, 0.8);}  
  .wColor2 {border-top:8px solid rgba(255, 0, 0, 0.8);}



Ja vēlamies melnu, tad atstājam, kā ir.
Pielikumi: 5489607.png(3Kb) · 0723774.png(2Kb) · 4056621.png(2Kb) · 6981053.png(2Kb)



 
Forums » uCoz sistēma » Vizuālie skripti » Noteiktu paskaidrojumu izskats (hint) (dažādās krāsās)
Lappuse 1 no 11
Meklēšana: