Elektroda.pl
Elektroda.pl
X
Proszę, dodaj wyjątek dla www.elektroda.pl do Adblock.
Dzięki temu, że oglądasz reklamy, wspierasz portal i użytkowników.

[HTML] Jak rozszerzyć stronę WWW?

09 Sty 2011 14:50 4138 7
  • Poziom 2  
    Jak rozszerzyć stronę WWW?


    Oto link do szablonu strony:

    http://selspeed.jeej.pl/1/index.html


    A to kod HTML szablonu:

    Kod: html4strict
    Zaloguj się, aby zobaczyć kod


    Dzięki wszystkim za pomoc :D
  • Poziom 32  
    Mogę Ci pomóc napisz do mnie na priva ustalimy szczegóły.

    Pozdrawiam
    Józef
    Moderowany przez arnoldziq:

    Skoro zamierza kolega udzielać prywatnych korepetycji, to sugeruję dać ogłoszenie w dziale Biznes.
    Na razie, za przenoszenie dyskusji, poza forum : Ostrzeżenie #1.

  • Poziom 10  
    Witam, generalnie trik polega na zmianie wartości width (szerokość) odpowiednich tabelek w kodzie strony, jednak z tego co widzę po stronie nie koniecznie będzie to proste, po zmianie odpowiednich wartości grafika która jest częścią strony może nie być dostosowana do nowych rozmiarów.

    Pozdrawiam, i chętnie pomogę jeżeli będzie taka potrzeba :)
  • Poziom 2  
    Grafiki można dostosować, mam plik psd.
    Które i do jakich wartości width zwiększyć.
  • Poziom 10  
    Przeglądając kod Twojej strony od góry:

    1.
    Kod: html4strict
    Zaloguj się, aby zobaczyć kod

    Modyfikujemy atrybut width o pożądaną wartość.
    2.
    Kod: html4strict
    Zaloguj się, aby zobaczyć kod

    Kolejna modyfikacja tego samego atrybutu.
    3.
    Kod: html4strict
    Zaloguj się, aby zobaczyć kod

    Trzeba tutaj zmodyfikować grafikę t1.jpg o wartość dodaną do atrybutu width.
    4.
    Kod: html4strict
    Zaloguj się, aby zobaczyć kod

    Tutaj należy również zmodyfikować kolejno grafikę a potem zmienić wartość atrybutu width odpowiednio do zmienionej poprzednio. Jak widać są tu dwa obrazki składające się na całość "baneru" (napis plus miejsce na reklamy) na górze strony.
    5.
    Kod: html4strict
    Zaloguj się, aby zobaczyć kod

    Rozmiary tego obrazka (który tworzy tło) też powinny być zmodyfikowane odpowiednio do dodanej wartości do atrybutu width.
    6.
    Kod: html4strict
    Zaloguj się, aby zobaczyć kod

    Dodać ustaloną na początku wartość do atrybutu width.
    7.
    Kod: html4strict
    Zaloguj się, aby zobaczyć kod

    Tutaj powinieneś dodać wartość dodaną na samym początku do atrybutu width, zwiększy to pole przeznaczone na zawartość strony, nie zwiększając rozmiarów menu po lewej.
    8.
    Kod: html4strict
    Zaloguj się, aby zobaczyć kod

    Tutaj należy zmienić wielkość obrazka który "zamyka" stronę u dołu.

    To wszystko! Niestety nie mam pełnego obrazu strony aby to przetestować ale prześledziłem kod i wydaje mi się że nie pominąłem żadnego elementu, modyfikuj od góry do dołu kodu.

    PS. wiem że nie prosiłeś o moją opinię ale powiem Tobie że ten kod to straszna sieczka :/ od lat profesjonalnie zajmuje się programowaniem stron i taki kod widuje zazwyczaj jako produkt WYSIWYG'owych web kreatorów, kod nie jest zoptymalizowany pod żadnym względem a całość nie trzyma się kupy. Wygląd graficzny jest fajny :) ale reszta leży.

    Serdecznie pozdrawiam,

    PS. wartość o jaką możesz zmodyfikować szablon zależy tylko i wyłącznie od Ciebie ja zaryzykowałbym 200px w zupełności powinno wystarczyć :)
  • Poziom 2  
    Super, dzięki za szybką odpowiedź i profesjonalną pomoc.
    Co do edytora WYSIWYG to aż wstyd się przyznać ;)

    Taki jest obecny efekt pracy:

    http://selspeed.jeej.pl/3/index.html

    A o to kod strony:

    Kod: html4strict
    Zaloguj się, aby zobaczyć kod


    Problem jest tekst, który nie do chodzi do końca prawej strony.

    Dziwne tło tekstu (ten szary pasek po środku). Wcześniej to było po prawej stronie jako zakończenie pola tekstowego.

    Jakieś lekarstwo na powyższe problemy się znajdzie?
  • Poziom 10  
    Witam ponownie, puki co wygląda nieźle,
    spróbuj przedłużyć jedno-pixelowe tło pod zawartością witryny.

    Kod: css
    Zaloguj się, aby zobaczyć kod

    s_tlo.gif jest teraz hmmm.. za krótkie dla nowej wartości width="700" tego elementu, ma tylko 568px zobacz czy pomoże jego przedłużenie. Powinno obejść się bez ingerencji w kod.

    Pozdrawiam,