panel boczny - jak go zrobić ?

Jeśli posiadasz wiedzę, którą chcesz się podzielić z innymi, to ten dział jest dla Ciebie.
świeżak
Początkujący
Początkujący
Posty: 7
Rejestracja: 1 kwie 2016, o 11:41

panel boczny - jak go zrobić ?

Post autor: świeżak »

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
komp-stg
Początkujący
Początkujący
Posty: 40
Rejestracja: 6 sty 2015, o 19:51
Maszyna: lenovo

Re: panel boczny - jak go zrobić ?

Post autor: komp-stg »

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
kliknij i zarabiaj . Stronka PL free

Kod: Zaznacz cały

http://www.ermail.pl/dolacz/UXZWYGo=
świeżak
Początkujący
Początkujący
Posty: 7
Rejestracja: 1 kwie 2016, o 11:41

Re: panel boczny - jak go zrobić ?

Post autor: świeżak »

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 8-)
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
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
Początkujący
Początkujący
Posty: 40
Rejestracja: 6 sty 2015, o 19:51
Maszyna: lenovo

Re: panel boczny - jak go zrobić ?

Post autor: komp-stg »

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...
Możesz zrobić jako master frame, ale musisz posiadać menu zeby przechodzić na kolejne strony, i na strone główna ..
kliknij i zarabiaj . Stronka PL free

Kod: Zaznacz cały

http://www.ermail.pl/dolacz/UXZWYGo=
świeżak
Początkujący
Początkujący
Posty: 7
Rejestracja: 1 kwie 2016, o 11:41

Re: panel boczny - jak go zrobić ?

Post autor: świeżak »

Kombinowałem z dokowaniem warstw ale coś mi nie wychodziło bo warstwy jakoś się mieszały :oops: 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 :(
panel.png
panel.png (14.27 KiB) Przejrzano 4380 razy
komp-stg pisze:musisz posiadać menu zeby przechodzić na kolejne strony, i na strone główna ..
no właśnie coś to przechodzenie mi szwankuje ...
komp-stg
Początkujący
Początkujący
Posty: 40
Rejestracja: 6 sty 2015, o 19:51
Maszyna: lenovo

Re: panel boczny - jak go zrobić ?

Post autor: komp-stg »

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.
kliknij i zarabiaj . Stronka PL free

Kod: Zaznacz cały

http://www.ermail.pl/dolacz/UXZWYGo=
świeżak
Początkujący
Początkujący
Posty: 7
Rejestracja: 1 kwie 2016, o 11:41

Re: panel boczny - jak go zrobić ?

Post autor: świeżak »

komp-stg pisze:1. Ile podstron ma mieć cała witryna .
Przymierzam się na jakieś 15 na wstępie a później jeszcze nieco więcej.

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.
komp-stg pisze:Żeby zmniejszyć wagę stronki
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
Początkujący
Początkujący
Posty: 40
Rejestracja: 6 sty 2015, o 19:51
Maszyna: lenovo

Re: panel boczny - jak go zrobić ?

Post autor: komp-stg »

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.
kliknij i zarabiaj . Stronka PL free

Kod: Zaznacz cały

http://www.ermail.pl/dolacz/UXZWYGo=
świeżak
Początkujący
Początkujący
Posty: 7
Rejestracja: 1 kwie 2016, o 11:41

Re: panel boczny - jak go zrobić ?

Post autor: świeżak »

komp-stg pisze:Taki układ grafiki tworzy się gdy klonujesz stronę.
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.

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.
komp-stg
Początkujący
Początkujący
Posty: 40
Rejestracja: 6 sty 2015, o 19:51
Maszyna: lenovo

Re: panel boczny - jak go zrobić ?

Post autor: komp-stg »

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..
kliknij i zarabiaj . Stronka PL free

Kod: Zaznacz cały

http://www.ermail.pl/dolacz/UXZWYGo=
ODPOWIEDZ