Forum Blogowe 17 lat!

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
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Autor Wiadomość
CatusGeekus 
Blogger.Klub


Pomogła: 1 raz
Dołączyła: 09 Lut 2015
Posty: 50
Wysłany:    [Szablon Velocity] Jak usunąć panel boczny na stronie posta?
Zastanawiam się, czy istnieje jakiś sposób, aby zmodyfikować stronę pełnego widoku posta w taki sposób, aby zniknąć panel boczny, szpaltę powiększyć na całą szerokość bloga i wyśrodkować tekst? W tym momencie post wygląda w ten sposób:

http://catusgeekus.blogsp...yli-scream.html

Widok bez panelu bocznego wydaje mi się bardziej profesjonalny.
Jest na to jakiś prosty sposób?

PS. Szablon stąd: VeeThemes - Velocity

Dzięki za pomoc!
 
  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: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2015-11-02, 14:21   Re: jak skasować sidebar na stronie wpisu?
Można modyfikować wygląd szablonu w zależności od podstrony, na której się znajdujesz.
Robiłem tak w przypadku własnej skórki na blogu agnesaadamczak.com (strony kategorii) oraz szablonu Wallpaper Premium na blogu martynag.pl - ten drugi przykład pokazuje dokładnie to, co chcesz uzyskać. Stronę postów bez kolumny bocznej z gadżetami.

Możesz wykorzystać tagi warunkowe i zamknąć w takim cały boczny pasek (czyli wszystko co znajduje się w divie .sidebar-wrapper).

Następnie dopisz klasy do body. Pozwolą Ci na większą manipulację CSS. W ten sposób określisz nowe wartości szerokości elementów kolumny z wpisami (.main-wrapper) na stronie posta (.item) czy statycznej (.static_page).
______________________________________________________
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:
CatusGeekus 
Blogger.Klub


Pomogła: 1 raz
Dołączyła: 09 Lut 2015
Posty: 50
Wysłany: 2015-11-05, 18:15   
Dzięki wielkie za odpowiedź. Tagi warunkowe ogarnęłam bez problemu i mogę spokojnie sobie sidebar zniknąć. Problem pojawia się gdy próbuję dodać klasę do obiektu .item (bo jego użyłam w kodzie tagu) - dopisuję ten fragment do body:

Wiadomość (widoczna dla zarejestrowanych)


Ale gdy później dodaję do kody css klasę .item i próbuję ją modyfikować, szablon w ogóle na to nie reaguje. Nie wiem, czy na pewno powinnam stosować tutaj klasę .item, czy może jakąś inną? A jeśli tak, to jakie będą najbardziej podstawowe wartości, którymi trzeba ją opisać, aby rozszerzyć kolumnę posta i wyśrodkować tekst? Próbowałam czegoś prostego w stylu:

Kod

{
width:100%;
float: left
}


Ale nie widzę żadnych zmian na stronie.

[na razie usunęłam te zmiany z bloga, żeby nie wyglądało to dziwnie]
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2015-11-06, 06:59   
Masz jakiś styl dla całego dokumentu, dotyczący ramki posta:

Kod

.main-wrapper {
styl: wartość;
}

Dodając na początku klasę z typem strony, sprawisz, że nowy styl zadziała na tej stronie. Na przykład:
Wiadomość (widoczna dla zarejestrowanych)
______________________________________________________
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:
CatusGeekus 
Blogger.Klub


Pomogła: 1 raz
Dołączyła: 09 Lut 2015
Posty: 50
Wysłany: 2015-11-06, 09:38   
Heh, już trzeci raz komentarz edytuję, bo to coś zepsuję, to coś sama naprawię. A więc w chwili obecnej dopisałam kod css do klasy .item ale szablon nadal nie reaguje:

Wiadomość (widoczna dla zarejestrowanych)


Wcześnie już myślałam, że mi się udało, bo na stronie postów wyglądało dobrze. Ale to tylko dlatego, że usunęłam sobie klasę normalnego .main-wrapper i szpalta rozszerzyła się też na stronie głównej
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2015-11-06, 12:40   
Kod dodający klasy do body był nieco źle skonstruowany i po wstawieniu masz "loadingitem" zamiast "loading item". Poprawiłem już linkowany wątek i Twojego posta powyżej. Nanieś zmiany a CSS zacznie się słuchać ;-)
______________________________________________________
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:
CatusGeekus 
Blogger.Klub


Pomogła: 1 raz
Dołączyła: 09 Lut 2015
Posty: 50
Wysłany: 2015-11-06, 13:00   
Super, teraz wszystko już pięknie śmiga. Teraz jeszcze muszę wykombinować jak wyśrodkować tytuł i zwęzić samą powierzchnię tekstu, żeby nie była taka rozlana - chciałabym aby z obu stron było trochę wolnego miejsca. Próbowałam funkcji padding, ale ona zwęża całą szpaltę, razem z białym tłem, z kolei margin przesunął mi wszystko w prawą stronę. Są tutaj jeszcze jakies inne zmienne, których można użyć?
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2015-11-06, 13:37   
Jeżeli ramka ma być na całą szerokość, to pobaw się marginesami elementów w środku, np. paddingiem klasy .post-outer

Jeżeli cała ramka .main-wrapper ma być nieco węższa, to float ustawiłbym na none, dodał jakiś max-width w pikselach i ustawił automatyczny margines.
______________________________________________________
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:
CatusGeekus 
Blogger.Klub


Pomogła: 1 raz
Dołączyła: 09 Lut 2015
Posty: 50
Wysłany: 2015-11-06, 13:44   
Tak, chodzi mi dokładnie o ten pierwszy wariant, przy czym dodawanie czegokolwiek do klasu .post-outer zmienia wygląd postów jedynie na stronie głównej. Czy jest jakaś klasa, która robi to na stronach pełnego wyglądu posta?

EDIT: ok, tutaj trzeba zmodyfikować post-hentry, już wszystko działa :)

Dzięki wielkie!
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2015-11-06, 14:13   
post-hentry jest jeszcze głębiej niż .post-outer a modyfikacje dla strony posta czy statycznej robisz według schematu powyżej, czyli dopisujesz .item lub .static_page z przodu ;-)
______________________________________________________
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-2024 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