Jump to content
php.lv forumi

kā pareizi izveidot caurspīdīgu virsmas logu


Wuu
 Share

Recommended Posts

2gckk5n1j0szzpx6vav.png

 

CSS

.chat #smiley_block {
position:relative;
top:-655px;
left:650px;
width:300px;
height:300px;
margin:1px;
padding:0px;
border:2px solid #A99D76;
visibility:hidden;
z-index:100;
}

#smiley_bg {
position:relative;
top:-350px;
left:650px;
width:304px;
height:304px;
margin:1px;
padding:0px;
background-color:#23201F;
filter:alpha(opacity=60); 
  	-moz-opacity: 0.6; 
  	opacity: 0.6;	
z-index:90;
visibility:hidden;
}

 

Apmēram tā man sanāca ,bet ir problēma tādā ka zem čata loga lapai jābeidzas ,bet tur ir kaut kāda aizņemta vieta! Kā lai to noņem ,varbūt man jau no gala kaut kas nav kārtibā.

Bildē var redzēt ka es gribu lai mini logs visās izšķirtspējas atveres vienuviet un pats logs nav caurspīdīgs ,bet bacgrounds ir.

 

Edit:

mainām abiem diviem position uz absolute un abus liekam iekš šāda diva kurā jau norāda nobīdi.

.chat .smiley_position {
position:relative;
left:670px;
top:-340px;
width:0px;
height:0px;
}

Edited by Wuu
Link to comment
Share on other sites

Bildē var redzēt ka es gribu lai mini logs visās izšķirtspējas atveres vienuviet un pats logs nav caurspīdīgs ,bet bacgrounds ir.

Lai atvertu preziizi vienaa poziicijaa izmanto Position absalute ( bez taa tapat neiztikt), un ja gribi iecentreet tad njem talkaa JS ..

( savulaik uzrakstiju// && dalju netaa samekleju // JS skriptinju kas centree sitos virsejos DIVus ...)

bet spriezjot peec tava posta par JSON, tiesam skaties JQuery virzienaa , tur samam vajadzeetu buut ...

 

 

Lai dabuutu puscaurspiidiigu fonu, izmanto *.png ar daljeju transparent ....

Link to comment
Share on other sites

Manuprāt, šeit izmantot jQuery ir ļoti neracionāli!

Lai iecentrētu kādu elementu izmantojam vienkāršu JavaScript.

1. Nosakam loga platumu un augstumu.

2. Izrēķinam cik daudz kopā paliek brīvā vieta.

3. Izdalam šo skaitli ar 2, lai uzzinātu, cik lielu attālumu ievērot no augšas vai apakšas.

Edited by phpjanis
Link to comment
Share on other sites

Lai iecentrētu kādu elementu izmantojam vienkāršu JavaScript.

aha tikai tavs aprekjins novediis pie taa ka pie dazadiem monitoriem tas logs buus dazaads, un neaizmirsti ka arii brauzera loga augstums/platums var mainiities ...

taatad:

1 noskaidrojam Dokumenta faktiskos izmerus

2. noskaidrojam cik talu (augstums/platums) vinsh ir aizskroleets,

3. dabuunam Faktisko ekrana ( dotaa briizja loga izmera) centru

4. izrekjinam Pupup loga centru ( nu te tiesam dalijums uz 2)

5. nomuuvojam logu lai abi centri sakristu ( aprekjinam faktiskaas Absalute TOP/ EFT kordinates Popup divam )

so visu nebuut nenosauksi par Elementaru Js... ir labi daudz japadomaa un pietiekami labi jazin JS...

 

---

vel varu piebilst ja Popup loga izmers mainaas dinamiski tad sakumaa tas jaizpilda, talak jatver ar block Un tikai pasas vbeigaas jamuvo ...

--

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...