PmWiki.Triad History

kleine Korrekturen anzeigen - Änderungen im Quelltext anzeigen - Cancel

03. May 2010 um 13:04:21 Uhr von Armin Kübelbeck
Geänderte Zeile(n) 2-4 von:
!!! Unterseiten
# [=Site.PageHeader=] fürs Logo
# [=Site
.TitleBar=]
zu:
!!!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.

(:table border=1 cellpadding=5 cellspacing=0 align=center:)
(:cell colspan=3 align=center:)
Header ''(Site|Group).PageHeader''
(:cellnr colspan=3 align=center:)
Top Menu Bar ''(Site|Group).PageTopMenu''
(:cellnr rowspan=3 valign=middle:)
Side Bar[[<<]]''(Site|Group).SideBar''
(:cell align=center:)
Title Bar ''(Site|Group).TitleBar''
(:cell rowspan=3 valign=middle:)
Right Bar[[<<]]''(Site|Group).RightBar''
(:cellnr align=center:)
[[<<]]Page Content[[<<]]&nbsp;
(:cellnr align=center:)
Foot Menu Bar ''(Site|Group).PageFootMenu''
(:cellnr colspan=3 align=center:)
Footer ''(Site|Group).PageFooter''
(:tableend:)
03. May 2010 um 09:55:36 Uhr von Armin Kübelbeck
Neue Zeile(n) 1-82:
!!Syntax und Tipps zum Triad-Skin
!!! Unterseiten
# [=Site.PageHeader=] fürs Logo
# [=Site.TitleBar=]

!!!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 $DefaultFont = ' 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 GroupHeader 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 RightBar page on all pages as default:
Create a RightBar page for the entire site as Site.RightBar, for individual groups as GroupName.RightBar, or for individual pages as GroupName.PageName-RightBar. Authors can disable it on pages with markup [=(:noright:)=]. Likewise if the RightBar is not shown as default, then authors can show it on individual pages or groups using custom markup [=(:showright:)=] on the page or the GroupHeader page.

Set $EnableRightBar = 0; in skin.php or config.php to disable the RightBar 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<<
[=>>clip<<=]
content box specially styled for RightBar.
>><<
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<<
[=>>bquote<<=]
This is a quotation....
%qsource%&mdash; 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<<
[=>>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.

>>sideclip<<
...sidebar text...
>><<