kā pareizi izveidot caurspīdīgu virsmas logu

[Wuu]

 

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 June 14, 2009 by Wuu

[Grey_Wolf]

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 ....

[werd]

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 June 14, 2009 by phpjanis

[marcis]

Par jQuery plusu arī šajā vietā var uzskatīt $(document).height() un $(window).width()

[Grey_Wolf]

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 ...

--

[Wuu]

Vispār es ar parastu css to dabūju gatavu!