Stacks Image 399
Stacks Image 453
Stacks Image 455

Stacks Image 208


info

Styling Interface Using The CSS Files


You can easily change the background colours, alignment and positioning of onscreen elements via the iPhone.css and iPad.css files. Each device has it's own CSS file so that you can individually make changes to the Custom Style Sheets as you wish.

The easiest way to find which section of the CSS files you should work on is by identifying the ID and CLASS name in the iPhone.html & iPad.html files first.

This is really easily done, firstly go to the code section in the iPhone.html or iPhone.html files you wish to make aesthetic changes to and look for :
id= & class=

These two items carry the code identifiers for that section of the interface, so if for example you want to make some changes to the CONTACT page like changing the colour of the panel or transparency you would do this:

1) Open iphone.html with your HTML Edtor,
2) Press Command and F which will open the Search Bar
3) Type in Contact and hit ENTER - the Editor will take you down to that section of Code and you wil see this:

<div id="contact" class="cooldiv1">



4) At the start of the code you will see there are 2 identifiers there

id="contact"

&

class="cooldiv1"


5) Each of these plays a part in how the section is styled.

id="contact" will allow you to set the font, font size, font colour and height and width within which the text will display
class="cooldiv1" will allow you to change the colour, opacity and positioning of the actual transparent slide out panel that sits underneath the contact text

6) Now open the iPhone.css file with your HTML Editor and do a search for the word contact or cooldiv1 and there you will be able to see the values for each section.

NOTE: "cooldiv" "cooldiv1" & "cooldiv2" are applied to more than just one section, so before you go making changes do a search on the word, id= or calss= and see how many other areas might also be using the same code identifiers because making a change to one section might in some cases also affect other areas of the interface.

Be careful making changes here requires you to know what you are doing, if you make a mistake and onscreen elements suddenly are not looking right the best practice is to start again from the start with a fresh CSS copy unless you know exactly where you went wrong.

IMPORTANT:
As with all iOSVR code each code section has clear text description to let you know what the code is for, how to use it and so on. Just look for the highlighted text above each code section in any of the html and css files and you will have a better understanding what is required.








iOSVR Panorama Player


View iPhone/iPad Example


(You will need an iPhone or iPad otherwise just the Flash tour will play)

The industry leading iOS virtual tour software which looks and feels just like a real iPhone or iPad App. Built ground up for the iOS platform iOSVR is fully customisable offering industry leading features, intuitive easy to use interfaces, already setup as a working template.
HTML5 - iOS4 / iOS5 / iOS6

ptgui_logo



App Development


View iPhone App Example


(You will need an iPhone or iPad otherwise iTunes store only will open)

1) Offer your clients their own Virtual Tour App
On the App Store within two weeks. Send us your panoramas and we will deliver an awesome feature packed VR App including geo find me, built in maps and offline viewable to name a few.
2) We also develop standalone iOS Apps for all industries, VR technology included.

nodalninja_logo


ffc_iosvr