HTML Background Color  

Share your tips and tricks here or get help with any Panotour problem!
No bug reports (of any kind) in this forum!
no avatar
the707
Member
 
Topic author
Posts: 37
Likes: 0 post
Liked in: 0 post
Joined: Thu Sep 29, 2011 7:28 am
Info

HTML Background Color

by the707 » Fri Feb 17, 2012 3:24 am

Hello,

I have managed to get the HTML spot working successfully in one of my panos. However, I can't seem to change the background color. Basically I just want the background (which is default white) to be black instead with white text.

My code for the HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head>

<body bgcolor="#000000">

<font face="Verdana,Trebuchet,Sans-serif">
<p>
<font size="+4"><b>LCD Television</b></font>
</p>
<p>
<img src="infobox/1309730260.jpg" width="125" height="150" align="right"/>
<textformat blockindent="4">
37” Flat Panel Televison. Flat Panel Televisions in every room with our complimentary in-room entertainment package that includes 30 television stations, 13 satellite radio stations and 4 adult video channels that feature erotic entertainment 24/7.
</textformat>
</p>
</font>

</body>
</html>


Last edited by the707 on Fri Feb 17, 2012 3:27 am, edited 1 time in total.

no avatar
Destiny
Moderator
 
Posts: 7886
Likes: 6 posts
Liked in: 228 posts
Joined: Mon Apr 26, 2010 11:55 pm
Info

by Destiny » Fri Feb 17, 2012 4:31 am

Hi,

Well actually I am sure you cannot do this.. You cannot even use CSS to do it.. The best way to do this would be to make the entire text and image as a single image... You will benefit by getting better looking text too, since html text can look a bit yuck.. and if the user does not have the font you have used, then it will default to something close which might not be the best.. You will be able to use any font you like doing it this way so heaps more control.. You will still have a white boarder but that still looks nice.. You can even put a url on the graphic to open a new html page with more information.. What can look nice if you put a shadow on the bottom to bring the image off the background..

Destiny..
Last edited by Destiny on Fri Feb 17, 2012 7:18 am, edited 1 time in total.

no avatar
the707
Member
 
Topic author
Posts: 37
Likes: 0 post
Liked in: 0 post
Joined: Thu Sep 29, 2011 7:28 am
Info

by the707 » Fri Feb 17, 2012 8:09 pm

Hi Destiny,

Thanks for the ideas. With the amount of info boxes I need to create it would be a nightmare to make each one an image. Especially if I had to edit each image during the client feedback period.

At any rate, I am sure it's possible because I have done it before on another KR Pano based platform as seen in the examples provided below. The problem is I no longer use that platform and have switched (invested in) PanoTour Pro. So I am all in now (with PTP) and I am hoping someone here might have some experience with Adobe's text language and changing background color. The other UI I was using before simply gave you the option of black or white so there was no code to deal with, and thus I am not sure what code is used to change the bg color.

I also saw an example of the background color being used in this thread - http://www.kolor.com/forum/t12714-need-help-with-html-document-insidet-the-hotspot But for whatever reason I must not have it correct because it is not working for me.





no avatar
mediavets
Moderator
 
Posts: 16415
Likes: 2 posts
Liked in: 130 posts
Joined: Wed Nov 14, 2007 2:12 pm
Location: Isleham, Cambridgeshire, UK.
Info

by mediavets » Sat Feb 18, 2012 12:42 pm

the707 wrote:At any rate, I am sure it's possible because I have done it before on another KR Pano based platform

Which 'platform' was this?

............

Anyway, the feature (in PTP) that you are using implements/utilises the krpano text field plugin and the documentation for that is to be found here:

http://krpano.com/plugins/textfield/

It appears you should be able to achieve the effect you seek with CSS.
Last edited by mediavets on Sat Feb 18, 2012 12:48 pm, edited 1 time in total.
Andrew Stephens
Many different Nodal Ninja and Agnos pano heads. Merlin/Panogear mount with Papywizard on Nokia Internet tablets.
Nikon D5100 and D40, Sigma 8mm f3.5 FE, Nikon 10.5mm FE, 35mm, 50mm, 18-55mm, 70-210mm. Promote control.

no avatar
Destiny
Moderator
 
Posts: 7886
Likes: 6 posts
Liked in: 228 posts
Joined: Mon Apr 26, 2010 11:55 pm
Info

by Destiny » Sat Feb 18, 2012 1:29 pm

Hi Andrew.. I like that link you put up. I will play with that.. ;) Its also got me thinking to try it using xml.. :rolleyes:;:/

Destiny..
Last edited by Destiny on Sat Feb 18, 2012 1:53 pm, edited 1 time in total.


Who is online

Users browsing this forum: No registered users and 1 guest