Forum zajednice Joomla! Hrvatska

Predlošci, web design, web standardi => HTML/CSS development i standardi => Autor teme: ikiK u 11. Veljača 2011, 10:30

Naziv: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 11. Veljača 2011, 10:30
Pokušavam nekako ubacit facebook like box na flash site. Uspio sam tako što sam dodao novi iframe u index.html . I više manje sve radi kako treba osim što nikako da pogodim pravilni kod za poziciju prikaza u browseru, naime s kodom koji ja koristim poravnanje frejma se vrši prema ljevoj i gornjoj stranici browsera što mi ne paše jer n čim se rastegne ili suzi prozor iframe "bježi" s flash okvira. Kod je sljedeči;

Citat:scrolling="no" frameborder="0" style="position: absolute; left: 500px; top: 10px; border:none; overflow:hidden; width:280px; height:74px;" allowTransparency="true"></iframe>

Naravno cijeli flash mi ima align="middle" itd. no nikako da skužim kako da iframe prikeljim na određeno mjesto unutar prikaza tog flesha, dakle da se ravna po njemu ne po stranicama browsera. Da li je to nekako moguće s position varijacijama?
Klikom na link ćete shvatit o čemu se radi...;kljik (http://www.pleasuredome-club.com/)...
Htio bih da bude uvjek na poziciji kao na slici;

Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: Skipper u 11. Veljača 2011, 11:11
Aj' probaj ovaj kod zalijepiti:
<iframe frameborder="0" align="middle" scrolling="no" allowtransparency="true" style="position: absolute; top: 10px; border: medium none; overflow: hidden; width: 280px; height: 74px;" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPleasure-Dome-Club%2F169961223037759&amp;width=292&amp;colorscheme=dark&amp;show_faces=false&amp;stream=false&amp;header=false&amp;height=62"></iframe>
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 11. Veljača 2011, 11:23
Niš od toga, samo je zakeljen skroz uz ljevu stranicu.
BiiiiiP try again  :P ;D

Već sam probo 10 različitih rješenja i nikak...
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: Skipper u 11. Veljača 2011, 11:26
Jesi siguran? Je li trenutno ovaj "moj" kod gore? Ako je, onda je sve u redu, scrollanje "prozora" ne tjera "fejsa da bježi". Cache browsera si počistio?
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 11. Veljača 2011, 11:27
Čuj ja ne razumijem sada gledam i izgleda ok .... išao sam na kjik  ;D
iframe inače možeš micati ljevo desno i drugačije u css-u kao modul u joomli
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 11. Veljača 2011, 11:29
Naravno da jesam i da tvoj je gore, kao što rekoh sad je zakeljen skroz uz ljevu stranicu i kako god da rastežem prozor ostaje u tom kutu.

Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: Skipper u 11. Veljača 2011, 11:30
Ne znam, eno ti gore dva screenshota, meni sve izgleda onako kako bi trebalo biti.
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 11. Veljača 2011, 11:31
F*** , u Firefoxu je dobro, u Safariju prikazuje onako zakeljeno ljevo... Što me dovodi do sljedećeg, u IE se uopće ne prikazuje (bar nije jučer nemogu sada nigdje provjerit)... Eto vam igre ...  ;D ::)
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 11. Veljača 2011, 11:32
Citat: karlovic  u 11. Veljača 2011, 11:27
Čuj ja ne razumijem sada gledam i izgleda ok .... išao sam na kjik  ;D
iframe inače možeš micati ljevo desno i drugačije u css-u kao modul u joomli
Nemam za stranicu css uopće... Flash...
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: Skipper u 11. Veljača 2011, 11:32
E, to je već sasvim druga kombinacija...
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 11. Veljača 2011, 11:37
onda probaj centrirati cijeli iframe preko css-a
Citat: ikik  u 11. Veljača 2011, 11:32
Nemam za stranicu css uopće... Flash...
pa napravi jedan css samo za to neće smetati ničem i nikom

nazoveš ga mojflash ubaci između <head> </head> ovo
<link rel="stylesheet" href="mojflash.css" type="text/css" />
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: wooer u 11. Veljača 2011, 11:55
ikik je zaboravio napomenuti da se to manifestira samo u Safari browseru. FF, IE i Opera uredno prikazuju facebook like box na željenom mjestu.
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 11. Veljača 2011, 11:59
Citat: wooer  u 11. Veljača 2011, 11:55
ikik je zaboravio napomenuti da se to manifestira samo u Safari browseru. FF, IE i Opera uredno prikazuju facebook like box na željenom mjestu.
Nisam zaboravio, piše gore u jednom od postova da se s novim kodom prikazuje dobro u ostalim browserima (tj. tu sam mislio samo na fire). Nakon što mi je rečeno da je njima dobro odmah sam provjerio. Što se tiće IE-a jučer s mojim prvotnim kodom koji je u početnom postu uopće ništa nije prikazivao, nada... S kojim IE-om vi sada gledate? Ja mislim da sam jučer gledao s zadnjom verzijom...
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: Skipper u 11. Veljača 2011, 12:03
Citat: wooer  u 11. Veljača 2011, 11:55
ikik je zaboravio napomenuti da se to manifestira samo u Safari browseru. FF, IE i Opera uredno prikazuju facebook like box na željenom mjestu.
Hm, meni ga IE ne prikazuje, Chrome ima problema s pozicioniranjem, poput Safarija...
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 11. Veljača 2011, 12:09
Ovako sada sam pogledao na jednoj novoinstaliranoj kutiji sa IE dakle sve je gore novo .... iframe se u IE (novom) učitao odmah ali kako je kutija nova morao sam kliknuti instalaciju da mi se pokaže flash. E sad čim se instaliralo nestao je facebook iframe. Ali to ti je napredna windows tehnologija  >:D
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 11. Veljača 2011, 15:29
Pogirat ću se s css-om kada dođem doma za ovo, u među vremenu;

Da li je moguće pozvat java script metodu setTimeout/delaytime i primjenit ju na ovaj iframe. Ideja je da se ne pokazuje pri intru stranice. Našo sam neke upute ali se niti jedne ne primjenjuju na išta slično. Pa me zanima da li je moguće uopće pa da se poigram s time?
Ili netko ima neko bolje riješenje?
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: Skipper u 11. Veljača 2011, 15:37
http://forums.digitalpoint.com/showthread.php?t=1334011
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 11. Veljača 2011, 15:45
Sweet! Točno što mi treba u komadu...
evo još par forica za kombiniranje... http://www.howtocreate.co.uk/tutorials/javascript/timers

Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 14. Veljača 2011, 02:15
Citat: Skipper  u 11. Veljača 2011, 15:37
http://forums.digitalpoint.com/showthread.php?t=1334011
Nažalost neznam kako ovo primjenit... Probo sam java kod na 100 načina i nejde mi...  Što se tiće samog izvornog koda nije ono što želim, naime on mi odma prikaže FB box i unutar njega nakon 10 sec louda google (document.getElementById("myiframe").src = "http://www.google.com" ovaj document.getElementById znaci da mi novi dokument tj u ovom slucaju google stranicu otvori unutar tog ifrmea), neznam kako  namjestit da mi se cijeli box pokaze nakon 10 sec. Pregledo sam 20 stranica s java uputama i funkcijama i niš nsiam skužio...


Što se tiće samog boxa i prvog upita uspio sam ga namjestit da stoji na mjestu samo s position: relative; i s <div> align="middle"  no sad mi se sve pomaklo malo prema dole i nikak sve dignut nazad...

Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 14. Veljača 2011, 07:06
top: 100px; right: 275px;
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 14. Veljača 2011, 14:58
Citat: karlovic  u 14. Veljača 2011, 07:06
top: 100px; right: 275px;
S tih 100 px sam ga spustio da bude dole  di treba biti u kutu stranice, i u chromu i fire je bar na istoj poziciji, u ie se pojavio... Pogledaj slike s 20px i 100px... Svejedno je stranica prema dole... I to samo s tim position relativ no sad se bar ravna prema stranici...

Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 14. Veljača 2011, 15:15
ok nisam niti gledao niti čitao dobro .... vjerojatno jer sam još bio pospan a kavicu popio nisam .... also u kodu imaš propust umjesto:
<div> align="middle"  <iframe
ti align="middle" stavi ovako
<div align="middle" > <iframe

vrati si natrag na top: 100px; right: 275px; i sve ok
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 14. Veljača 2011, 15:20
Citat: karlovic  u 14. Veljača 2011, 15:15

vrati si natrag na top: 100px; right: 275px; i sve ok
I dalje imam praznog hoda gore :(
I btw on se pojavi samo kada koristim relative position. A on mi jedini paše...
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 14. Veljača 2011, 15:27
hm ... a taj prazan hod sad ne želiš ili mora biti?
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 14. Veljača 2011, 15:36
NIkad nije bio, pojavio se samo zbog position relative, kod drugih nije ništa micao no niti se dobro ravnao, stranica je u uvijek bila od vrha popunjena. Iskreno, dobro izgleda i ovako, no živcira me taj grašak pod jastukom :D
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 14. Veljača 2011, 16:08
al me muči ovaj glupi SMF login taman napišem a istekne sesija  >:D

pa kaj ne veliš onda ja mislio da želite vući sve dolje a nesmem gledati jer piše 18+  ;D


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>KARLOVIC EVO TI SAD PIVO :=) </title>
<meta name="description" content="Pleasure Dome club, Streeptease, Lap dance, Day & Night Bar, Club, Restaurant, Striptiz" />
<meta name="keywords" content="Pleasure Dome club, Streeptease, Lap dance, Day & Night Bar, Club, Restaurant, Striptiz" />
<style type="text/css">
h2
{
position:absolute;
left: 250px;
top:20px;
}
</style></head>
<body style=" padding: 0px; margin: 0px; text-align: center; background: #000000">
<h2> <iframe id="mojflash" frameborder="0"  scrolling="no" allowtransparency="true" style="position: relative;    border: medium none; overflow: hidden; width: 280px; height: 74px;" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPleasure-Dome-Club%2F169961223037759&amp;width=292&amp;colorscheme=dark&amp;show_faces=false&amp;stream=false&amp;header=false&amp;height=62"></iframe></h2>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="770" height="650" id="main" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.pleasuredome-club.com/main.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="http://www.pleasuredome-club.com/main.swf" quality="high" bgcolor="#000000" width="770" height="650" name="main" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></div>
</body>
</html>


pisano napamet ne moraju se brojevi poklopiti .... makni si css koji ionako stavio nisi i taj tag

EDIT: umjesto top:50px; stavi top:20px;    ili čak možda top:10px;   i to ti je to ....
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 14. Veljača 2011, 17:54
Jok, nažalost ništa od pive :evil: , i ak je ova stranica za +18 onda su i sve plaže u hrvatskoj ^^
taj h2 ti je position:absolute; što nesmije biti... odma ne ravna poziciju frema po stranici nego browseru... Pri rastezanju se miče...

Ostavljam onako, nema smisla...
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 14. Veljača 2011, 18:01
Čuj ne zezaj, ovaj potez i post ti je sada 2x :pivo:   kljikni i provjeri (http://profi.hr/test/domeclub.htm) možda je tvoj server loš  :nevin:
cijeli kod:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>KARLOVIC EVO TI SAD PIVO :=) </title>
<meta name="description" content="Pleasure Dome club, Streeptease, Lap dance, Day & Night Bar, Club, Restaurant, Striptiz" />
<meta name="keywords" content="Pleasure Dome club, Streeptease, Lap dance, Day & Night Bar, Club, Restaurant, Striptiz" />
<style type="text/css">
h2
{
position:absolute;
left: 250px;
top:10px;
}
</style></head>
<body style=" padding: 0px; margin: 0px; text-align: center; background: #000000">
<h2> <iframe id="mojflash" frameborder="0"  scrolling="no" allowtransparency="true" style="position: relative;    border: medium none; overflow: hidden; width: 280px; height: 74px;" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPleasure-Dome-Club%2F169961223037759&amp;width=292&amp;colorscheme=dark&amp;show_faces=false&amp;stream=false&amp;header=false&amp;height=62"></iframe></h2>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="770" height="650" id="main" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.pleasuredome-club.com/main.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="http://www.pleasuredome-club.com/main.swf" quality="high" bgcolor="#000000" width="770" height="650" name="main" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></div>
</body>

</html>


Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 14. Veljača 2011, 18:10
Zamolit ću te ljepo da otvoriš moju stranicu i svoju u tab do taba, primiš rub browsera i rastežeš u kojem god te smjeru volja, primjetit ćeš da se na mom iframe miče sukladno s stranicom tj. stoji i dalje unutar zamišljenog ruba stranice (a taj rub nije ni ljevo ni desno nego kvadrat u sredini) a na tvom se iframe ne miče i ostaje uvjek poravant prema top i left stranicama prozora browsera i samim time ako rastegneš prozor izači će iz zamišljenog ruba stranice, što kod mene nije slučaj.

Prve dvije slike su tvoj server i kod , druge dvije moje. Primjeti iframe prilikom rastezanja...Stranica je "gore" u tvom slučaju i takva je i bila prije nego sam uspio iframe pozicionirat, zakeljit na stranicu. Sada kada je zakeljen nejde više dole...

Edit; rađe film... http://www.pleasuredome-club.com/20110214-Record.mov
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 14. Veljača 2011, 18:41
pa rekao sam podesi malo brojke evo kod mene position:absolute;left: 250px; top:10px; (pušten je samo domeclub.htm) dakle to je zadnji kod

sad ti evo moj
Monitor AOC 22 inča
i jedan "susjedov"
lg flatron L1919S  19 inča
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 14. Veljača 2011, 18:47
Takvim podešavanjem neću ništa dobit... Malo se ne razumjemo ili što? Mogu ja namjestit na tvoj način na određenu poziciju no nemogu za sve veličine monitora, rezolucije ni rastazanja prozora... S mojm kodom to je uvjek na mjestu... Pa daj raširi sam sebi još taj prozor, stavi veču rezoluciju i proširi ga, iframe će ti ostat u ljevom kutu a "stranica" otić na desno... Pogledaj video iz prijasnjeg posta. Btw ja sam na 27 incha pa ju mogu rastezat, mozda zato ne kuzis o cemu pricam...
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: Moje Novo Ime u 14. Veljača 2011, 18:55
A da je napraviti css za centralni div s poziciom fixed određene veličine u kojeg ide Iframe sa barem još jednim css-om koji je reset stilova. Probaj...obično Safari traži da mu se resetira stil Iframea ili diva u kojeg se nešto stavlja jer u suprotnom svi elementi uzimaju poravnanje/positioning prvog elementa u kodu, a to je u ovom slučaju što? Iframe bez css klase...neće ići!  :-[
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: ikiK u 14. Veljača 2011, 19:01
Prikazuje mi se s mojim kodom bez css-a iframe fixno zakeljen za "kvadrat" stranice u svim browserima na macu i pcu, probo sam. No pomaknuto  je sve prema dole. S kodom koji karlovic nudi mi je sve gore kako treba ali iframe nije fixno zakaljen za "kvadrat" stranice unutar kojeg se prikazuje flash.
I što nije ovo
Citat:uzimaju poravnanje/positioning prvog elementa u kodu
upravo razlika između absolute i relative?

I ps; ovo na videu nije safari već firefox, iza je safari...
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: Moje Novo Ime u 14. Veljača 2011, 19:25
Prvi div (centralni) - (odredi visinu/širinu) - OVAJ TI JE "CONTAINER"
position:absolute;
display:block;
width: XYZ;
height: XYZ;
top:XYZ;
left:XYZ;
margin:0;
padding:0;

Unutarnji elementi - resetiraj sve i stavi
position:fixed;
diplay:inline;
left:0px;
top:0px;
   
Obično se elementi raspadaju ukoliko se koristi absolute pozicioniranje inner elemenata
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: karlovic u 14. Veljača 2011, 20:09
Citat: Livich  u 14. Veljača 2011, 18:55
A da je napraviti css za centralni div ...................Iframe bez css klase...neće ići!  :-[
Tako je Livich , ono sam pustio gore da ti pokažem kako se može staviti i na sredinu flasha ako hočeš, dakle pušten je samo "goli" domeclub.htm za primjer i nije podešeno njime 100% centriranje
ujutro sam ti napisao da ti je sam div tag bio pogrešno napisan, css nije postojao samo si ubacio kod u html  kao da je gore to ne znači da postoji  pa se nema od kuda vući ... itd
dakle jedan css 2 klase i facebook ili što već možeš staviti na poziciju koju želiš, recimo "slikovito" kao što se pozicioniraju moduli u joomli
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: zabok u 23. Rujan 2012, 11:26
<div style='width: 180px; height: 150px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/green_180x150_bg.jpg ); background-repeat: no-repeat; background-color: #336633;' ><div id='NetweatherContainer' style='height: 138px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2ex.asp?partner=netweather&tStyle=whteYell&logo=1&zipcode=EUR|HR|HR008|ZABOK|&lang=uke&size=8&theme=green&metric=1&target=_self'></script></div><div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 12px; color: #FFFFFF;' ><a style='color: #FFFFFF' href='http://www.accuweather.com/world-index-forecast.asp?partner=netweather&locCode=EUR|HR|HR008|ZABOK|&metric=1' >Weather Forecast</a> | <a style='color: #FFFFFF' href='http://www.accuweather.com/maps-satellite.asp' >Weather Maps</a></div></div>

Kako ovo ubaciti u modul da proradi...............?

joomla 1.0,obični editor................
Naziv: Odg: iframe pozicija / flash site / html poravnanja
Autor: zabok u 25. Rujan 2012, 06:31
Kaj nitko nezna kako ubaciti ovaj gore hml cod u modul
Taj html modul radi savršeno na smf portalu,ali ja bi ga htio na joomli

Koja je caka da proradi na joomli,neznam nigdje nisam vidio na forumu kako se to radi...............