Jako iż wiele osób uważa, że tabelki są stare i nie opłaca się już na nich kodować strony. Napisze tutaj krótko co trzeba zrobić, by theme zakodowany w pełni na divach działał z eXtreme-Fusion IV. Samego procesu kodowania na divach nie będę opisywał w tym temacie (jak będzie wielu chętnych do tutka o kodowaniu na divach to się zastanowie).
W tym temacie opiszę tylko poprawną konfiguracje eXtreme-Fusion.
W themie kodowanym na tabelkach na końcu funkcji render_header zawsze jest otwarcie tabeli, a na początku funkcji render_footer - zamknięcie.
Nigdy nie zastanawiało Was po co to jest?
Otóż za wygląd strony nie odpowiada tylko plik theme.php i style. Za prawidłowy układ odpowiadają jeszcze pliki side_left.php i side_right.php i to właśnie w nich trzeba pozmieniać kilka rzeczy, a mianowicie:
side_left.php
Linia ~22:
if ($pc == 0) echo "<td width='$theme_width_l' valign='top' class='side-border-left'>\n";
Zamieniamy na to:
if ($pc == 0) echo "<div width='$theme_width_l' valign='top' class='side-border-left'>\n";
Nie musi być szerokość podana tutaj można ją dodać do clasy side-border-left i dodanie do tamtej klasy będzie chyba łatwiejsze, ale niech zostanie.
Linia ~32:
if ($pc > 0) echo "</td>\n";
Zamieniamy na:
if ($pc > 0) echo "</div>\n";
I w ten sposób zakończyliśmy edycje lewej strony.
Wystarczy jeszcze z edytować linię ~35:
echo "<td valign='top' class='main-bg'>\n";
na:
echo "<div valign='top' class='main-bg'>\n";
i zapisujemy plik.
side_right.php
Linia ~33:
echo "</td>\n";
zamieniamy na:
echo "</div>\n";
Teraz skończyliśmy już edycje lewej i głównej części strony. Została prawa.
Linia ~40:
if ($pc == 0) echo "<td width='$theme_width_r' valign='top' class='side-border-right'>\n";
zamieniamy na:
if ($pc == 0) echo "<div width='$theme_width_r' valign='top' class='side-border-right'>\n";
Tutaj obowiązuje ta sama zasada co przy side_left. Można zamieścić width do clasy, ale nie trzeba.
Została już tylko linia ~50:
if ($pc > 0) echo "</td>\n";
zamieniamy:
if ($pc > 0) echo "</div>\n";
Zapisujemy plik i wrzucamy na serwer.
Wchodzicie w Panel admina, ale co to? Strona nadal rozjechana. Teraz wystarczy tylko edytować plik administration/navigation.php
Linia ~16:
echo "<td width='$theme_width_l' valign='top' class='side-border-left'>\n";
Zamieniamy na:
echo "<div width='$theme_width_l' valign='top' class='side-border-left'>\n";
Linia ~33:
echo "</td>\n<td valign='top' class='main-bg'>\n";
zamieniamy na:
echo "</div>\n<td valign='top' class='main-bg'>\n";
To jest taka droga na skróty, ponieważ prawidłowo powinno się jeszcze zamienić następne td na div, ale z tym jest znacznie więcej roboty, bo trzeba wchodzić we wszystkie pliki i zmieniać na dole </td> na </div>.
Oczywiście w plikach styles.css trzeba dodać w klasach side-border-left/right float: left;
Mam nadzieję, że teraz pojawi się mniej pytań co do poprawnego kodowania na divach.
|
eXtreme-fusion UK Support
