International Sites:





/ PORTUNITY.INFO /


Portalsuite Function „PrintCSS“

Up to now we have been using simple HTML code without using HTML tags and parameters that control the formatting and presentation.


Up to now we have been using simple HTML code without using HTML tags and parameters that control the formatting and presentation. Naturally you could use HTML tags like <font>, <b> a. o. The Portalsuite hereby makes advances to you by introducing stylesheets, which ultimately map cascading stylesheets. You are able to define and to settle the typography of single HTML tags.


If you once choose the "Stylesheets" icon from the menu above you will likely get no list with stylesheets since this is about an empty portal. Also the stylesheets are divided in the way that the list of those stylesheets is indicated on the left, which you can edit in the middle. Furthermore you have again the possibility to apply a new stylesheet.


Apply a new stylesheet. An edit-dialog appears on the right:


At first you enter a name for the new stylesheet: "menu link". Then you have to define the second very important parameter, namely on which HTML tag the stylesheet shall refer to. Enter "a" in the HTML tag field. Set the remaining fields as follows: font= Arial, Helvetica, font weight= bold, size to 11 dots, underline and other effects = normal resp. deactivated. You can set the font colour arbitrarily, #72E400 corresponds with a green tone. Set the line height to 13 dots, you can leave all other fields empty.

However there will be no changes after reloading the portal preview, since the stylesheets are not yet included in the templates.


Thereto amend one or both templates in the HTML header as follows:


Template test template:

<html>
<head>
<? PrintCSS (); ?>
</head>

<body bgcolor=#ffffff>
<table border=1><tr><td valign=top>
<? PrintCategoryTree (); ?>
</td><td valign=top>
This is a test template.<br>
Current: <? echo (date ("d.m.Y")); ?>
</td></tr></table>
</body>
</html>


The function PrintCSS effects the inclusion of information from cascading stylesheets and is placed in the HTML header reasonably. The information from the CSS are generated directly from the stylesheets by the Portalsuite. Since we have been defining the stylesheet "menu link" for the HTML tag "a" before, the menu on the left should appear in the selected formatting now. You can define further stylesheets, e. g., for the mouse-over effect a. s. o.


If you want to use the stylesheets - for instance - as well for the normal text, you have to alter the template in the way that the class "text" is used as well as to apply a stylesheet for the HTML tag ".text":


Template test template:

<html>
<head>
<? PrintCSS (); ?>
</head>

<body bgcolor=#ffffff>
<table border=1><tr><td valign=top>
<? PrintCategoryTree (); ?>
</td><td valign=top>
<p class=Text>
This is a test template.<br>
Current: <? echo (date ("d.m.Y")); ?>
</p>
</td></tr></table>
</body>
</html>


Continue to recommend this article:

Your Name:

Your eMail-Adress:

eMail of Recipient:

Additional text:







Direct links to the new Portalsuite 2002:

- Productinfos
- Download

- Support overview
- Support forum