New GUI, maps and video hotspot

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

Richard

Fortgeschrittener

Beiträge: 184

Mittwoch, 24. Juni 2009, 04:34

New GUI, maps and video hotspot

Some may remember I posted a "walk in Tasmania" tour a little while ago ? From the comments there I have changed the GUI and also added a video hotspot. I think the video fits in quite well, but since I turned off the 'loop' option it doesn't rewind so can't be played again ! (I will post this as a bug)

Anyway, the new simple GUI is my own 'revolt' against the icon craze. Again all comments on this revision are very welcome.

http://www.multimediaaction.com/wetlands.html

Zum Seitenanfang

matrekker

Fortgeschrittener

Beiträge: 204

Wohnort: Aix-les-bains

Mittwoch, 24. Juni 2009, 09:54

Hi Richard

I like these kind of tours very much. I could not see your video at the first time. Then, I decided to make a cup of coffee, went back to my computer, re-loaded again, waited about 10 seconds more and the video started at this moment.

May be, it's too heavy just like in my former example ? Did you try with a small and short vidéo ?

Ma *smile*

www.visites-interactives.eu | www.arrets-sur-images.com

Zum Seitenanfang

michel

Profi

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

Mittwoch, 24. Juni 2009, 10:21

Hi Richard,

I like... your GUI have good looking and it is functional *smile*

.... But, let me do a suggestion ;-)

. I think the GUI is something really important into a Virtual Tour, but the pano itself is more important than the GUI. Your Gui takes a lot of space area in the pano... this is why I suggest you add an option to hide all or part of the gui. Do not you think so? *rolleyes*

Salut.

Zum Seitenanfang

Richard

Fortgeschrittener

Beiträge: 184

Mittwoch, 24. Juni 2009, 16:19

Yes, you're right. I did have a hide/show option before. In my zealousness to cut controls it also got the chop. I do think I should put it back...

Zum Seitenanfang

michel

Profi

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

Mittwoch, 24. Juni 2009, 16:50

Hi Richard,

Take a look at your new thread Bug: No rewind if not looped . I think the video problem can be solved in some way.

Salut. *thumbup*

Zum Seitenanfang

VN2009

Profi

Beiträge: 1 336

Wohnort: Duluth MN

Mittwoch, 24. Juni 2009, 22:52

site and gui look better. but i have to say, center your website! maybe its just me but i cant stand when websites are offset to the left. it should be centered on any monitor. add a containing DIV around everything and center that. Just my opinion.

Zum Seitenanfang

matrekker

Fortgeschrittener

Beiträge: 204

Wohnort: Aix-les-bains

Donnerstag, 25. Juni 2009, 07:48

Zitat von »VN2009«

site and gui look better. but i have to say, center your website! maybe its just me but i cant stand when websites are offset to the left. it should be centered on any monitor. add a containing DIV around everything and center that. Just my opinion.

It's also my opinion. I center all my sites since about 5 or 6 years with a simple div and css associated.

Ma *smile*

www.visites-interactives.eu | www.arrets-sur-images.com

Zum Seitenanfang

Richard

Fortgeschrittener

Beiträge: 184

Donnerstag, 25. Juni 2009, 14:33

Ha ! I used to work in the print industry and got very used to setting everything left ! ;-)

Zum Seitenanfang

matrekker

Fortgeschrittener

Beiträge: 204

Wohnort: Aix-les-bains

Donnerstag, 25. Juni 2009, 18:28

Zitat von »Richard«

Ha ! I used to work in the print industry and got very used to setting everything left ! i

It's just a matter of "habit", but I don't think we're wrong thinking in tems of "internet habits".

Ma

www.visites-interactives.eu | www.arrets-sur-images.com

Zum Seitenanfang

Richard

Fortgeschrittener

Beiträge: 184

Samstag, 27. Juni 2009, 01:25

I do agree with you. It would be better centered. But I hand-coded that site so am now unsure how I'd wrap the contents of every page in a new centered div. I think it would be very tedious....

Zum Seitenanfang

VN2009

Profi

Beiträge: 1 336

Wohnort: Duluth MN

Samstag, 27. Juni 2009, 03:22

your site isnt based off of a template? if not that sucks. if you have dreamweaver there is a way to make a template from a webpage then apply it to other pages if they are similiar enough.

Zum Seitenanfang

matrekker

Fortgeschrittener

Beiträge: 204

Wohnort: Aix-les-bains

Samstag, 27. Juni 2009, 12:06

Zitat von »Richard«

I do agree with you. It would be better centered. But I hand-coded that site so am now unsure how I'd wrap the contents of every page in a new centered div. I think it would be very tedious...

Write me in private (we're a bit far from what's interesting most of us in this forum). I'll give you some tips to center horizontally and vertically all your following sites...

"Ma"

info@arrets-sur-images.com

www.visites-interactives.eu | www.arrets-sur-images.com

Zum Seitenanfang

michel

Profi

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

Samstag, 27. Juni 2009, 15:10

hi Ma,

Zitat

we're a bit far from what's interesting most of us in this forum

Perhaps, but, sure there is somebody interested in such tips also in this forum... to learn more about something is always welcome. Don't you think so? ;-)

Salut.

Zum Seitenanfang

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Sonntag, 28. Juni 2009, 03:20

I agree... the centering issue may be a bit off the core topic here... but tips / tricks / solutions like that are like little prizes for some of us.... solutions to problems we just haven't had yet ;-)

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com

Zum Seitenanfang

matrekker

Fortgeschrittener

Beiträge: 204

Wohnort: Aix-les-bains

Sonntag, 28. Juni 2009, 09:05

Ok, I prepare something for the whole of the community. Be patient please.

Ma *smile*

www.visites-interactives.eu | www.arrets-sur-images.com

Zum Seitenanfang

matrekker

Fortgeschrittener

Beiträge: 204

Wohnort: Aix-les-bains

Sonntag, 28. Juni 2009, 09:37

C E N T E R I N G M Y W E B S I T E

First, you have to create a css file named “css” and a css style inside named “style.css” (apart your html pages) for the whole of your site and insert following code in the style.css :

#page{
position:absolute;
left:50%;
top:50%;
width:1000px;
height:600px;
margin-left:-500px;
margin-top:-300px;
border:1px solid #d0cfa3;
visibility: visible;
z-index: 2;
background-color: #282723;
}

body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000; background-color: #000000}

Of course, you must adapt different parameters to your web site : colours, background, border and especially sizes.

In this example, I choose 1000 x 600 pixels but if you choose another size, you will have to divide by 2 width and height and adapt the margin-left and the margin-top to your selected size.

Then, you make a link in the head and in the body of your html page with your style.css like this :

<html>

<head>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>

<body>
</div id="page">
<div id="the whole content of my site">
</div>
</div>

</body>
</html>

Note :

You must know the basis of html and I recommend Dreamweaver, a rather good soft. The whole of your site will be contained inside the <div id="page"></div>
After you drew your structure, you can insert different div inside the major div named page. That’s all !

Ma *smile*

www.visites-interactives.eu | www.arrets-sur-images.com

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »matrekker« (28. Juni 2009, 09:48)

Zum Seitenanfang

michel

Profi

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

Sonntag, 28. Juni 2009, 10:18

Hi Ma,

That is a good tip.... *thumbup*

Surely, Richard will appreciate... and many others *rolleyes*

.... I appreciate a lot !!! *thumbsup*

--------- 10 points for Ma -------- *attention*

Salut.

Zum Seitenanfang

michel

Profi

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

Sonntag, 28. Juni 2009, 15:51

Hi Richard,

I have tried the ccs code from matrekker on your page http://www.multimediaaction.com/wetlands.html
And it works well *attention*

Only some little change to make it match your needs ( like matrekker advised )

Zitat

Of course, you must adapt different parameters to your web site : colours, background, border and especially sizes.

The changes will be:
- no need of vertically center the page. Then we remove margin-top:-300px; and top:50%;
- we change the width:1000px; to your page width , width:996px;
- we change the height:600px;; to your page height, height:1178px;
- the background-image:url(images/background-996.jpg); from your body {... must be removed
- we put the background-image:url(images/background-996.jpg); into the #page {....

The resulting code will be:

Quellcode

#page {
background-color:#282723;
background-image:url(images/background-996.jpg);
border:1px solid #D0CFA3;
height:1178px;
left:50%;
margin-left:-500px;
position:absolute;
visibility:visible;
width:996px;
z-index:2;
}

body {
background-color:#CCCCCC;
background-repeat:repeat-y;
}

For me it work like expected.
Try it. ;-)