spravující organizace: Econnect
Kormidlo katalog odkazů občanské společnosti

Možnosti zobrazení vámi spravované kategorie(í) Kormidla na vašich stránkách

nabídka Econnectu pro správce
Obsah
Zabudování do stránek webu umístěném na serveru Econnectu
Zabudování na vzdáleném serveru - PHP
Zabudování na vzdáleném serveru - Rámy (frame)


Zabudování do stránek webu umístěném na serveu Econnectu pomocí SSI

Nejjednodušší způsob zabudování výpisu kategorie z Kormidla do vašich stránek je v případě, že stránky, kam výpis chceme zabudovat, jsou na serveru Econnectu. V takovém případě můžeme použít tzv. Server Side Includes (SSI), které jsou nejrychlejším řešením.

Pokud stránky u Econnectu nemáte, pak je možné použít způsob s PHP, či rámy, popřípadě stránky na servery Econnectu přesunout (hostování stránek je pro neziskové organizace u Econnectu zdarma - viz. ceník.)

Postup

  1. Vytvoříme soubor *.shtml (např. kormidlo.shtml)
    Shtml soubor je obyčejným HTML souborem, jen je v něm možné použít speciální SSI příkazy, kterých právě využijeme pro vložení výpisu z katalogu.

  2. Do shtml souboru vložíme SSI příkaz pro zobrazení katalogu
    Vložený kód bude vypadat takto:
            <div class="kormidlo">
             <!--#include virtual="/aaa/view.php3?vid=899&cat=994&$QUERY_STRING" -->
             <!--#include virtual="/aaa/view.php3?vid=901&cat=994&$QUERY_STRING" -->
            </div>
        

    První příkaz "include" vkládá zobrazení výběru kategorií, druhý pak vkládá přehled odkazů v aktuální kategorii. Jediné, co na příkladu budete muset změnit, je parametr cat=994, který určuje startovní kategorii. Číslo 994 proto nahraďte číslem vaší základní kategorie.

Vzhled

To, jak výstup z Kormidla bude vypadat, je jen na Vás. Výpis je opatřen styly, takže není problém si nastavit barvy a písma dle vašeho uvážení či vašeho webu.

Příklad definice stylu:

        <style type="text/css">
          .kkateg, .ktitulek { color:   red;      font-weight: bold;   }
          .kurl              { color:   #68171E;  font-weight: normal; }
          .kcesta a          { color:   #000080;  font-weight: bold;   }
          .kpopis, .kcesta   { font-family:     Verdana;
                               font-size:       10pt;
                               text-decoration: none;                  }
          .kcesta            { font-weight:     bold;                  }
          .kzaznam           { margin:          10px 1px;              }
         /*  #q2011          { display:         none;                  } */
        </style>
    

Pokud byste potřebovali výpis zcela jiný, na který by pouhá změna stylu nestačila, pak se na nás obraťte - rádi vám výstup přizpůsobíme.

Příklad (viz kormidlo.shtml)

        <html>
        <head>
          <title>Kormidlo - provizorní veřejná podoba</title>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <link href="kormidlo.css" rel="stylesheet" type="text/css">
        </head>
        
        <body vlink="#000080" link="#000080" bgcolor="#F3AD6D">
        <h2>KORMIDLO</h2>
        <h3>Katalog odkazů občanské společnosti</h3>
        <br>
        <table width="90%" border="0" cellpadding="0" cellspacing="0" class="odkazy">
          <tr>
            <td class="tmava"><span class="nadpis">KORMIDLO</span></td>
          </tr>
          <tr>
            <td class="svetla">
               <!--#include virtual="/aaa/view.php3?vid=789&cat=2&$QUERY_STRING" -->
              <br>
            </td>
          </tr>
          <tr>
            <td class="svetla">
             <!--#include virtual="/aaa/view.php3?vid=790&cat=2&$QUERY_STRING" -->
            </td>
          </tr>
        </table>
        </body>
        </html>
   

Kódování znaků

Výstup z Kormidla je standardně generován v kódování utf-8. Pokud vaše stránky používají jiné kódování, není problém výstup z Kormidla překódovat. Kód vložený do shtml souboru by se v případě kódování iso-8859-2 změnil na:
        <div class="kormidlo">
         <!--#include virtual="/toISO8859-2/aaa/view.php3?vid=899&cat=994&$QUERY_STRING" -->
         <!--#include virtual="/toISO8859-2/aaa/view.php3?vid=901&cat=994&$QUERY_STRING" -->
        </div>
    

Jediná změna je tedy přidání "podadresáře" /toISO8859-2 - CSacek už pak provede vše za nás.


Zabudování do stránek na vzdáleném serveru s využitím PHP

Pro zabudování pomocí PHP platí v podstatě totéž, co pro metodu SSI. - stejně se nastavuje vzhled, stejně se případně mění kódování češtiny. Jedinou změnou je způsob zobrazení katalogu v - tentokrát PHP - souboru:

        <div class="kormidlo">
        <?php
          // vypis kategorii
          readfile("http://kormidlo.cz/aaa/view.php3?vid=899&cat=". ($cat ? $cat : '994'));
        
          // vypis odkazu
          readfile("http://kormidlo.cz/aaa/view.php3?vid=901&cat=". ($cat ? $cat : '994'));
        ?>
        </div>
    

I zde je samozřejmě třeba změnit číslo startovní kategorie z 994 na číslo vaší základní kategorie.

Příklad (viz. priklad.php)

        <html>
        <head>
          <title>Kormidlo</title>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        
          <style type="text/css">
          .kkateg, .ktitulek { color:   #000000;      font-weight: bold;   }
          .kurl              { color:   #68171E;  font-weight: normal; }
          .kcesta a          { color:   #000080;  font-weight: bold;   }
          .kpopis, .kcesta   { font-family:     HelveticaCE, Verdana, Arial, Helvetica, sans-serif;
                               font-size:       10pt;
                               text-decoration: none;                  }
          .kcesta            { font-weight:     bold;                  }
          .kzaznam           { margin:          10px 10px;             }
          /* #q2011            { display:        none; } */  
          </style>
        </head>
        
        <body vlink="#000080" link="#000080" bgcolor="#F3AD6D">
        <h2>KORMIDLO</h2>
        <h3>Katalog odkazů občanské společnosti</h3>
        
        <!-- **************** Kormidlo  - zacatek ********************** -->
        <div class="kormidlo">
        <?php readfile("http://kormidlo.cz/aaa/view.php3?vid=899&cat=". ($cat ? $cat : '1154') ); ?>
        <br><br>
        <?php readfile("http://kormidlo.cz/aaa/view.php3?vid=901&cat=". ($cat ? $cat : '1154') ); ?>
        </div>
        <!-- **************** Kormidlo - konec ********************** -->
        
        </body>
        </html>
    

Zabudování do stránek na vzdáleném serveru s využitím rámů (FRAMEs)

Při tomto způsobu začlenění výpisu z katalogu do vašich stránek bude využita stránka s výpisem umístěná na našem serveru, kterou pro vás připravíme. Ostatní stránky pak mohou zůstat na vašem serveru plně pod vaší kontrolou.

Stránka na vašem serveru tedy bude (viz prikladframe.html):

        <frameset rows="10%,90%">
            <frame name="main" src="http://vasserver.cz/hlavicka.shtml" noresize marginwidth="10" marginheight="10">
            <frame name="kormidlo" src="http://kormidlo.cz/pro/unecso.shtml?cat=994" noresize marginwidth="10" marginheight="10">
        </frameset>
    

Horní rám tak ukazuje na stránku na vašem serveru, v níž je například menu, logo, ... prostě vaše hlavička.
Spodní rám zobrazuje výpis z Kormidla - daný soubor (v našem příkladu http://kormidlo.cz/pro/unecso.shtml) umístěná u nás na serveru, kterou pro vás připravíme.


S nastavením vám pomůžeme

Pro inspiraci si můžete prohlédnout již hotové výpisy z Kormidla u jiných organizací - viz "O kormidle"

 

kontakt: kormidlo@ecn.cz
©2003; design a koordinace o.s.; použit redakční a publikační systém TOOLKIT