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ść
Emilka.Nelli123 
Blogger.Klub

Dołączyła: 14 Lip 2015
Posty: 0
  Wysłany:    [blogger] Jak ustawić nagłówek bez białego tła wpisów?
Chciałam zmienić nagłówek bloga w kodzie html, ale nie mam pojęcia gdzie dokładnie co mam wkleić :( Bardzo proszę o szybką odpowiedź ;)
 
  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-07-14, 14:18   Re: Jak ustawić nagłówek bez tła
Zapomniałaś o najważniejszych informacjach: adresie bloga i nazwie szablonu.

a nagłówek zmienia się zazwyczaj w układzie - jest od tego odpowiedni gadżet.
______________________________________________________
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:
Emilka.Nelli123 
Blogger.Klub

Dołączyła: 14 Lip 2015
Posty: 0
Wysłany: 2015-07-14, 16:55   
Mam szablon prosty, a chce go zmienić w kodzie html żeby za nagłówkiem było przezroczyste tło, a nie białe :-: :zdegustowany:
 
  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-07-14, 17:16   Re: Jak ustawić obrazek nagłówka bez białego tła?
Dodaj obrazek .png bez tła a reszta jest raczej kwestią zmian w CSS :-) Nie znam jednak na pamięć wszystkich szablonów a podanie adresu wielokrotnie przyspiesza rozwiązanie problemu, bo można użyć "zbadaj element".
______________________________________________________
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:
Emilka.Nelli123 
Blogger.Klub

Dołączyła: 14 Lip 2015
Posty: 0
Wysłany: 2015-07-15, 10:27   
zwariowaneurwisy.blogspot.com

To zna pan jakiś kod css na to?
 
  podziel si� tym postem na:
Hawk 
WordPress.Klub


Dołączył/a: 09 Lip 2015
Posty: 5
Miasto: Warszawa
Wysłany: 2015-07-16, 00:17   
Myśle ze bez umiejetnosci poslugiwania sie cssem nie bedzie prosto, bo te paski ktore stanowia tlo strony sa jeszcze pod tym calym bialym ktore stanowi tlo dla tresci. Mysle ze trzebaby bylo obrazek ktory jest naglowkiem wyciagnac poza ten bialy prostokat, a obrazek musialby miec przezroczyste tlo. Co dokladnie wpisac to nie poradze bo pobieznie tylko ogarniam htmla i cssy. Ale jesli to cos pomoze to uwazam ze tak jest zdecydowanie lepiej niz by bylo po zmianie ktora chcesz wprowadzic
 
  podziel si� tym postem na:
rebelberry 
Blogger.Klub


Imię: Kinga
Pomogła: 1 raz
Wiek: 29
Dołączyła: 05 Sty 2015
Posty: 45
Miasto: Chełm/Warszawa
Wysłany: 2015-07-16, 15:24   Re: obrazek nagłówka zamiast tytułu i opisu bloga
Na próbę do swojego bloga dodałam tło i wygląda to tak jak na screenie poniżej. Jeśli o to ci chodzi to nie potrzebujesz do tego kodu html czy css. Po prostu musisz zrobić nowy nagłówek w gimpie lub photoshopie w zależności jakiego programu używasz i po prostu zapisać obraz w .png z przezroczystością (będzie bez tła). Poźniej wchodzisz na bloggerze w układ> nagłówek>wrzucasz obrazek i zaznaczasz opcję "zamiast tytułu i opisu. I gotowe.


A! I może być tak że po wrzuceniu nagłówka będziesz miała szare tło. Wtedy wystarczy wrzucić nagłówek w jakiś hosting ( ja używam photobucket), zaznaczasz opcję "z internetu" i wklejasz link. Tak przynajmniej działa w moim przypadku.
 
  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-07-16, 16:13   jak ustawić obrazek nagłówka poza białą ramą wpisów na blogu

rebelberry napisał/a:

Na próbę do swojego bloga dodałam tło i wygląda to tak jak na screenie poniżej. Jeśli o to ci chodzi to nie potrzebujesz do tego kodu html czy css.
Zapomniałaś o jednym. Na Twoim blogu nie ma tła w kolumnach z treścią, bo zostało ustawione jako przeźroczyste :) Chodzi o rozwiązanie, które pozwoli na wyłączenie białego pod sekcją nagłówka, ale pozostawienie go pod resztą strony.

rebelberry napisał/a:

A! I może być tak że po wrzuceniu nagłówka będziesz miała szare tło. Wtedy wystarczy wrzucić nagłówek w jakiś hosting ( ja używam photobucket), zaznaczasz opcję z internetu i wklejasz link. Tak przynajmniej działa w moim przypadku.
Nie widzę sensu w publikowaniu obrazów na innych serwerach, skoro problemu (szarego tła) można pozbyć się wyłączając odpowiednią opcję w ustawieniach google plus.

Hawk napisał/a:

Mysle ze trzebaby bylo obrazek ktory jest naglowkiem wyciagnac poza ten bialy prostokat, a obrazek musialby miec przezroczyste tlo.
To jest dobry trop, ale dla bardziej zaawansowanych osób, bo trzeba przenieść sekcję nagłówka poza obszar szablonu.

Innym wyjściem (ale nie wiem czy mniej/bardziej skomplikowanym) jest edycja CSS tak, by ustawienia tła dotyczyły dolnej części szablonu a nie całego .content-inner

Zamiast tego (Odszukaj w kodzie szablonu, będzie tuż na początku - około 100 wiersza):

Kod

$(content.background.color.selector) {
background-color: $(content.background.color);
}

Można zrobić tak:
Wiadomość (widoczna dla zarejestrowanych)


a następnie pozbyć się cienia z .content-outer i marginesu, który ma .content-inner

Kod

.content-outer {
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

margin-bottom: 1px;
}

Kod

.content-inner {
padding: $(content.padding) $(content.padding.horizontal);
}

Można to skasować albo zapisać w komentarzu:

Kod

/* ten kod */


efekt końcowy:
______________________________________________________
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