Knowledgebase: Splash Pages
Customizing your Splash Page
Posted by - NA - on 11 May 2011 12:57 PM

Customizing your Splash Page; Flash Templates only


It IS possible to customize your splash page, in regard to the changing of fonts, colors, etc., using simple html code. However, PLEASE NOTE, that the actual FONT of the “entry links” on your splash page (i.e., Enter Same Window, Enter Fullscreen, Enter Blog, etc.) CANNOT be changed via this process. (For info about using a CUSTOM splash page, please refer to http://www.portfoliositez.com/support/index.php?_m=knowledgebase&_a=viewarticle&kbarticleid=53)

ALSO, please note that this sort of "customization" is the responsibility of the CLIENT, and NOT Portfoliositez staff. It is very simple :) We have created this, and other articles to help guide you through the process!

To begin with, the ONLY part of your splash page that will accommodate html code is the Additional Info / HTML box.

You can change the font TYPE using the following html code:

<font face="Palatino">Your Text Here.</font>

*Note that the “Palatino” font is simply an example. Any WEB SAFE font can be used here. For a list of web safe fonts, please visit: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

SPECIALTY FONTS (such as those found at http://www.urbanfonts.com/ or similar websites)  are NOT supported by the splash page.

You can change the font SIZE using the following html code:

<font size="3"> Your Text Here </font>

*Note that the “3” can be changed to anything, starting with 1, HOWEVER, this number is NOT equivalent to point size!! If you set your font size to 12, your splash page text will be MASSIVE!

You can use the following table to correctly size your font:

 

 

PC

 

IMAC

 

Size

 

IE 5.0

 

NN 4.2

 

IE 5.0

 

NN 4.7

 

1

 

7

 

8

 

7

 

9

 

2

 

9

 

9

 

9

 

10

 

3

 

10

 

12

 

12

 

12

 

4

 

12

 

14

 

14

 

14

 

5

 

16

 

18

 

18

 

18

 

6

 

20

 

24

 

24

 

24

 

7

 

30

 

34

 

34

 

34

 

 

Additional information about font sizing can be found here: http://www.netmechanic.com/news/vol3/design_no8.htm

You can change the font COLOR using the following html code:

<font color="red"> Your Text Here.</font>

*Note that the “red” can be changed to any color by entering the name (blue, green, red, yellow, etc.) OR by entering the applicable color CODE from the color picker (this will be a six digit alpha, numeric, or alphanumeric code, such as ff6666)

**This step is not NECESSARY, as there is a font color picker built into your splash page admin, however, it can be useful in other applications**

You can find tips for adding other elements such as Line Breaks & Horizontal Lines, Bullet & Number Lists, Text Accentuations, etc., all using simple html code here: http://www.portfoliositez.com/support/index.php?_m=knowledgebase&_a=viewarticle&kbarticleid=320

In the end, you will be able to take a block of text and html like this:

<FONT SIZE=5><font face="Comic Sans MS"><i>A friend who is far away is sometimes much nearer than one who is at hand. Is not the mountain far more awe-inspiring and more clearly visible to one passing through the valley than to those who inhabit the mountain?  <br><br>
Kahlil Gibran </FONT></i>

And create this on your front end:

(467 vote(s))
Helpful
Not helpful

Comments (0)
Post a new comment
 
 
Full Name:
Email:
Comments: