Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
Tova 
Blogger.Klub


Wiek: 38
Dołączyła: 08 Gru 2012
Posty: 61

  Wysłany:    Jak w html'u zrobić sidebar (gadżety) po dwóch stronach?

link do bloga: http://grafika-magika.blogspot.com/

Chciała bym, żeby sidebar (gadżety, widgety) był po obu stronach bloga a nie tylko po prawej. Niestety nie mam pojęcia co zmienić w kodzie. A szablon mam z internetu, tylko trochę go przerobiłam.

A tak przy okazji, jak dodać obrazek pod tytuł posta?
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2013-01-26, 04:02   

Zastanawiam się czy to nie będzie tyle samo pracy co w przypadku pobrania szablonu z 3 kolumnami i dopasowaniem do niego grafiki z obecnego szablonu.
Jeżeli chodzi o tak duże grzebanie w kodzie to mogę jedynie podpowiedzieć jak to robić lub będziesz musiała poczekać na więcej wolnego czasu (ewentualnie skorzystać prywatnie). Musiałbym do tego przysiąść by wrzucić tutaj idealne rozwiązanie (kopiuj, wklej, zapisz, działa). Poniższe nie zostało przeze mnie dokładnie przetestowane - sugeruję pracowanie na jakimś blogu roboczym.

Powinnaś zacząć od poszerzenia całego bloga, bo jak dodasz trzecią kolumnę to już będzie za wąsko, pole na tekst powinno mieć przynajmniej 640 a najlepiej ponad 700px szerokości.

outer-wrap ma u Ciebie 1000px, main-wrap tylko 470 (i boczny padding) a prawa kolumna sidebar-wrapper 260px.

Druga kwestia to dodanie sekcji gadżetów. W kodzie szablonu (nie rozszerzaj widżetów) powinno być coś takiego:
Wiadomość (widoczna dla zarejestrowanych)
to odpowiada za sekcję gadżetów i znajduje się wewnątrz diva:

Kod

<div id='sidebar-wrapper'>
kod
kod
tutaj
kod
kod
</div>


Na podobnej zasadzie musimy utworzyć DIV przed sekcją BLOG. Odszukaj

Kod

<div id='content-wrap1'>
i tuż pod tym wrzuć coś w tym stylu:
Wiadomość (widoczna dla zarejestrowanych)
Po zapisaniu pewnie będzie nieco wysypane, ale najpierw sprawdź czy w sekcji Układ pojawiła się możliwośc dodawania gadżetów w nowym miejscu. Jeżeli tak to zostało Ci ostylowanie elementu #left-sidebar-wrapper {}
Ustaw mu szerokość, float: left; itd.

Tova napisał/a:

A tak przy okazji, jak dodać obrazek pod tytuł posta?
Tutaj masz: instrukcję jak wstawić obrazek obok tytułu posta - powinna wystarczyć. Nie robisz lewego odstępu i dodajesz obrazek, który pokryje tło tytułu na całej szerokości pola.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2025 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz