Sie sind nicht angemeldet.

CSS Reiter-Navigation für Krpano mit vertikalen Menüs als Beispiel

  • 1
  • 2

Panorade

Mega-User

  • »Panorade« ist der Autor dieses Themas

Beiträge: 458

  • Nachricht senden

1

Freitag, 13. Januar 2012, 12:57

CSS Reiter-Navigation für Krpano mit vertikalen Menüs als Beispiel

Hallo liebe Community,
Der Krpano Player ist ein ziemlich cooler Typ ist aber mit der XML Programierung doch nicht ganz so einfach.
Vor allem schnell eine kleine Navigation für kleine Touren
Auch ist die Google SEO nicht die beste weil er ja nicht den Inhalt der xml für die Seite mit ausliest (denke ich mal)
so hier kurz ein Beispiel mit einer CSS Navigation für kleine Touren



Vorschau link http://www.panorade.de/upload/2011/09_re…n%20krpano.html

so kann man es machen
1- Panos mit Droplet erstellen (aufpassen das man die Navigation ausblendet oder umbaut)
2.-Vorschschaubilder erstellen (thumbs)
3 .- Html Seite anpassen (ist mit dabei und erfordert nur paar Kentnisse)

Mann kann die css leicht umbauen ,ich habe es ein bißchen erklärt
Wichtig ist das das --div-- wo der Inhalt getauscht wird richtig geschrieben wird

Also wer lust hat kann das testen
hier ist die datei gepackt www.panorade.de/upload/2011/09_regensbur…0Navigation.rar


Habe es nochmal umgebaut und hochgeladen
mfg Achim
Afrika Panoramen - USA-Panoramen - Deutschland Panoramen- bei www.panorade.de

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Panorade« (27. Juni 2012, 14:37)

HansHansa

Super-User

Beiträge: 358

Beruf: Meister

  • Nachricht senden

2

Freitag, 13. Januar 2012, 15:37

In die HTML Seite einbauen, war nie das Problem.
Läßt sich in die index.html per DIV und Z-Index einfach realisieren.
kleine Hugin Tuts | Ein paar Panos von mir

Mozartkugel

Profi-User

Beiträge: 178

  • Nachricht senden

3

Freitag, 13. Januar 2012, 17:35

super Achim, werde es nacher mal testen. Änderungen wie den grauen Kasten etwas transparent zu gestalten,
dürfte möglich und nicht allzu schwer sein (hoffentlich).

:thumbsup:

Panorade

Mega-User

  • »Panorade« ist der Autor dieses Themas

Beiträge: 458

  • Nachricht senden

4

Samstag, 14. Januar 2012, 07:48

Zitat von »HansHansa«

n die HTML Seite einbauen, war nie das Problem
Was war denn das Problem ?
Entschuldige das ich eine andere Möglichkeit gezeigt habe und anderen helfen wollte. ;) (ist doch Sinn vom Forum oder)
Ich weiß ja aus dem andreren Beitrag das du das bringst.
Es ist nicht nur per z-index , sondern auch per javascript gesteuert so das sich das NavigationsFooter nicht immer neu lädt. beim Wechsel vom Panorama.
Sicher ist die direkte Einbindung mit xml orginal, hat aber wirklich den Nachteil das Google nichts von den Seiten indizieren kann also eigentlich Suchmaschinenuntauglich, (wenn Panorama aleine auf Seite steht)
mfg Achim
Afrika Panoramen - USA-Panoramen - Deutschland Panoramen- bei www.panorade.de

crohammer

Mega-User

Beiträge: 882

  • Nachricht senden

5

Samstag, 14. Januar 2012, 09:04

iOS

Schön gemacht Achim!
Habe es kurz auf iOS angeschaut, das Menü wird geladen aber dann anscheinend verdeckt und ist nicht sichtbar. Vieleicht hat ja einer noch einen Tip oder Lösung? Für die Gestalltung eines GUI, Menü usw. würde ich das gegenüber XML Flash Inhalt bevorzugen.

Gruss Daniel
mein Blog | VRpix.ch | mein Panorama Head

Panorade

Mega-User

  • »Panorade« ist der Autor dieses Themas

Beiträge: 458

  • Nachricht senden

6

Samstag, 14. Januar 2012, 09:21

sorry hatte ich nicht für ios gemacht mache ich noch mal
mfg achim
Afrika Panoramen - USA-Panoramen - Deutschland Panoramen- bei www.panorade.de

watty

Profi-User

Beiträge: 215

Wohnort: Esens

  • Nachricht senden

7

Samstag, 14. Januar 2012, 09:34

Zitat von »Panorade«

sorry hatte ich nicht für ios gemacht mache ich noch mal


das würde mich auch freuen
Gruß
Clemens
panoramawerkstatt.de
Esens-360grad.de

Panorade

Mega-User

  • »Panorade« ist der Autor dieses Themas

Beiträge: 458

  • Nachricht senden

8

Samstag, 14. Januar 2012, 09:44

Ich habe es geändert im Header Bereich mußte da noch etwas rein
Ich habe kein IPad zu testen

Ihr müßtet es mal probieren
für Iphone weiß nicht ob das da geht
mfg Achim
Afrika Panoramen - USA-Panoramen - Deutschland Panoramen- bei www.panorade.de

watty

Profi-User

Beiträge: 215

Wohnort: Esens

  • Nachricht senden

9

Samstag, 14. Januar 2012, 12:03

beim iPad kommt kurz das Menü und verschwindet dann wieder, wenn das Pano geladen ist
panoramawerkstatt.de
Esens-360grad.de

Panorade

Mega-User

  • »Panorade« ist der Autor dieses Themas

Beiträge: 458

  • Nachricht senden

10

Samstag, 14. Januar 2012, 15:03

Zitat von »watty«

beim iPad kommt kurz das Menü und verschwindet dann wieder, wenn das Pano geladen ist
kannst du das bitte mal testn

[url]http://www.panorade.de/upload/2011/09_regensburg/Pano_mit_footer2.html[/url]
Afrika Panoramen - USA-Panoramen - Deutschland Panoramen- bei www.panorade.de

watty

Profi-User

Beiträge: 215

Wohnort: Esens

  • Nachricht senden

11

Samstag, 14. Januar 2012, 15:37

jetzt sind da Bedienelemente ( ? und rechts/links/hoch/runter) - aber ohne Funktion
Das kannst du im Safari auch sehen, wenn du den UserAgent änderst (vorher bei Einstellungen einen Haken bei Menü "Entwickler" anzeigen machen)
panoramawerkstatt.de
Esens-360grad.de

HansHansa

Super-User

Beiträge: 358

Beruf: Meister

  • Nachricht senden

12

Samstag, 14. Januar 2012, 22:02

@Achim,

Du machst im Moment ja auch den Versuch über eine Index-Seite.
Nachteil, das Menü ist nur über diese eine zu finden und damit fallen die anderen Panoseiten unter den Tisch.
In jede Seite dieses Menü einbauen, wäre später immer nervig.
Ob Google zu den angesprochenen xml Seiten springt?

Vorschlag, alle *.html Seiten werden zu *.shtml (Webpage Anbieter muß SSI (ServerSideIncludes) unterstützen.)
In die jeweilige Seite brauchst Du nur noch:

<div id="menu">
<!--#include virtual="menu.html" -->
</div>

einfügen.

Eine menu.html Seite erstellen, ohne <html><head><body> usw.
Hier schreibst Du nur Dein <ul><li> usw. hinein und verlinks die *.shtml Dateien, diese Seiten könnte man Header Suchmaschienenfreundlich gestalten.
kleine Hugin Tuts | Ein paar Panos von mir

Panorade

Mega-User

  • »Panorade« ist der Autor dieses Themas

Beiträge: 458

  • Nachricht senden

13

Sonntag, 15. Januar 2012, 09:41

Hallo HansHansa

vielen Dank hatte mit shtml noch nie zu tun.
Ich mußte noch die htacces was zuweisen und dann gehts
Die Frage ist noch gehts auf dem IPad
hier mal der link zum test

http://www.panorade.de/upload/2011/09_re…test_menu.shtml

Trotzdem würde mich mal interessieren warum man das
http://www.panorade.de/upload/2011/09_re…n%20krpano.html
nicht richtig auf dem iPad sieht.
Ich werde mal Klaus fragen

mit dem Suchmaschinenfreundlich: den Header ist ok aber wenn nichts auf der Seite untern im body steht ( was bei vielen Flash Panoramen seiten ist) ist das ja auch nicht optimal ?
mfg Achim
Afrika Panoramen - USA-Panoramen - Deutschland Panoramen- bei www.panorade.de

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Panorade« (15. Januar 2012, 09:51)

HansHansa

Super-User

Beiträge: 358

Beruf: Meister

  • Nachricht senden

14

Sonntag, 15. Januar 2012, 10:11

Nö, Du brauchst nicht zuweisen.
Ich werde es wohl mal testen.

Vom iPad habe ich keine Ahnung, da ich keine Apfelprodukte habe.
kleine Hugin Tuts | Ein paar Panos von mir

Panorade

Mega-User

  • »Panorade« ist der Autor dieses Themas

Beiträge: 458

  • Nachricht senden

15

Sonntag, 15. Januar 2012, 10:37

Ja hatte ich auch gedacht ist aber bei all-inkl so gemacht das man ssi zwar hat ,
aber um es nutzen zu können muß man eine htacces erstellen und dann hochladen
Standartmäßig ist es bei denen nicht aktiviert

wenn google die *.shtml seiten indiziert dann liest er auch die eingefügte menu.html mit aus? (also den Inhalt) (die wird ja immer mit reingeladen) oder?

Ja ich habe auch nur Apfelbäume im Garten und nicht im Haus das ist halt manchmal schlecht denn das ipad haben inzwischen viele
aber zum testen ist es wieder sehr teuer
Afrika Panoramen - USA-Panoramen - Deutschland Panoramen- bei www.panorade.de

Angelheini

Mega-User

Beiträge: 683

  • Nachricht senden

16

Sonntag, 15. Januar 2012, 10:53

Zitat von »Panorade«

Ja hatte ich auch gedacht ist aber bei all-inkl so gemacht das man ssi zwar hat ,
aber um es nutzen zu können muß man eine htacces erstellen und dann hochladen
Standartmäßig ist es bei denen nicht aktiviert

wenn google die *.shtml seiten indiziert dann liest er auch die eingefügte menu.html mit aus? (also den Inhalt) (die wird ja immer mit reingeladen) oder?

Ja ich habe auch nur Apfelbäume im Garten und nicht im Haus das ist halt manchmal schlecht denn das ipad haben inzwischen viele
aber zum testen ist es wieder sehr teuer

Warum nutzt Du nicht den iPhone/iPad Simulator von krpano? Der funktionier eigentlich recht gut.

Gruß
Karsten

Panorade

Mega-User

  • »Panorade« ist der Autor dieses Themas

Beiträge: 458

  • Nachricht senden

17

Sonntag, 15. Januar 2012, 11:43

Zitat von »Angelheini«

Warum nutzt Du nicht den iPhone/iPad Simulator von krpano? Der funktionier eigentlich recht gut.
da kann man nicht das menu mit testen, man muß die xml datei eingeben aber nicht die html seite
geht leider nicht um die Navigation zu sehen
Ich sehe das Panorama im Safari aber die untere Menuleiste ist weg (im IPAD Modus)

hier sieht man im Safari Entwickler Modus das das Menu nicht über das Pano geht

http://www.panorade.de/upload/2011/09_re…g/testfoot.html

das ist das Problem
makl schauen
Afrika Panoramen - USA-Panoramen - Deutschland Panoramen- bei www.panorade.de

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Panorade« (15. Januar 2012, 12:33)

watty

Profi-User

Beiträge: 215

Wohnort: Esens

  • Nachricht senden

19

Sonntag, 15. Januar 2012, 13:33

wooh - läuft auf dem iPad 100%ig - darf ich das kopieren ?

Gruß
Clemens
panoramawerkstatt.de
Esens-360grad.de

Panorade

Mega-User

  • »Panorade« ist der Autor dieses Themas

Beiträge: 458

  • Nachricht senden

20

Sonntag, 15. Januar 2012, 13:52

Zitat von »watty«

wooh - läuft auf dem iPad 100%ig - darf ich das kopieren ?
Ja das ist alles offen und darf genutzt werden wie man will
ich habe von HansHansa den shtml Hinweiß bekommen
Läuft momentan unter shtml, die links gehen nicht wenn ich das wie am Anfang als html seite hatte
schau mal bitte auf dem ipad ob die links gehen
http://www.panorade.de/upload/2011/09_regensburg/css%20navigation%20krpano.html
Afrika Panoramen - USA-Panoramen - Deutschland Panoramen- bei www.panorade.de
  • 1
  • 2

Ähnliche Themen