Strona w PHP. Linki z lewej strony. Strony otwierane po prawej.

Question

Witam Kumpel prosił mnie abym zrobił mu stronę również z użyciem php ale ma wyglądać tak jak w załączniku. Pytanie moje jest takie jak zrobić aby linki z lewej strony w menu po kliknięciu ładowane były do prawej części strony, ale w taki sposób aby lewa strona i banner były widoczne cały czas ??...

ostry_18 · Accepted Answer

czyli maja byc ramki? bo w php sie nie da bez przeładowania. a za to ramki nei sa juz chyba zgodne z w3c (tak piszesz tutaj chyba ze dasz doctype do html 4.01

kordan11 · Accepted Answer

Według mnie takie rzeczy najlepiej robić przez SMARTy z dołaczaniem pliku.
Możesz też zrobić bez smartów. Wyglada to mniejwiecej tak:
Robisz plik z górnym banerem i menu, a następnie plik z banerem dolnym.
Potem na każdej stronie wstawiasz


require("head.php"); //baner górny i menu
//tresc strony
require("foot.php"); //baner dolny

Plik z banerem górnym i menu head.php


<html>
<head>
//meta
</head>
<body>
<table>
<tr><td colspan=2><img src=baner.jpg></td></tr>
<tr><td>menu</td><td>

Baner dolny foot.php


</td></tr>
<tr><td colspan=20><img src=baner2.jpg></td></tr>
</table>
</body>
</html>

SaraniS · Accepted Answer

Witam
Faktycznie sa 2 sposoby - ramki albo szablony. Osobiscie proponuje ten drugi, wprawdzie wiekszy ruch generuje (pelne przeladowanie strony) ale jest jak najbardziej zgodny z W3C

Osobiscie do prostych projektow nie stosuje smarty, tylko takie proste szabloniki - 3 funkcje (head, page_top, page_bottom) ktore wlasnie wyswietlaja naglowek HTML, gore stronki i dol stronki (naglowek osobno przydaje sie, gdy chce np wyswietlic tylko fotke, lub stronke o odmiennym wygladzie) pomiedzy nimi wstawiam tresc strony i jest

Co do pociecia grafiki i dopasowania - nie ma znaczenia czy zrobisz na ramkach czy na szablonie - i tak nie unikniesz zabawy z dopasowywaniem

Choc IMHO na szablonie moze byc jednak prosciej.
W ogole to zamiast tabel zastosowalbym uklad na div-ach - znow z uwagi na zgodnosc z W3C

A taka stronka jak narysowales, w szablonie wygladalaby tak: \


<?php
function page_top($tytul = 'tu domyslny tytul')
{
?>
<body>
<div id="main">
    <div id="baner">
        <img src="obrazek bannera.jpg" alt=""><br/>
        <?php echo $tytul; ?> <!-- mozesz wyswietlic tytul ;) -->
    </div>
    <div id="menu">
<!-- tutaj menu z linkami - mozesz przekazac w parametrze funkcji jako tablice, jesli ma ono sie zmieniac na stronach. Ja korzystam z SQL i menu pobieram z bazy zaleznie od zestawu identyfikatorow danej podstrony (dzial, id artykulu, itp.) -->
    </div>
    <div id="content">
<?php
}

function page_bottom()
{
    </div>
    <div id="footer">
<!-- tutaj zawartosc stopki strony -->
    </div>
</div>
?>
<?php
}
?>

do tego css z definicjami polozenia poszczegolnych boxow - mozesz je ustalic albo absolutnie, albo relatywnie; osobiscie absolutnego pozycjonowania nie lubie, i jesli mam mozliwosc to go unikam, jednak tu i tak masz pocieta grafike, wiec wymiarow musisz sie trzymac

Inna sprawa, to zabawa z ustawieniem, zeby to wygladalo tak samo w IE oraz w normalnych przegladarkach

Najprosciej to osiagnac przez zastosowanie dwoch alternatywnych arkuszy stylu.
Plik php z trescia podstrony bedzie mial postac:


<?php
include('link do pliku z powyzszymi funkcjami');
page_top('tu mozesz podac tytul');
?>
Tutaj tresc strony - moze byc statyczna lub generowana z PHP
<?php
page_bottom();
?>

I jeszcze ten CSS - jednak ci go jakos napisze

Ale nie gwarantuje poprawnosci - pisze na szybko i z glowy


/* pominalem definicje wszystkich styli poza boxami */
div#main {position: relative; margin: 0 auto;}
div#baner {position: absolute; top: 0; left: 0; width: 750px; height: 114px;}
div#menu {position: absolute; top: 114px; left: 0; width: 159px; height: 445px;}
div#content {position: absolute; top: 114px; left: 159px; width:591px; height:445px;}
div#footer {position: absolute; top: 559px; left: 0; width: 750px; height: /* ustal sam wg potrzeb ;) */;}

Z innymi atrybutami selektorow poeksperymentuj sam

I tak beda one zalezne od tego, dla jakiej przegladarki bedzie ten styl

one_eddie · Answer

Robi sie to wykorzystujac ramki.
jest wiele materialow w sieci, lepszych niz jakakolwiek wypowiedz na tym forum.

Wiec uwazam ze warto poszukac.

Drobna uwaga: Po stworzeniu odpowiedniegu ukladu ramek, w linkach uzywaz sie nazw ramek zeby sprezycowac w ktorej ja sie pojawic konkretna zawartosc.

Zreszta jak znajdziesz material, np szukajc na google zobaczysz ze jest to naprawde proste.

Mbeat · Answer

Najlepiej by było przy użyciu tabel. Pozdrawiam.

Mbeat · Answer

Wolał bym to inaczej zrobić. Tak jak pisałem, aby było zgodne ze standardami, żeby kumpel nie pisał że internauci się wkużają, że coś źle się wyświetla. Grafikę już mam piociętą na 4części, po złożeniu ma idealnie pasować do siebie.
Pozdrawiam.

Mbeat · Answer

Problem rozwiązany innym sposobem. Temat zamykam. Pozdrawiam.

Strona w PHP. Linki z lewej strony. Strony otwierane po prawej.

Post #1

Post #2

Post #3

Post #4

Post #5

Post #6

Post #7

Post #8

Podsumowanie tematu