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
+
0
-

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
+
0
-

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>