theme tutorial - BLASSENweb

MODUL

Ve vlastním kódu každého modulu jsou definovány tyto prvky:
OpenTable();
CloseTable();


<?php
#### Vygenerovano pomoci Module Creatoru na Blassenwebu (http://blassenweb.net) ####
if (!stristr($_SERVER['SCRIPT_NAME'], "modules.php") OR !defined('UN_KERNELFILES_LOADED')) {
   die ("Nemáte přístup do tohoto souboru...");

}
require_once("mainfile.php");
$module_name = basename(dirname(__FILE__));
get_lang($module_name);
include("header.php");
$index = 0;
OpenTable();
echo "vlastní kód modulu";
CloseTable();
include("footer.php");

?>

Oba dva jsou definovány ve vzhledu následovně, přičemž první z nich tabulku otevírá a druhý zavírá:

function OpenTable() (převzato ze vzhledu Demo)


function OpenTable() {
    global $bgcolor1, $bgcolor2;
    echo "<table width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\" bgcolor=\"".$bgcolor2."\" align=\"center\"><tr><td>\n";
    echo "  <table width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"4\" bgcolor=\"".$bgcolor1."\"><tr><td>\n";
}

function CloseTable() (převzato ze vzhledu Demo)


function CloseTable() {
    echo "  </td></tr></table>\n";
    echo "</td></tr></table>\n";
}

V našem případě ale tvoříme vzhled i pomocí obrázků, takže si opět uděláme krátký postup na jehož konci bude podobný kód jako oba dva nahoře s jediným rozdílem: obrázky.

MODUL
-- doporučené rozměry - šířka 100% - výška 100% --
základní obrázek.... o velikosti - šířka 440px - výška 200px -- (px = pixel)

si rozkrájejte na tyto části:
1/ 440 x 20 pixelů
2/ 440 x 170 pixelů
3/ 440 x 10 pixelů

Výsledná tabulka potom bude vypadat přibližně takto :


<table border="0" cellpadding="0" cellspacing="0" width="100%" >
    <tr>
        <td><img src="pictures/modul_01-1.jpg" width="440" height="20" border="0"></td>
    </tr>
    <tr>
        <td><img src="pictures/modul_02-1.jpg" width="440" height="170" border="0"></td>
    </tr>
    <tr>
        <td><img src="pictures/modul_03-1.jpg" width="440" height="10" border="0"></td>
    </tr>
</table>

Tu je nejdříve potřeba editovat tak aby některé obrázky byly zobrazovány na pozadí buněk :


<table border="0" cellpadding="0" cellspacing="0" width="100%" >
    <tr>
        <td style="BACKGROUND-IMAGE: url(pictures/modul_01-1.jpg); WIDTH: 440px; HEIGHT: 20px;"></td>
    </tr>
    <tr>
        <td style="BACKGROUND-IMAGE: url(pictures/modul_02-1.jpg); WIDTH: 440px; HEIGHT: 170px;"></td>
    </tr>
    <tr>
        <td style="BACKGROUND-IMAGE: url(pictures/modul_03-1.jpg); WIDTH: 440px; HEIGHT: 10px;"></td>
    </tr>
</table>

....a následně upravit výšku a šířku obrázků aby se nám roztahovala podle obsahu i rozlišení obrazovky. Oboje na hodnotu 100% :
dále změna cesty pro obrázek pro nás s již známou proměnou $theme_name -zde se dosadí název vzhledu tak jak je napsán na začátku vzhledu, v našem případě je to Grey


<table border="0" cellpadding="0" cellspacing="0" width="100%" >
    <tr>
        <td style="BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_01-1.jpg); WIDTH: 100%; HEIGHT: 20px;"></td>
    </tr>
    <tr>
        <td style="BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_02-1.jpg); WIDTH: 100%; HEIGHT: 100%;"></td>
    </tr>
    <tr>
        <td style="BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_03-1.jpg); WIDTH: 100%; HEIGHT: 10px;"></td>
    </tr>
</table>

Poté je potřeba celou tabulku převést z html do php kódu :


echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_01-1.jpg); WIDTH: 100%; HEIGHT: 20px;\"></td>\n";
echo "    </tr>\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_02-1.jpg); WIDTH: 100%; HEIGHT: 100%;\"></td>\n";
echo "    </tr>\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_03-1.jpg); WIDTH: 100%; HEIGHT: 10px;\"></td>\n";
echo "    </tr>\n";
echo "</table>\n";

No a toje vpodstatě vše, nyní stačí pouze tabulku rozdělit na dvě části a aplikovat je do funkcí :
function OpenTable()


function OpenTable() {
    global $theme_name;
echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_01-1.jpg); WIDTH: 100%; HEIGHT: 20px;\"></td>\n";
echo "    </tr>\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_02-1.jpg); WIDTH: 100%; HEIGHT: 100%;\">\n";
}

function CloseTable()


function CloseTable() {
    global $theme_name;
echo "        </td>\n";
echo "    </tr>\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_03-1.jpg); WIDTH: 100%; HEIGHT: 10px;\"></td>\n";
echo "    </tr>\n";
echo "</table>\n";
}

Bohužel to ale nestačí, některé moduly využívají i OpenTable2(); a CloseTable2(); takže bude potřeba obě funkce zdvojit
Výsledek pak bude následující :


function OpenTable() {
    global $theme_name;
echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_01-1.jpg); WIDTH: 100%; HEIGHT: 20px;\"></td>\n";
echo "    </tr>\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_02-1.jpg); WIDTH: 100%; HEIGHT: 100%;\">\n";
}

function OpenTable2() {
    global $theme_name;
echo "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_01-1.jpg); WIDTH: 100%; HEIGHT: 20px;\"></td>\n";
echo "    </tr>\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_02-1.jpg); WIDTH: 100%; HEIGHT: 100%;\">\n";
}

function CloseTable() {
    global $theme_name;
echo "        </td>\n";
echo "    </tr>\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_03-1.jpg); WIDTH: 100%; HEIGHT: 10px;\"></td>\n";
echo "    </tr>\n";
echo "</table>\n";
}

function CloseTable2() {
    global $theme_name;
echo "        </td>\n";
echo "    </tr>\n";
echo "    <tr>\n";
echo "        <td style=\"BACKGROUND-IMAGE: url(themes/$theme_name/images/modul_03-1.jpg); WIDTH: 100%; HEIGHT: 10px;\"></td>\n";
echo "    </tr>\n";
echo "</table>\n";
}

Tuto tabulku využijeme i při definování článků.

BLASSENweb - the future of your web !

Hlavní nabídka

Nástroje

Články

Komunikace

Ostatní

Vyhledávání

RYCHLÉ ODKAZY

NEVÍTE SI RADY...
Nevíte si rady s koupí domény ? S výběrem webhostingu ? Rádi vám poradíme. log in!

Pro volné chvíle

Možnosti pro Vás

Odkazy

Doporučujeme vám:

Reklama

Sponzor

MODUL

BLASSENweb - the future of your web !

Hlavní nabídka

Nástroje

Články

Komunikace

Ostatní

Vyhledávání

RYCHLÉ ODKAZY

NEVÍTE SI RADY...Nevíte si rady s koupí domény ? S výběrem webhostingu ? Rádi vám poradíme. log in!

Pro volné chvíle

Možnosti pro Vás

Odkazy

Doporučujeme vám:

Reklama

Sponzor

MODUL

NEVÍTE SI RADY...
Nevíte si rady s koupí domény ? S výběrem webhostingu ? Rádi vám poradíme. log in!