panel boczny - jak go zrobić ?
panel boczny - jak go zrobić ?
Witam, proszę o podpowiedź w jaki sposób wykonuje się panel boczny ? Chodzi mi o wykonanie czegoś podobnego (na stronę responsywną) jak na stronie http://www.lukow-historia.pl/?p=4439 (prawa strona w innym odcieniu na którym zapisane są linki, menu, tagi itp). Pozdrawiam
Re: panel boczny - jak go zrobić ?
Buduje stronę, dodajesz nową warstwę ( MENU) ustawiasz tam gdzie chcesz. Warstwie nadajesz odcień np. gradient następnie wstawiasz menu gotowe z programu lub wstawiasz tekst i nadajesz mu hiperłącze
tzw. linkujesz każdy tekst, następnie klonuje stronę tyle razy ile dana strona będzie posiadała podstron, w taki sposób uzyskasz idealna kopie, która podczas przełączania na inne podstrony nie będzie wykazywać tzw. przeskoków i róż nic jeden napis wyżej drugi niżej
tzw. linkujesz każdy tekst, następnie klonuje stronę tyle razy ile dana strona będzie posiadała podstron, w taki sposób uzyskasz idealna kopie, która podczas przełączania na inne podstrony nie będzie wykazywać tzw. przeskoków i róż nic jeden napis wyżej drugi niżej
kliknij i zarabiaj . Stronka PL free
Kod: Zaznacz cały
http://www.ermail.pl/dolacz/UXZWYGo=
Re: panel boczny - jak go zrobić ?
komp-stg dzieki za odzew.
Myślałem że taki sidebar wstawia się jakimś kliknięciem z toolboxa.
Coś podobnego wykombinowałem za pomocą layout gridów, tła w gradiencie, kształtów i tekstu. Na podglądzie w defaultcie wyglądało to nawet przyzwoicie ale w responsivie kształt z tekstem wyskoczył poza panel.
Dziś przeczytałem że takie sidebary są już niepraktyczne i nie na czasie więc zastanawiam się czy dalej kombinować coś w tym kierunku czy pomyśleć nad czym innym
Myślałem że taki sidebar wstawia się jakimś kliknięciem z toolboxa.
Coś podobnego wykombinowałem za pomocą layout gridów, tła w gradiencie, kształtów i tekstu. Na podglądzie w defaultcie wyglądało to nawet przyzwoicie ale w responsivie kształt z tekstem wyskoczył poza panel.
Dziś przeczytałem że takie sidebary są już niepraktyczne i nie na czasie więc zastanawiam się czy dalej kombinować coś w tym kierunku czy pomyśleć nad czym innym
myślałem raczej by taki sidebar, nagłówek i stopkę zrobić jako stronę master frame, a podstrony zawierałyby już tylko same artykuły...komp-stg pisze:następnie klonuje stronę tyle razy ile dana strona będzie posiadała podstron, w taki sposób uzyskasz idealna kopie, która podczas przełączania na inne podstrony nie będzie wykazywać tzw. przeskoków i róż nic jeden napis wyżej drugi niżej
Re: panel boczny - jak go zrobić ?
Możesz zrobić jako master frame, ale musisz posiadać menu zeby przechodzić na kolejne strony, i na strone główna ..myślałem raczej by taki sidebar, nagłówek i stopkę zrobić jako stronę master frame, a podstrony zawierałyby już tylko same artykuły...
kliknij i zarabiaj . Stronka PL free
Kod: Zaznacz cały
http://www.ermail.pl/dolacz/UXZWYGo=
Re: panel boczny - jak go zrobić ?
Kombinowałem z dokowaniem warstw ale coś mi nie wychodziło bo warstwy jakoś się mieszały Chyba właściwym krokiem będzie podzielenie jednego layuot grid na dwie części i w tę mniejszą część w której ma być nawigacja wpuścić kolejnego layout grid; taki przykład jakby to mogło wyglądać poniżej; jeszcze nie sprawdzałem jakby to zrobić jako master frame bo content place holder chyba jest nieresponsywny i nie daje się go wrzucić w layout
no właśnie coś to przechodzenie mi szwankuje ...komp-stg pisze:musisz posiadać menu zeby przechodzić na kolejne strony, i na strone główna ..
Re: panel boczny - jak go zrobić ?
1. Ile podstron ma mieć cała witryna .
Zrobię mały szkic i podeśle ci linka żebyś to zobaczył.
Dla przykładu zrobię stronę z 3 podstronami
Zrobione.
Stronka umieszczona na darmowym serwie więc wskakują reklamy
http://puszekokruszek.prv.pl
składa sie z warstw , dla lepszej widoczności pobierz stronke na kompa i zobacz że nic nie przeskakuje.
Żeby zmniejszyć wagę stronki można podlinkować grafike tzw. jeden pasek graficzny który zanjduje się na każdej podstronie występuje tylko raz w folderze systemowym, Zeby to zrobić edytujemy kazdą podstronę w notepad i zamieniamy to co powinno byc zamienione.
Zrobię mały szkic i podeśle ci linka żebyś to zobaczył.
Dla przykładu zrobię stronę z 3 podstronami
Zrobione.
Stronka umieszczona na darmowym serwie więc wskakują reklamy
http://puszekokruszek.prv.pl
składa sie z warstw , dla lepszej widoczności pobierz stronke na kompa i zobacz że nic nie przeskakuje.
Żeby zmniejszyć wagę stronki można podlinkować grafike tzw. jeden pasek graficzny który zanjduje się na każdej podstronie występuje tylko raz w folderze systemowym, Zeby to zrobić edytujemy kazdą podstronę w notepad i zamieniamy to co powinno byc zamienione.
kliknij i zarabiaj . Stronka PL free
Kod: Zaznacz cały
http://www.ermail.pl/dolacz/UXZWYGo=
Re: panel boczny - jak go zrobić ?
Przymierzam się na jakieś 15 na wstępie a później jeszcze nieco więcej.komp-stg pisze:1. Ile podstron ma mieć cała witryna .
Zastosowałem się do instruktarzu przedstawionego na https://www.youtube.com/watch?v=Y9zmDi3F630 i powiem szczerze że jestem w miarę zadowolony z rezultatów które mi wychodzą. Kontenera nie rozciągałem na całej szerokości strony tak jak to jest pokazane na filmie tylko z lewej strony pozostawiłem sobie miejsce na menu (panel boczny). A z menu poradziłem sobie wstawiając na serwer plik .htaccess.
No właśnie jakie metody zastosować do odchudzania strony ? Bo strona będzie umieszczona na darmowym serwerze więc każdy gram może się liczyć Czy zdjęcia wstawiać do jakiejś chmury lub picassy a na stronie zamieszczać galerie z odnośnikami ?komp-stg pisze:Żeby zmniejszyć wagę stronki
Re: panel boczny - jak go zrobić ?
Więc tak napiszę tak że będzie jasno.
Cała witryna po opublikowaniu składa sie z plików html oraz images.
Teraz tak jak otworzysz folder image to zobaczysz czy grafika która jest na pierwszej stronie jako logo jest w tym folderze tyle razy ile masz stron.
Jeżeli tak jest to przyjmijmy że w image masz tak opisana grafikę logo1 logo2 logo3 logo4 logo5 Taki układ grafiki tworzy się gdy klonujesz stronę.
Teraz żeby wywalic zbędną grafikę twoim piorytetem jest logo1 , edytujesz każdą podstronę w notepadzie i odszukujesz logo2 i zamieniasz na logo1 tak samo logo3 na logo1.
Po całym zabiegu w folderze image zostawiasz tylko logo1 a resztę grafiki wywalasz.
Cała witryna po opublikowaniu składa sie z plików html oraz images.
Teraz tak jak otworzysz folder image to zobaczysz czy grafika która jest na pierwszej stronie jako logo jest w tym folderze tyle razy ile masz stron.
Jeżeli tak jest to przyjmijmy że w image masz tak opisana grafikę logo1 logo2 logo3 logo4 logo5 Taki układ grafiki tworzy się gdy klonujesz stronę.
Teraz żeby wywalic zbędną grafikę twoim piorytetem jest logo1 , edytujesz każdą podstronę w notepadzie i odszukujesz logo2 i zamieniasz na logo1 tak samo logo3 na logo1.
Po całym zabiegu w folderze image zostawiasz tylko logo1 a resztę grafiki wywalasz.
kliknij i zarabiaj . Stronka PL free
Kod: Zaznacz cały
http://www.ermail.pl/dolacz/UXZWYGo=
Re: panel boczny - jak go zrobić ?
Klonować będę tylko strony master ale każda master będzie miała inny baner graficzny (taki motyw przewodni odnoszący się do kilku podstron), a menu i główne logo pozostaną bez zmian. Natomiast w artykułach (nie wszystkich) będę chciał zamieszczać fotki/skany, a czasami także miniatury/odnośniki do filmów na youtobe, a w jednym przypadku chciałbym zamieścić muzyczne tło. Wszystko może sporo ważyć dlatego szukam oszczędności.komp-stg pisze:Taki układ grafiki tworzy się gdy klonujesz stronę.
Przeglądając folder na ftp zauważyłem, że program publikując stronę nie zmniejsza fotek.
Przykład: na dysku mam zdjęcie o rozmiarze 1000x250 px a na stronę dodałem to zdjęcie jako logo ale pomniejszyłem do rozmiaru 250x50 px, to program publikując stronę nie wyślę na ftp zdjęcia o mniejszym rozmiarze tylko tym oryginalnym znajdującym się na dysku; dlatego zdjęcia na dysku będę ustawiał do rozmiaru dokładnie takiego samego jaki chcę umieścić na stronie.
Re: panel boczny - jak go zrobić ?
Tak będzie najlepiej, jak grafikę przygotujesz sobie na HDD pod stronę.
Piszesz że około 15 podstron ale logo jednak pozostanie na wszystkich,warto to zastosować zawsze mniejsza waga i plus tego strona szybciej się ładuje..
Piszesz że około 15 podstron ale logo jednak pozostanie na wszystkich,warto to zastosować zawsze mniejsza waga i plus tego strona szybciej się ładuje..
kliknij i zarabiaj . Stronka PL free
Kod: Zaznacz cały
http://www.ermail.pl/dolacz/UXZWYGo=