Tutorial IR: Jak najprościej pociąć layout - Dyskusja

Jak chcesz to napisz. Tylko może dołącz go do tego tematu żeby nie robić małego jakby bałaganu na fourm :roll:

Albo napisz jakiś do photosopa w którym napisałbyś jak zrobic jakiś efekt… :wink:

tylko że ani linki nie funkcjonują…tylko pocięta strona główna, bo dalsza prace blokuje mi ten problem ,że albo nie wiem jak zrobic zeby strona sie rozciągała w dół w zależności od ilości tesktu , albo problem ze wstawieniem paska przewijania :stuck_out_tongue: adam9870 moze lepiej przeslij mi na pw emaila to ci wyśle strone , będzie nawet lepiej …ma mała pojemność jak narazie , a tak nawiasem mówiąc to jak zrobić żeby można było pisac po divach bo w tabelkach było np. ...

01.gif

02.gif

03.gif

04.gif

05.gif

06.gif

07.gif

08.gif

09.gif

10.gif

11.gif

12.gif

13.gif

o kurde, ale wy mieszacie, a poco wogle ciąć grafikę do dzielenia jej na divy?! nie łątwiej zrobić jeden duży obrazek tła i poprostu odpowiednie klasy?! jak to zrobić opisałem na pierwszej stronie

nie :mrgreen:

bo np pare obrazków ci sie załaduje szybciej nic 1 wiekszy :mrgreen:

tak …

tyle tylko,

że wtedy masz bardziej utrudnione panowanie nad wyglądem strony…

(np. zmień sobie logo, jeśli masz tylko jedną grafikę …

albo zmień część layoutu …

Jest przy tym dużo więcej roboty.

Ja to przynajmniej tak rozumuję …

pozatym:

01_01.gif

02_02.gif

03_03.gif

ONMOUSEOVER=“changeImages(‘id04_04’, ‘images/04_04-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id04_04’, ‘images/04_04.gif’); return true;”

04_04.gif

ONMOUSEOVER=“changeImages(‘id05_05’, ‘images/05_05-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id05_05’, ‘images/05_05.gif’); return true;”

05_05.gif

ONMOUSEOVER=“changeImages(‘id06_06’, ‘images/06_06-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id06_06’, ‘images/06_06.gif’); return true;”

06_06.gif

ONMOUSEOVER=“changeImages(‘id07_07’, ‘images/07_07-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id07_07’, ‘images/07_07.gif’); return true;”

07_07.gif

ONMOUSEOVER=“changeImages(‘id08_08’, ‘images/08_08-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id08_08’, ‘images/08_08.gif’); return true;”

08_08.gif

ONMOUSEOVER=“changeImages(‘id09_09’, ‘images/09_09-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id09_09’, ‘images/09_09.gif’); return true;”

09_09.gif

ONMOUSEOVER=“changeImages(‘id10_10’, ‘images/10_10-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id10_10’, ‘images/10_10.gif’); return true;”

10_10.gif

11_11.gif

12_12.gif

.bla bla…

 

…bla bla…

 

…bla bla…

 

14_14.gif

15_15.gif

16_16.gif

poczytaj o z-index

filuniu ok niech będzie ładują się szybciej, choć nieznacznie

prezydent dlatego każdy szanujący się grafik praccuje na warstwach :wink: zmieniasz warstwę z logiem, zapisujesz do jpg, png czy tam gif i podmieniasz główny plik tylko, i tak i tak będziesz musiałłączyć nowe logo z resztą layoutu jeszcze na hdd by zobaczyć jak to się konweniuje)

zresztą ile osób tyle metod, każy znajdzie coś dla siebie zapewne

I na tym proponowałbym zakończyć te dywagacje, które nie wprowadzają absolutnie niczego nowego do tematu.

 

 

 

ONMOUSEOVER=“changeImages(‘id04_04’, ‘images/04_04-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id04_04’, ‘images/04_04.gif’); return true;”>

04_04.gif

ONMOUSEOVER=“changeImages(‘id05_05’, ‘images/05_05-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id05_05’, ‘images/05_05.gif’); return true;”

05_05.gif

ONMOUSEOVER=“changeImages(‘id06_06’, ‘images/06_06-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id06_06’, ‘images/06_06.gif’); return true;”

06_06.gif

ONMOUSEOVER=“changeImages(‘id07_07’, ‘images/07_07-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id07_07’, ‘images/07_07.gif’); return true;”

07_07.gif

ONMOUSEOVER=“changeImages(‘id08_08’, ‘images/08_08-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id08_08’, ‘images/08_08.gif’); return true;”

08_08.gif

ONMOUSEOVER=“changeImages(‘id09_09’, ‘images/09_09-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id09_09’, ‘images/09_09.gif’); return true;”

09_09.gif

ONMOUSEOVER=“changeImages(‘id10_10’, ‘images/10_10-over.gif’); return true;”

ONMOUSEOUT=“changeImages(‘id10_10’, ‘images/10_10.gif’); return true;”

10_10.gif

 

 

 

 

jeżeli chcesz aby warstw była na dole, to błędnie określasz jej położenie poprzez top, sprubuj przez bottom: 0px; mam wrażenie, że źle pociołeś ten kod, wszystko to co ma się rozszerzać, wraz z tekstem powinno być w jednej warstwie, mógłbyś wrzucić stronę, wraz z grafiką gdzieś na serwer? było by łatwiej pomóc

witam chce stworzyc serwis lay zrobilem dalsza czesc tzn. zrobilem to co w pierwszym poscie pisalo wszystko pozmienialem ze jest w tle tylko nie kawalki takie jak to:

[/code]

widzicie chyba ktore.

Druga sprawa jest taka jak cialem lay to tam gdzie jest menu robilem pasek na jego dlugosc o wysokosci 1px i nie wiem jak zrobic aby on sie powtarzal tyle razy ile trzeba. Prosze o w miare szybka odpowiedz.

Co do pierwszego problemu to wyraź się konkretniej ponieważ nie wiele zrozumiałem o co Ci chodzi :roll:

Co do drugiego to może spróbuj mapowania :? Pamiętam, że ostatnio był temat z podobnym problemem więc poszukaj. Chyba dział webmastering…

jak zrobic zeby ten obrazek byl w tle:

[/code]

z reszta sobie poradzilem co widac na wczesniejszym poscie. Co do drugiej sprawy to poszukam :slight_smile:

Normlanie tzn. tak jak z poprzednimi. (backround) :slight_smile:

hehe normalnie smieszne takie proste :? jeszcze jedno pytanie. Mam zrobione tak jak jest podany ten pierwszy tutorial czyli tabelami, jak dodac teraz do tego css w osobnym pliku?

Rozumiem, że masz napisany plik ze stylem np. jakie linki mają być itp. I chcesz ten styl na stronie zastosować. Jeżeli tak to wstawiasz w sekcji head strony taką linijkę:

Na następny raz wyrażaj się konkretniej :?

dobra czesc problemow rozwiazne ale jeszcze zostal jeden mianowicie tekst jest na srodku a nie z lewej strony jak to zmienic czytalem wyzej ze wystarczy dopisac valign=“top” ale u mnie nie dziala :? mam tak:

Link 1

Link 2

Link 3

Link 4
[/code]

a linki dalej sa na srodku :?

valign="top"

to robi tylko tekst w danej komórce że do góry będzie wyrównany. Jeżeli chcesz aby tekst był na górze i wyrównany do lewej to dodaj parametr:

style="text:align:left;"

i tak np:

link

link 2
[/code]

ale menu rób lepiej za pomocą

Jeżeli tnie się lay’a w photoshopie lub przy pomocy innego programu graficznego to dobrze jest znać HTML’a plus CSS’a ewentualnie zaglądać do jakiegoś kursu :roll: