W trakcie przeróbek po raz kolejny
Blog > Komentarze do wpisu

Jak poprawić wygląd swojego bloga grafika w szerokiej szpalcie cz.2

Ostatnio zajmowaliśmy się przystosowaniem zdjęć do szerokośći bloga. Dziś zgodnie z obietnicą będziemy poszerzać bloga pod zdjęcia. Z góry uprzedzam, że trochę siedzenia nad tym jest. Gotowi? No to zaczynamy.

Posłużmy się przykładem . Mamy do dyspozycji bloga o szerokości 735px , szerokiej szpalcie  500px i wąskiej 210px. Coś takiego jak w przypadku tego szablonu . Chcemy jednak umieszczać na nim zdjęcia o szerokości 550px. Jak go poszerzyć?

  • Wchodzimy w CSS odnajdujemy wpis #BlogGlownyBox i dalej szukamy wartości width gotowe? zmieniamy tą wartość na powiedzmy 900px właśnie poszerzyliśmy szerokość całego bloga
  • krok drugi zmieniamy po koleji wartości width na 900px dla :
  • #Nadtytul ( w tym szablonie nie występuje, ale jeśli jest trzeba go zmienić)
  • #BlogTytulBox
  • #BlogBodyBox
  • #Stopka (ta sama sytuacja jak w przypadku nadtytulu)
  • teraz wystarczy zmienić wartość width z 500px na 620px dla #BlogSzerokaSzpalta. Pozostało zapisać zmiany. ale, ale co prawda zdjęcia mieszczą nam się bez problemu jednak wąska szpalta jest jednak trochę za blisko szerokiej. Należy ją odsunąc. Do tego wykorzystujemy marginesy. Najprościej w tym wypadku jest dopisanie do #BlogSzerokaSzpalta wartości margin-right:50px; Zapisujemy zmiany po raz kolejny i gotowe. Analogicznie jeżeli mamy do dyspozycji szablon lewostronny dopisujemy wartość margin-left:50px

Nie było to takie trudne prawda? W przypadku tego szablonu tło zarówno całego bloga jak i boxa tytułowego nie stanowiła grafika o szerokości całego boxu. Tak jak np. w przypadku tego i tego szablonu. Tu poza wyżej wymienionymi krokami czeka nas jeszcze zwiększenie obrazków tytułu, stopki.

Aby to zrobić należy zapisać grafikę u siebie na dysku, przeskalować do odpowiedniej szerokości, usunąć z zasobów te przypisane do szablonu, wstawić swoje.  Kolejnym krokiem będzie wpis dodatkowych wartości w CSS. Zmiana szerokości obrazka powoduje również zmianę jego wysokości.  Odszukujemy tym razem wartość height odpowiednio dla #BloxTytulBox #NadTytul i #Stopka zmieniając je na takie jaką wysokość ma w tej chwili nasza grafika i gotowe.

wtorek, 29 stycznia 2008, sophya

Polecane wpisy

  • Jak poprawić wygląd swojego bloga grafika w szerokiej szpalcie cz.1

    Postanowiłam dołożyć swoją cegiełkę do zbioru porad w jaki sposób można samodzielnie poprawić wygląd swojego bloga. Jednak nie znajdziesz tu rzeczy które były o

  • Metamorfozy ciąg dalszy

    Od wczoraj jak może niektórzy zauważyli ;) szablon na moim blogu przechodzi metamorfozy. Myślę, że w końcu udało mi się zrobić go w taki sposób w jaki chciałam.

  • Zmiana wyglądu

    Dziś wyjątkowo postanowiłam zająć się wyglądem swojego bloga. Jak mówią szewc bez butów chodzi i jest w tym trochę prawdy. Z pomysłem na wyświetlanie ostatnich

TrackBack
TrackBack URL wpisu:
Komentarze
2008/01/30 09:38:34
udalo sie!
-
2008/02/01 12:30:24
A mogłabyś zrobić mi szablon taki tylko dla mnie??
-
2008/02/01 13:27:34
Mogę zrobić taki tylko dla Ciebie, ale uprzedzam, że to może troszkę potrwać. Zapraszam na maila sophya@gazeta.pl
-
2008/02/03 18:37:00
Zapożyczyłam turkusowy szablon z kobitką ;)
Śliczne tworzysz szablony. Bardzo mi się podobają :)

Pozdrawiam
statystyka