This lets you format the text in text boxes, bold, italic and even a drop shadow.
I will be using the attached file so please download as I will be referring to this.
Open the attached project and publish.
You will see there is a css file that you can open with a text editor, notepad for Windows or TextEdit for Mac.
It contains the CSS for different classes:
Code: Select all
.textbox1{
text-shadow: 1px 1px 2px #FF0000;
font-family: "Times New Roman";
font-size: 18px;
}
.textbox2{
font-family: "Comic Sans MS";
font-weight:bold;
font-size: 14px;
}
.textbox3{
font-family: "Arial Black";
font-style: italic;
font-size: 25px;
}Now the start of each style starts with a .textbox1, 2 and three.
These are what you enter in the skins text box CSS classes.
So a text box with CSS Classe textbox2 will have its text box formatted to Bold text and size 14 point.
Note at this stage the font face will not change.
This is because the HTML page has its own CSS and font. So to show different fonts you must remove this from the HTML page.
You are looking for and need to delete the highlighted code in the HTML page:
- 1.jpg (55.66 KiB) Viewed 10343 times
Open the project and the founts will also now change.
If you want to make a CSS file, you just need to open a basic text document add the code and then save with a file extension of .css.
Then under the HTML5 output select the HTML tab and then click the edit template button.
You then need to select the CSS document.
- 2.jpg (53.08 KiB) Viewed 10343 times
The name of the CSS can be anything you like as long as it has the CSS file extension as Pano2VR renames it in the output folder.
The different Classes can also be named anything you link as long as they start with a "." (dot) in the CSS document.
Remember you don't add the dot in Pano2VR skin editor, just the Class name.
You can also add the CSS Classes directly in the HTML page.
Using the code in the CSS document just copy and paste it directly in the HTML page shown below:
- 3.jpg (64.03 KiB) Viewed 10343 times
You still need to delete the CSS from the top of the page if you want to use a different font.
Regards,
Hopki
