Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • Lappuse 1 no 1
  • 1
uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Vienkāršs paziņojuma logs uzpiežot uz pogas
Vienkāršs paziņojuma logs uzpiežot uz pogas
Antikrists
Pirmdiena, 23.10.2017, 4:35:00 | Ieraksts #1
FORUMA APSARGS
Foruma ieraksti: 602

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Antikrists raksta .. :

Liec kur vēlies

Code
<div class="modal">
  <a href="#modal" class="open">Atvērt</a>
  <div class="modal_content" id="modal">
  <div class="title">Tavs teksts.</div>
  <a href="#" class="close">Aizvērt</a>
  </div>
</div>


CSS

Code
/* Kopejais saisu stils */
.modal a {display: block; width: 100px; height: 30px; text-align: center; line-height: 30px; text-decoration: none !important; margin: 10px auto 0; box-shadow: 0 0 0 1px #fff; color: #fff; transition: opacity .4s;}

/* Kopejais saisu stils uzejot uz tam */
.modal a:hover, .modal a:active {opacity: .6;}

/* Stils pogai atvert */
.modal a.open {background: #07f;}

/* Stils pogai aizvert */
.modal a.close {background: #FF3D1E;}

/* Neiztikt! Sis ir domats logs ir centra */
.modal .modal_content {left: 0; top: 0; right: 0; bottom: 0; margin: auto;}

/* Loga stils */
.modal .modal_content {position: fixed; display: block; background: #fff; padding: 20px; width: 250px; height: 100px; box-shadow: 0 5px 0 0 #07f inset, 0 0 0 1000px rgba(34,34,34,.65); text-align: center; font-size: 15px; line-height: 1.5;}

/* Loga izzusanas efekts */
#modal:not(:target) {opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s;}

/* Loga paradisanas efekts */
#modal:target {opacity: 1; visibility: visible; transition: opacity .4s, visibility .4s;}


Izākums



=========================

>>> DEMO <<<
Pielikumi: 6811579.png(6.5 Kb)



.
.


uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Vienkāršs paziņojuma logs uzpiežot uz pogas
  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...