Přispůsobení šablony obsahu
Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
- Jack06
- Člen | 168
Chci se zeptat, měl bych základní layout nějak takto:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="author" content="">
<meta name="description" content="">
<meta name="robots" content="{$robots}" n:ifset="$robots">
<style type="text/css" media="screen, projection">
@import "{$basePath}/css/screen.css";
</style>
<!--vložení bloku title-->
{include #title}
</head>
<body>
<div id="header">
<h2>Testovací stránka</h2>
</div>
<ul id="mainmenu">
{foreach $menuItems as $id => $item}
<li {ifCurrent $id}class="current"{/if}><a href="{plink $id}">{$item}</a></li>
{/foreach}
</ul>
<div id="page">
<div id="leftBlock">
{block #leftBlock} Prázdný Levý blok {/block}
</div>
<div id="fullrBlok">
{block #fullrBlok} {/block}
<div id="centerBlok">
{block #centerBlok}{/block}
</div>
<div id="rightBlock">
{block #rightBlock}{/block}
</div>
</div>
</div>
<div id="footer">
</div>
</body>
</html>
styl k tomu by byl cca takto:
#page{
width: 960px;
margin: 0 auto;
}
#leftBlock{
float: left;
width: 200px;
}
#rightBlock{
float: right;
width: 300px;
}
#fullrBlok{
width: 760px;
float: right;
}
#centerBlok{
margin: 0 300px 0 200px;
}
Jde mi o následující: Levý sloupec na webu budu mít prostě vždycky, ale tu druhou část bych chtěl měnit.
Když budu generovat obsah jen pro dvousloupcový layout, tak aby se ze základního layoutu použilo takto:
<div id="fullrBlok">
{block #fullrBlok} {/block}
</div>
stránka, která by hodila obsah by byla například:
{block title}<title>title</title>{/block}
{block leftBlock}
<div>
<p>Jsem v levém</p>
</div>
{/block}
{block fullrBlok}
<div>
<p>Jsem v pravém</p>
</div>
{/block}
// vzhledem k tomu, že nikdo neodpovídá, tak bych řekl že to nejspíše nepůjde. Teoreticky be se jednalo o něco jako toto:
<div id="fullrBlok">
{block #fullrBlok} {/block}
{jestlize #fullBlok je prázdný pak vypis toto}
<div id="centerBlok">
{block #centerBlok}{/block}
</div>
<div id="rightBlock">
{block #rightBlock}{/block}
</div>
{konec podminky}
</div>
</div>
Editoval Jack06 (14. 2. 2010 16:35)
- Jack06
- Člen | 168
Tak už jsem to vyřešil :-):
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="author" content="">
<meta name="description" content="">
<meta name="robots" content="{$robots}" n:ifset="$robots">
<style type="text/css" media="screen, projection">
@import "{$basePath}/css/screen.css";
</style>
<!--vložení bloku title-->
{include #title}
</head>
<body>
<div id="header">
<h1>4Mates</h1>
<h2>Testovací stránka</h2>
</div>
<ul id="mainmenu">
{foreach $menuItems as $id => $item}
<li {ifCurrent $id}class="current"{/if}><a href="{plink $id}">{$item}</a></li>
{/foreach}
</ul>
<div id="page">
<div id="leftBlock">
{block #leftBlock} Prázdný Levý blok {/block}
</div>
<div id="fullrBlok">
{block #fullrBlok}
<div id="rightBlock">
{block #rightBlock} Prázdný Pravý blok {/block}
</div>
<div id="centerBlok">
{block #centerBlok} Prázdný Střed {/block}
</div>
{/block}
</div>
</div>
<div id="footer">
</div>
</body>
</html>