Problem z dodaniem przycisku "Lubię to!" do wirtualnego spaceru..

Witajcie.

Mam problem, a mianowicie chodzi o to, że nie mogę dodać przycisku "Lubię to!" do wirtualnego spaceru w taki sposób jak by chciał to klient. 

Tutaj przykładowy wirtualny spacer do którego próbuję dodać przycisk: 

http://tituweb.pl/realizacje_online/SPACXER/test.html

A tutaj jest przykład realizacji z efektem oczekiwanym przez mojego klienta: 

http://www.dubai360.com/#%21s=1313-burj-khalifa-pinnacle-gigapixel&l=en

Proszę o szybką pomoc!!

Użytkownik DominikCODE edytował ten post 27 lutego 2015 - 20:41

.likebox {
   position: absolute;
   z-index: 999;
   top: 10px;
   left: 10px;
}

Chyba o to chodzi.

.likebox {
   position: absolute;
   z-index: 999;
   top: 10px;
   left: 10px;
}

Chyba o to chodzi.

 

No może i o to, ale teraz pytanie, w którym miejscu teraz to dodać w pliku HTML??

Żeby się prawidłowo wyświetlało? A nie robiło takiego białego paska.

Użytkownik DominikCODE edytował ten post 28 lutego 2015 - 13:18

Widzę, że nie masz nigdzie pliku zewnętrznego CSS, ale masz za to style w dokumencie bezpośrednio.

W pliku test.html znajdź taki kod:

<style type="text/css">
	@-ms-viewport { width: device-width; }
	@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
	* { padding: 0; margin: 0; }
	html { height: 100%; }
	body { height: 100%; overflow:hidden; }
	div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
	div#tourDIV {
		height:100%;
		position:relative;
		overflow:hidden;
	}
	div#panoDIV {
		height:100%;
		position:relative;
		overflow:hidden;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
</style>

i zamień go na ten:

<style type="text/css">
	@-ms-viewport { width: device-width; }
	@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
	* { padding: 0; margin: 0; }
	html { height: 100%; }
	body { height: 100%; overflow:hidden; }
	div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
	div#tourDIV {
		height:100%;
		position:relative;
		overflow:hidden;
	}
	div#panoDIV {
		height:100%;
		position:relative;
		overflow:hidden;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	.likebox {
		position: absolute;
		z-index: 999;
		top: 10px;
		left: 10px;
	}
</style>

Dodałem tylko style dla FB likebox'a więc nie ma nic skompilowanego do tłumaczenia. Powinno zadziałać. Pozdro!

Widzę, że nie masz nigdzie pliku zewnętrznego CSS, ale masz za to style w dokumencie bezpośrednio.

W pliku test.html znajdź taki kod:

<style type="text/css">
	@-ms-viewport { width: device-width; }
	@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
	* { padding: 0; margin: 0; }
	html { height: 100%; }
	body { height: 100%; overflow:hidden; }
	div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
	div#tourDIV {
		height:100%;
		position:relative;
		overflow:hidden;
	}
	div#panoDIV {
		height:100%;
		position:relative;
		overflow:hidden;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
</style>

i zamień go na ten:

<style type="text/css">
	@-ms-viewport { width: device-width; }
	@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
	* { padding: 0; margin: 0; }
	html { height: 100%; }
	body { height: 100%; overflow:hidden; }
	div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
	div#tourDIV {
		height:100%;
		position:relative;
		overflow:hidden;
	}
	div#panoDIV {
		height:100%;
		position:relative;
		overflow:hidden;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	.likebox {
		position: absolute;
		z-index: 999;
		top: 10px;
		left: 10px;
	}
</style>

Dodałem tylko style dla FB likebox'a więc nie ma nic skompilowanego do tłumaczenia. Powinno zadziałać. Pozdro!

Wiem, jak dodać style. Ale chodzi mi o to, gdzie dodać tego DIV'a i ramkę, żeby się poprawnie wyświetlało. Bo wcześniej dodałem ten kod i nic. Dalej tak samo. :/

W testowym pliku jaki podałeś masz wszystko ok. Te style które podałem działaja na tej stronie ponieważ sam testowałem. Ty je dodajesz i nic się nie dzieje ? Dalej biały pasek ?

A widzisz, miałem jakąś wcześniejszą wersję pliku HTML i coś tam nie grało. Pobrałem tą ze stronki, dodałem i działa.
Dzięki wielkie za pomoc!!

Punkciki rozdane. )

Pozdrawiam.

Kolejny problem:
http://www.360studio.org/spacery/dworekgoscinny.html

Jak się włączy pełny ekran, to przycisk znika. Dlaczego się tak dzieje?

Niestety nie da rady używać HTML'a w pełnym ekranie. Flash działa we własnym środowisku i włączając pełny ekran, w ogóle nie jest to powiązane z drzewem DOM a więc nie masz dostępu do żadnego elementu (tj. element like box'a).

Może gdybyś miał dostęp do kodu flash'a i wykonał to jakoś w ActionScript, ale sam niewiele wiem na temat AS, więc nie pomogę

Dobra, trudno. Jakoś się obejdzie bez tego. Ale i tak wielkie dzięki za pomoc!

Temat do zamknięcia.