Triad

Syntax und Tipps zum Triad-Skin

Layout

The basic layout consists of a page-wide header and footer, with the main center section in-between, flanked on either side by a fixed-width side column. Top and foot menu bars provide page action and additional navigation functions. The page is structured into the following sections. Each section can be configured from an associated wiki page and also made to “disappear” with special markup. Custom markup (:fullpage:) will show the page content plus title bar but nothing else.

Header (Site|Group).Page Header

Top Menu Bar (Site|Group).Page Top Menu

Side Bar
(Site|Group).SideBar

Title Bar (Site|Group).Title Bar

Right Bar
(Site|Group).Right Bar


Page Content
 

Foot Menu Bar (Site|Group).Page Foot Menu

Footer (Site|Group).Page Footer

Farb- und Font-Einstellungen

If you want to tweak individual colours or font settings, you can do this by creating a file local.css in folder pub/css/ and add your custom css settings there. Triad uses a number of css stylesheets, which are in the skins/triad/css/ folder. Depending on the theme for colours and fonts choosen, triad uses one of the c-….css for colour settings, and one of the font-…css files for font, line height etc settings. Open the relevant file in a text editor, and figure out which of the settings you need to change. Then add your own custom setting to pub/css/local.css. That way a skin update will not overwrite your changes.

Voreinstellungen in config.php

$DefaultColor = 'lightblue'; # lightblue, silverblue, seagreen, green, gold, choc, white, night, trans $DefaultFont = 'verdana'; # verdana or georgia $DefaultPageWidth = 'wide'; # wide, 800, 1000, 1300 or border $RightWidth = '170px'; # right bar width, set in px or em $LeftWidth = '170px'; # left (side) bar width, set in px or em $PageBorder = '20px'; # border width, set in px

You can set a new default color or font scheme in config.php by setting $DefaultColor = ' keyword '; or $Default Font = ‘ keyword ‘; for instance $DefaultColor = ‘gold’; which will load the gold color scheme from the c-gold.css file by default. If you wish that only the default scheme is used then you need to disable the switching of style options

Anwendung des Markups (:theme ...:) für Farben und Fonts

A custom markup (:theme colourscheme fontscheme:) can be used to show individual pages or groups with different colour and font schemes. For instance (:theme gold:) will show the current page in ‘gold’ colour scheme. (:theme gold georgia:) will show the current page in ‘gold’ colour scheme and ‘georgia’ font scheme. The first parameter after (:theme needs to be a valid colour scheme name, the second parameter is optional and needs to be a valid font scheme name (or be omitted).
To set a theme for all pages in a group, add the markup to the group’s Group Header page.
Theme markup can be disabled by setting $EnableThemes = 0; in skin.php.

You can set a background image with (:theme background=IMAGEURL:). IMAGEURL is the url of your background image. This theme uses the transparent color scheme. Other parameters:

bgcolor= to set a body background color, useful for when the pagewidth is not ‘wide’, i.e. a body background is showing as a border or sideframe to the central page of fixed width.
width= - set the width option within the theme markup.

Hintergrundgrafik

You can set a background image in config.php with $BackgroundImgUrlFmt = 'urlpathtoimage';. urlpathtoimage should be your image url (not the file path). This will be applied for the transparent color scheme, so you need to choose the ‘trans’ option for color schemes as well. You can set a different body background color with $BackgroundColor = ‘colorcode’;, useful when the page width is set less than ‘wide’.
You can also set background images in individual pages or groups with markup (:theme background=urlpathtoimage:).

If you want to get rid of dotted lines, add the following to a pub/css/local.css file (create the file if you have not got it):

#right-box, #left-box, #topnav, #footer-box { border:none; }

Rechte Textbox

Showing a Right Bar page on all pages as default:
Create a Right Bar page for the entire site as Site.Right Bar, for individual groups as Group Name.Right Bar, or for individual pages as Group Name.Page Name-Right Bar. Authors can disable it on pages with markup (:noright:). Likewise if the Right Bar is not shown as default, then authors can show it on individual pages or groups using custom markup (:showright:) on the page or the Group Header page.

Set $EnableRightBar = 0; in skin.php or config.php to disable the Right Bar for the whole site.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

>>clip<<
content box specially styled for Right Bar.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

>>bquote<<
This is a quotation….
— Armin Kübelbeck

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

>>news<<
Right floated content

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

…sidebar text…




This page may have a more recent version on pmwiki.org: PmWiki:Triad, and a talk page: PmWiki:Triad-Talk.