Black strip with html?

Anfänger

Dienstag, 23. März 2010, 08:24

Black strip with html?

Thanks to your help, I have been learning alot.

I am looking to make a 5% black strip on the very bottom of the pano so I can put the title, logo link, etc....How is that done? That way, I can copy/paste that HTML setup and add that to all panos and just change the info in the black strip:)

A perfect example of what I am talking about is at Utah3d.net

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Stephen« (23. März 2010, 14:19)

Zum Seitenanfang

srisa

Schüler

Beiträge: 143

Mittwoch, 24. März 2010, 10:56

Not sure if that can be done with html. I added a plugin (black rectangular image) in the xml file and assigned a proper value to the alpha attribute, to get the same effect.

Zum Seitenanfang

Stephen

Anfänger

Beiträge: 21

Mittwoch, 24. März 2010, 17:06

HTML is only where I thought it might be easiest. LOL

Anyway to get that black info section on the bottom...(however it is done) would be great. I will look making info on a black image....but that seems like the long way around, and well, Guess that is the only way since folks don't know how to duplicate the Utah3d.net example. :( Thanks.

Zum Seitenanfang

Jarredja

Profi

Beiträge: 1 058

Wohnort: LA

Mittwoch, 24. März 2010, 18:15

The black bar is a plugin with other plugins on top of it.

Here is something totally different but I think could be used to do what you want. It would require some coding but you could set the area to the upper 95% of the viewing area and place your link plugins in the remaining black area.

Take a look at this example. It shows how to use the area attribute.

Border attribute for <area> node

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Jarredja« (24. März 2010, 19:41)

Zum Seitenanfang

VN2009

Profi

Beiträge: 1 336

Wohnort: Duluth MN

Mittwoch, 24. März 2010, 19:17

i would also do it via xml. if you do that via html which can be done you would need to use java script to pass the commands back into krpano. Jarreda is on the right path.

Zum Seitenanfang

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Donnerstag, 25. März 2010, 06:54

utah3d is using tables to force a particular size...

here's a simplified view of their code... note the height declarations.

Quellcode

<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="92%">
<tr><td>
-----pano stuff here------
</td></tr>
</table>
<!-- Start of black bar -->
<table border="0" cellpadding="0" cellspacing="0" width="100%"  height="8%" >
<tr><td>
------------put stuff here-------------
</td></tr>
</table>
<!-- End of black bar -->
</body>

It's one way of doing it... but there are several more current options... just depends on what you want to do and how you prefer to have things setup.

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com

Zum Seitenanfang

Stephen

Anfänger

Beiträge: 21

Donnerstag, 25. März 2010, 09:54

Graydon! Absolutely perfect! Thank you so much for your help, it is much appreciated:)

Appreciate everyone's help too...LOL. But Graydon hit the nail perfectly. *thumbsup*

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

Donnerstag, 25. März 2010, 10:26

Hi,

my black bar is in xml..

	Quellcode
1 2 3	<plugin name="mask_b" url="../../buttons/mask_black.png" align="bottom" keep="true" height="60" width="200%" blendmode="normal" alpha="1" enabled="false" zorder="99" />

the png is a small 4 by 4 pixels image of black.

cheers

tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Zum Seitenanfang

Stephen

Anfänger

Beiträge: 21

Donnerstag, 25. März 2010, 11:36

Great page there Tuur! You have given me a possible alternative. :)

I do wonder where you got your buttons, your ability to make the mouse zoom wheel work, and the full screen button! LOL

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

Donnerstag, 25. März 2010, 11:39

Hi,
do you mean the website?
well that's an oldie... working on a new one that has a better structure.. etc etc..

i make my buttons in flash AS3 and illustrator now..

example:

http://www.nl360.nl
http://www.rtl360.nl/rtl

somethings you just want to do in xml..

Cheers
Tuur

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Zum Seitenanfang

Black strip with html?

Black strip with html?

Quellcode

Quellcode

Ähnliche Themen