spravující organizace: Econnect
Kormidlo katalog odkazů občanské společnosti
  HOME   přidej odkaz   o kormidle   nápověda         Pro správce:  manuál   možnosti zobrazení   administrace  

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" -->
             <!--#include virtual="/aaa/view.php3?vid=901&cat=994" -->
            </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=windows-1250">
          <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" -->
              <br>
            </td>
          </tr>
          <tr>
            <td class="svetla">
             <!--#include virtual="/aaa/view.php3?vid=790&cat=2" -->
            </td>
          </tr>
        </table>
        </body>
        </html>
   

Kódování znaků

Výstup z Kormidla je standardně generován v kódování windows-1250. 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" -->
         <!--#include virtual="/toISO8859-2/aaa/view.php3?vid=901&cat=994" -->
        </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=windows-1250">
        
          <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