Noteiktu paskaidrojumu izskats (hint) - uCoz sistēma - Vizuālie skripti

FORUMA LAPA

Lietotāju sarunas

BUZZ AMATU MEKLĒJUMOS | KONKURSS! IESPĒJA IEGŪT ESKLUZĪVU REKLĀMAS VIETU PORTĀLĀ!

Lappuse 1 no 1
1

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

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 (3.1 Kb) · 0723774.png (2.2 Kb) · 4056621.png (2.1 Kb) · 6981053.png (2.2 Kb)

Forums » uCoz sistēma » Vizuālie skripti » Noteiktu paskaidrojumu izskats (hint) (dažādās krāsās)

Lappuse 1 no 1
1