Ein Text in dem Hearder der Seite:

Saepius dolor in duis vero decima. Option anteposuerit demonstraverunt aliquam Investigationes consuetudium. Vulputate diam te modo quod usus. Modo quinta erat per in facilisi. Fiant et enim ad liber iriure. Ea in formas nihil legere vero. Exerci consectetuer est vero claritatem ad. Aliquam assum augue volutpat wisi qui. Diam vel non cum commodo congue. Etiam liber odio consequat lectorum notare.

1. Eine HTML Seite erstellen

2. In Seiten-Präfix aus Page Inspektor/Kopf/Präfix den Code einfügen:

<?php // ><!-- $webyep_sIncludePath = "./"; $iDepth = 0; while (!file_exists($webyep_sIncludePath . "webyep-system")) { $iDepth++; if ($iDepth > 10) { error_log("webyep-system Ordner nicht gefunden.", 0); break; } $webyep_sIncludePath = ($webyep_sIncludePath == "./") ? ("../"):("$webyep_sIncludePath../"); } if (file_exists("$webyep_sIncludePath/webyep-system/programm")) $webyep_sIncludePath .= "webyep-system/programm"; else $webyep_sIncludePath .= "webyep-system/program"; $sMain = "$webyep_sIncludePath/webyep.php"; if (file_exists($sMain)) include($sMain); // --> <dummy ?>

3. Als Inhalt der Seite den Code einfügen:

<!-- WebYep v1.3.0: --> <?php $iLeftPhotoPadding = 10; $iRightPhotoPadding = 10; $iLeftPhotoWidth = true ? 130:0; $iRightPhotoWidth = true ? 130:0; $iCenterPhotoPadding = 10; $iCenterPhotoWidth = true ? 130:0; $iBlockPadding = 20; if (!isset($iPageID)) $iPageID = 0; if (!function_exists("webyep_bCheckImage")) { function webyep_bCheckImage($sN, $iFixedW, &$sWCSS) { $bRet = false; $sWCSS = ""; $oElement = new WYImageElement($sN, $false, $iFixedW ? "width=\"$iFixedW\"":"", "", ""); $sContent = $oElement->sDisplay(); if ($sContent) { if ($iFixedW) $iW = $iFixedW; else { $oImg = $oElement->oImage(); $iW = $oImg ? $oImg->iWidth():0; } $sWCSS = $iW ? (" width: " . $iW . "px;"):""; $bRet = true; } return $bRet; } } if ($iPageID) $sFieldPostfix = "_$iPageID"; else $sFieldPostfix = ""; $iPageID++; $sWidthCSS = ""; ?> <!-- Seitentitel: --> <h1 class="WebYepSeitenTitel"><?php webyep_shortText("Seitentitel$sFieldPostfix", false); ?></h1> <!-- Ende Seitentitel --> <!-- Text Header: --> <div class="WebYepText"><?php // check for installed WYSIWYG HTML editor if (file_exists("$webyep_sIncludePath/opt/rte") || file_exists("$webyep_sIncludePath/opt/tinymce") || file_exists("$webyep_sIncludePath/opt/fckeditor")) { webyep_richText("HeaderText$sFieldPostfix", false, "/webyep_text.css"); } else { webyep_longText("HeaderText$sFieldPostfix", false, "", true); } ?></div> <!-- Ende Text Header --> <!-- Blockschleife Start: --> <?php foreach (WYLoopElement::aLoopIDs("BlockSchleife$sFieldPostfix") as $webyep_oCurrentLoop->iLoopID) { $webyep_oCurrentLoop->loopStart(true); ?> <!-- Float Container Start: --> <?php if(preg_match('/MSIE +6/', $_SERVER['HTTP_USER_AGENT'])) echo "<div style="\" mce_style="\""overflow: hidden; zoom: 1.0\">\n"; else echo "<div style="\" mce_style="\""overflow: hidden;\">\n"; ?> <!-- Blocktitel: --> <?php if (webyep_sShortTextContent("Blocktitel$sFieldPostfix", false) || webyep_bIsEditMode()) { ?> <h2 class="WebYepBlockTitel"><?php webyep_shortText("Blocktitel$sFieldPostfix", false); ?></h2> <?php } ?> <!-- Ende Blocktitel --> <!-- Text am Blockanfang: --> <div class="WebYepText"><?php // check for installed WYSIWYG HTML editor if (file_exists("$webyep_sIncludePath/opt/rte") || file_exists("$webyep_sIncludePath/opt/tinymce") || file_exists("$webyep_sIncludePath/opt/fckeditor")) { webyep_richText("BlockbeginnText$sFieldPostfix", false, "/webyep_text.css"); } else { webyep_longText("BlockbeginnText$sFieldPostfix", false, "", true); } ?></div> <!-- Ende Text am Blockanfang --> <div class="contentWrap-elastic"><!-- class contentWrap-elastic --> <div class="wrap-elastic"><!-- class wrap-elastic --> <!-- Foto links: --> <?php if (webyep_bCheckImage("FotoLinks$sFieldPostfix", $iLeftPhotoWidth, $sWidthCSS) || webyep_bIsEditMode()) { ?> <?php printf('<div class="left-elastic"><div>', $iLeftPhotoPadding, $iLeftPhotoPadding, $sWidthCSS); webyep_image("FotoLinks$sFieldPostfix", false, "", "", "", $iLeftPhotoWidth, 0, true); echo "</div>"; if (webyep_sShortTextContent("FotoLinksBildtext$sFieldPostfix", false) || webyep_bIsEditMode()) { ?><div style="padding-top: 4px; text-align: center;" mce_style="padding-top: 4px; text-align: center;"><?php webyep_shortText("FotoLinksBildtext$sFieldPostfix", false); ?></div><?php } echo "</div>"; } ?> <!--Ende Foto links --> <!-- Foto zentriert: --> <?php if (webyep_bCheckImage("FotoZentriert$sFieldPostfix", $iCenterPhotoWidth, $sWidthCSS) || webyep_bIsEditMode()) { ?> <?php printf('<div class="middle-elastic"><div>', $iCenterPhotoPadding, $sWidthCSS); webyep_image("FotoZentriert$sFieldPostfix", false, "", "", "", $iCenterPhotoWidth, 0, true); echo "</div>"; if (webyep_sShortTextContent("FotoZentriertBildtext$sFieldPostfix", false) || webyep_bIsEditMode()) { ?><div style="padding-top: 4px; text-align: center;" mce_style="padding-top: 4px; text-align: center;"><?php webyep_shortText("FotoZentriertBildtext$sFieldPostfix", false); ?></div><?php } echo "</div>"; } ?> <!-- Ende Foto zentriert --> <!-- Foto rechts: --> <?php if (webyep_bCheckImage("FotoRechts$sFieldPostfix", $iRightPhotoWidth, $sWidthCSS) || webyep_bIsEditMode()) { ?> <?php printf('<div class="right-elastic"><div>', $iRightPhotoPadding, $iRightPhotoPadding, $sWidthCSS); webyep_image("FotoRechts$sFieldPostfix", false, "", "", "", $iRightPhotoWidth, 0, true); echo "</div>"; if (webyep_sShortTextContent("FotoRechtsBildtext$sFieldPostfix", false) || webyep_bIsEditMode()) { ?><div style="padding-top: 4px; text-align: center;" mce_style="padding-top: 4px; text-align: center;"><?php webyep_shortText("FotoRechtsBildtext$sFieldPostfix", false); ?></div><?php } echo "</div>"; } ?> <!-- Ende Foto rechts --> </div><!-- Ende class wrap-elastic --> </div><!-- Ende class contentWrap-elastic --> <!-- Text am Blockende: --> <div class="WebYepText"><?php // check for installed WYSIWYG HTML editor if (file_exists("$webyep_sIncludePath/opt/rte") || file_exists("$webyep_sIncludePath/opt/tinymce") || file_exists("$webyep_sIncludePath/opt/fckeditor")) { webyep_richText("BlockendeText$sFieldPostfix", false, "/webyep_text.css"); } else { webyep_longText("BlockendeText$sFieldPostfix", false, "", true); } ?></div> <!-- Ende Text am Blockende --> <!-- Float Container End: --> <?php echo "</div>\n"; ?> <!-- Block Padding: --> <?php if ($iBlockPadding) printf('<div style="font-size: 0px; line-height: 0px; height: %spx;" class="WebYepBlockAbstand"></div>', $iBlockPadding); ?> <!-- Blockschleife Ende: --> <?php $webyep_oCurrentLoop->loopEnd(); } ?> <!-- Text Footer: --> <div class="WebYepText"><?php // check for installed WYSIWYG HTML editor if (file_exists("$webyep_sIncludePath/opt/rte") || file_exists("$webyep_sIncludePath/opt/tinymce") || file_exists("$webyep_sIncludePath/opt/fckeditor")) { webyep_richText("FooterText$sFieldPostfix", false, "/webyep_text.css"); } else { webyep_longText("FooterText$sFieldPostfix", false, "", true); } ?></div> <!-- Ende Text Footer --> <div><?php webyep_logonButton(true); ?></div> <!-- Ende WebYep v1.3.0 -->

4. In benutzerdefinierten CSS einf&ügen:

/* div Tag um das linksbuendige Foto */ .WebYepFotoLinks { padding: 10px; } /* div Tag um das rechtsbuendige Foto */ .WebYepFotoRechts { padding: 10px; } /* div Tag um das zentrierte Foto */ .WebYepFotoZentriert { } .contentWrap-elastic { display: table; width: 100%; text-align: center; } .wrap-elastic { display: table-row; } #left-elastic, #middle-elastic, #right-elastic { display: table-cell; vertical-align: top; } .left-elastic, .middle-elastic, .right-elastic { display: table-cell; vertical-align: top; } *+html .wrap-elastic { overflow: hidden; } * html .left-elastic, * html .middle-elastic, * html .right-elastic { margin-bottom: -10000px; padding-bottom: 10000px; float: left; } *+html .left-elastic, *+html .middle-elastic, *+html .righ-elastic { margin-bottom: -10000px; padding-bottom: 10000px; float: left; }