Topic-icon Přidání třídy (class) stránky do tagu <body>

  • Duvel (Duvel)
  • Avatar uživatele Duvel (Duvel) Autor tématu
  • Offline
  • Začátečník
  • Začátečník
Více
06. srp 2015 09:24 #226 od Duvel (Duvel)
Přidání třídy (class) stránky do tagu <body> vytvořil uživatel Duvel (Duvel)
Ahoj,

chtěl jsem se zeptat zda v Joomle jde nějakým způsobem přidat třídu (class) stránky, tak aby se zobrazovala v tagu body buď jako id nebo jako class, to je celkem jedno.

Aby to vypadalo nějak takto:
Menu "O nás" přídám třídu stánky "onas" a tag body by měl vypadat nějak takto
<body class="onas">
nebo
<body id="onas">

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

  • CMS systémy (cmssystemy)
  • Avatar uživatele CMS systémy (cmssystemy)
  • Offline
  • Administrator
  • Administrator
  • Všechny redakční systémy na jednom místě
Více
06. srp 2015 22:43 #227 od CMS systémy (cmssystemy)
Odpověděl CMS systémy (cmssystemy) pro téma Přidání třídy (class) stránky do tagu <body>
Dobrý den,

lze to udělat následovně:

1. Do souboru index.php určený pro Vaši šablonu na začátek vložte
<?php
  $itemid = JRequest::getVar('Itemid');
  $menu = &JSite::getMenu();
  $active = $menu->getItem($itemid);
  $params = $menu->getParams( $active->id );
  $pageclass = $params->get( 'pageclass_sfx' );
?>
Tím dojde načtení třídy, kterou přidáváte v administraci u jednotlivých položek menu.

2. A tuto třídu je pak nutné vložit do tagu <body>:
<body id="<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>">
nebo
<body class="<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>">
pak budete mít v tagu <body> přesně to co požadujete:
<body id="onas">
<body class="onas">

Tým CMS systémy

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

Více
07. srp 2015 07:58 #228 od Erik Notek (Nutt)
Odpověděl Erik Notek (Nutt) pro téma Přidání třídy (class) stránky do tagu <body>
Ahoj, dík to se mi taky hodí. Nastavil jsem si změnu pozadí pomocí třídy v tagu <body> pro každou stránku.

CSS pak vypadá nějak takto:
body.onas {
    background: #000 url("onas.jpg") no-repeat fixed left top / cover ;
}
body.kontakt {
    background: #000 url("kontakt .jpg") no-repeat fixed left top / cover ;
}

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

Přihlášení