You are not logged in.

Skins

iFoto

Beginner

  • "iFoto" started this thread

Posts: 2

  • Send private message

1

Wednesday, April 21st 2010, 9:50am

Skins

Hi All,\
I'm new to KRpano so I'm wondering if you can help?

I am used to working with Pano2VR which one can customize skins etc easily without any html/coding knowledge.

In KRpano, how can I make a customized skin? Is it easy? Does anyone know who does that kind of thing?

I want to be able to do 3 things, Auto pan, go fullscreen and have a help button with instructions of viewers.

Any help would be appreciated.

Thanks Guys,
iFoto

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

2

Thursday, April 22nd 2010, 1:12pm

Hi,

in krpano images/buttons were included in the xml via the <plugin> tag,
see here:
http://krpano.com/docu/xml/#plugin

e.g. here some very simple examples (without fading, switching graphics and so),

to make a button that switches autorotation:

Source code

 
1
2
3
4
5

<plugin name"autorotatebutton"
        url="autorotatebuttonimage.png"
        align="bottom" x="0" y="10"
        onclick="switch(autorotate.enabled);"
        />


a button that switches fullscreen:

Source code

 
1
2
3
4
5

<plugin name"fullscreenbutton"
        url="fullscreenbuttonimage.png"
        align="bottomright" x="10" y="10"
        onclick="switch(fullscreen);"
        />


and a help image and a button that toogles it:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12

<plugin name"helpimage"
        url="help.png"
        align="center" 
        visible="false"
        onclick="set(visible,false);"
        />

<plugin name"helpbutton"
        url="helpbuttonimage.png"
        align="leftbottom" x="10" y="10"
        onclick="switch(plugin[helpimage].visible);"
        />


best regards,
Klaus

bulp

Intermediate

Posts: 390

Location: Malaysia

  • Send private message

3

Thursday, April 22nd 2010, 2:17pm

i do gv for free the flash control menu (search more).. so 'called' skin by you if im not mistaken... anyway use it as it is...

iFoto

Beginner

  • "iFoto" started this thread

Posts: 2

  • Send private message

4

Saturday, April 24th 2010, 9:03pm

That still means very little little to me. Where do I add the source code? I'm not a coder so it's a foreign language to me!
I can't find any tutorials or instructions for customising krpano software so a little help would be helpful. I don't even know where to start. I don't want to use the standard buttons.

Bulb... I just don't understand what you mean.

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

5

Thursday, April 29th 2010, 12:53pm

Hi,

Quoted from "iFoto"

Where do I add the source code?
when you look at the examples in the viewer download package (e.g. the "examples/buttons/" one),
then there you have some .xml files,

the first one (the buttons.xml) was loaded in the "buttons.html" (swf.addVariable("xml", "buttons.xml");),
the others (the "buttons-png-include.xml") was loaded in the "buttons.xml" (<include url="buttons-png-include.xml" />),
and there, there is the xml code for the buttons in this example,

best regards,
Klaus

bulp

Intermediate

Posts: 390

Location: Malaysia

  • Send private message

6

Thursday, April 29th 2010, 1:26pm

Klaus show the totally custom icon that u can change via xml .... but mine i do make it all in one in flash.. just need to code it in xml too..

link here

edgedesign

Beginner

Posts: 21

Location: Miami

Occupation: Creative Director / Photographer

  • Send private message

7

Monday, November 15th 2010, 12:08am

Custom button skin??

Newbie here...

Just wondering if this is a custom skin or if it's available somewhere: http://www.samrohn.com/360-panorama/cloud-gate-chicago/

The format seems similar to the one offered by bulb, but the graphics are different. I'm looking for this design or a tutorial on how to create a custom skin myself - specifically one that includes 'little planet'.

Thanks. *cool*
Bill Fant | SoFla360

Sam Rohn

Trainee

Posts: 110

Location: Brooklyn, New York

Occupation: 360° VR Photographer

  • Send private message

8

Monday, November 15th 2010, 2:27am

howdy -

i cooked that all up "myself", which means i basically just took one of the examples from the download and made new graphics (search google for free iconsor use photoshop), tweaked the code a bit to position everything correctly, and voila -

best way to figure this stuff out is to play with the example code, look through the examples & study the contents of the krpano download examples folder, find the part you like, look at the xml, add it to your your own file, read all the docs, read through the forums, etc - if you keep staring at this stuff for long enough and read the code over and over it all eventually begins to make sense...

thanks :)

sam
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City :: www.samrohn.com

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: www.panopress.org

This post has been edited 1 times, last edit by "Sam Rohn" (Nov 15th 2010, 2:48am)

edgedesign

Beginner

Posts: 21

Location: Miami

Occupation: Creative Director / Photographer

  • Send private message

9

Monday, November 15th 2010, 4:41am

Thanks Sam!

I figured as much and I already have a pretty good idea on how to approach it after looking at more samples and reading up on the xml coding.

By the way, it was thru your website that I discovered krpano. Your images are outstanding and I really like how you configured them.

Cheers,
Bill
Bill Fant | SoFla360

Similar threads