CMSimple-XH

CMSimple_XH Template Tutorial

Visitor Statistics
» 1 Online
» 1 Today
» 1 Yesterday
» 4 Week
» 34 Month
» 205 Year
» 355 Total
Record: 35 (09.11.2018)

Insert functions & variables

CMSimple has a wide collection of various functions. But there is a set of a part of them that is used on almost each webpage.

 

template.htm

<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php fa_require()?> <!-- Needed if a fa plugin is used -->
<?php echo head();?> <!-- Returns the language dependend site title. -->
</head>
<body id="body" <?php echo onload();?> <!-- Returns the onload attribute for the body element. -->>
	<div class="alt-nav">
		<!-- alternative navigation container -->
		<div class="btn">
			<!-- alt-nav button -->
			<img src="<?php echo $pth['folder']['templateimages'];?>alt-nav-btn.png">
		</div>
		<div class="nav">
			<!-- alternative navigation START-->
			<div class="alt-toc">
				<?php echo toc();?> <!-- Returns the table of contents. -->
				<div class="clear"></div>
			</div>
			<div class="functions">
				<ul class="alt-function-links">
					<li><?php echo mailformlink();?></li> <!-- Opens mailform if an email is added in configuration -->
					<li><?php echo sitemaplink();?></li> <!-- Returns sitemap. -->
					<li><?php echo printlink();?></li> <!-- Returns prinversion of the opened page. -->
				</ul>
			</div>
		</div>		
	</div>
<div class="page-wrapper">
	<div class="top-container inner">
		<!-- top-container -->
		<div class="logo">
			<!-- logo -->
			<img src="<?php echo $pth['folder']['templateimages'];?>logo.png">
		</div>
		<div class="sitename">
			<!-- sitename -->
			<?php echo sitename();?> <!-- Returns the site name added in language file. -->
		</div>
		<div class="languagemenu">
			<!-- languagemenu -->
			<?php echo languagemenu();?> <!-- Returns the flag-buttons if additional languages are available. -->
		</div>
		<div class="clear"></div>
	</div>
	
	<div class="banner-container">
		<!-- banner-container -->
		<img src="<?php echo $pth['folder']['templateimages'];?>banner.jpg">
		<div class="slogan">
			<!-- slogan -->
			<?php echo $tx['template']['text1'];?> <!-- Returns the text added into the variable in a language file. -->
		</div>
	</div>
	<div class="clear"></div>
	<div class="locator-container inner">
		<!-- locator-container -->
		<div class="locator">
			<!-- locator -->
			<?php echo $tx['locator']['text'];?><?php echo locator();?> <!-- Returns the locator. -->
		</div>
		<div class="searchbox">
			<!-- searchbox -->
			<?php echo searchbox();?> <!-- Returns the webpage searchboc. -->
		</div>
		<div class="clear"></div>
	</div>

	<div class="main-container inner">
		<!-- main-container -->
		<div class="navigation">
			<div class="toc">
				<?php echo toc();?>
			<div class="clear"></div>
			</div>
			<div class="functions">
				<ul class="function-links">
					<li><?php echo mailformlink();?></li>
					<li><?php echo sitemaplink();?></li>
					<li><?php echo printlink();?></li>
				</ul>
			</div>
		</div>
		
		<div class="content">
			<!-- content START -->
			<?php echo content();?> <!-- In user view returns the webpage content. In admin view opens the content in installed editor. -->
			<!-- content END -->
		</div>
		<div class="news">
		<!-- news container -->
			<div class="box">
				<!-- newsbox 1 -->
				<?php echo newsbox('News01');?> <!-- returns the content of a hidden page "News01". -->
			</div>
			<div class="box">
				<!--newsbox 2 -->
				<?php echo newsbox('News02');?> <!-- returns the content of a hidden page "News02". -->
			</div>
		</div>
		<div class="clear"></div>
	</div>

	<div class="footer-container inner">
		<!-- footer-container -->
		<!-- footer -->
		Your copyright &copy; 2018 | Powered by <a href="https://cmsimple-xh.org" target="_blank">CMSimple_XH</a> | Template by <a href="http://example.com" target="_blank">YourTemplate</a> | <?php echo lastupdate(1);?>
		<br>
		<?php echo loginlink();?> <!-- Creates the login link. -->
	</div>
</div>
<div class="small-display">
	YOUR DISPLAY HAS<br>
	SMALL RESOLUTION<br>
	MINIMAL 320px<br>
	IS REQUIRED
</body>
</html>

 

 

stylesheet.css

(no need to edit anything here)

 

PREVIEW

 

 

top
YOUR DISPLAY HAS
SMALL RESOLUTION
MINIMAL 320px
IS REQUIRED