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

Dołączył/a: 02 Cze 2013
Posty: 66
Wysłany:    [blogger] tło bloga nachodzi na wpisy przy zmniejszaniu okna
Chciałabym dowiedzieć sie jaki szablon jest zastosowany na poniższej stronie z blogiem

Kod

http://fcjuventustorino.blogspot.com/

a także dlaczego przy zminimalizowaniu tego bloga nie nachodzą na siebie obrazki i posty, poniewaz u mnie na blogu kiedy minimalizuje to wszystko nachodzi na siebie. Oprócz nagłówka wszystko pozostałe (czyli boki bloga i posty) nachodzą na siebie co wygląda nie fajnie.

Co zrobić by tak nie było?
 
  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

Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739
Wysłany: 2013-06-26, 03:22   
Co do szablonu:

Cytat

-----------------------------------------------
Blogger Template Style
Name: Awesome Inc.
Designer: Tina Chen
URL: tinachen.org


A co do "minimalizowania" bloga - ogólnie mówiąc nic nie nachodzi na siebie, bo cała strona jest opisana w sztywnych rozmiarach i żaden z elementów nie zmienia swojej wielkości względem rozmiarów okna przeglądarki.

Co do Twojego bloga - trudno powiedzieć. Jaki jest jego adres? Jak wygląda on teraz, a jak chciałabyś, żeby wyglądał?
 
  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: 2013-06-26, 03:33   
Awesome Inc., czyli systemowy szablon Rewelacja.

W poprzednim, Twoim temacie wspominałem, że na blogu masz ustawione dopasowywanie tła do okna przeglądarki, czyli:

Kod

background-size: cover;
To + fakt, że pole wpisów nie ma żadnego koloru tła powoduje, że obrazek nachodzi na kolumnę wpisów i boczny pasek (a konkretnie pod nimi).

Skasuj ten fragment z body lub dodaj kolor tła dla .content-inner
______________________________________________________
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:
Ximena 
Blogger.Klub

Dołączył/a: 02 Cze 2013
Posty: 66
Wysłany: 2013-06-26, 12:39   

Htsz napisał/a:

W poprzednim, Twoim temacie wspominałem, że na blogu masz ustawione dopasowywanie tła do okna przeglądarki, czyli:

Kod

background-size: cover;
To + fakt, że pole wpisów nie ma żadnego koloru tła powoduje, że obrazek nachodzi na kolumnę wpisów i boczny pasek (a konkretnie pod nimi).

Skasuj ten fragment z body


Usunąłem cover;
Tylko, że teraz mam taki problem, że przy minimalizacji ekranu ten prawy pasek z taśmą filmową faktycznie fajnie znika natomiast lewy zostaje... i nadal nagłówek z postami na niego nachodzi. Wygląda to tak:

Kod

http://www.iv.pl/images/12699718584408930053.jpg


Dopisać coś do tego
background-size:
?? Czy tak po prostu pozostawić puste pole po dwukropku?

Htsz napisał/a:

lub dodaj kolor tła dla .content-inner


No i z tym mam największy problem, bo z HTML jestem kompletnym laikiem:

Dlatego zapytam...

Kod

/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}

html body $(page.width.selector) {
min-width: 0;
max-width: 100%;
width: $(page.width);
}

a:link {
text-decoration:none;
color: $(link.color);
}

a:visited {
text-decoration:none;
color: $(link.visited.color);
}

a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

body {
font: $(body.font);
color: $(body.text.color);
background-color: #000000;
background-image: url('http://www.iv.pl/images/81302337942831725198.jpg');
background-attachment: scroll;
background-size:
background-position: center top;
background-repeat: repeat;
}

}

.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 400px;
width: 100%;
background: $(body.background);
$(body.background.override)
}

.body-fauxcolumn-outer .cap-top .cap-left {
width: 100%;
background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}

.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;
}

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

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


...jaki kolor (?) i gdzie dokładnie mam go dopisać? :)

.content-inner - ale gdzie dokładnie?

Htsz napisał/a:

Awesome Inc., czyli systemowy szablon Rewelacja.


Heh, a ja mam ustawiony szablon tzw. prosty. Ma to jakieś znaczenie w kontekście mojego problemu? Bo przyznam, że mój blog wzoruje właśnie na tym:

Kod

http://fcjuventustorino.blogspot.com/
 
  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: 2013-06-27, 01:37   

Ximena napisał/a:

Usunąłem cover;

Ximena napisał/a:

Czy tak po prostu pozostawić puste pole po dwukropku?
kasujemy całą linię, nie jej fragment.

Ximena napisał/a:

No i z tym mam największy problem, bo z HTML jestem kompletnym laikiem:
Kursów HTML nie brakuje, podstawowa wiedza przyda się chociażby do tego by nic nie zepsuć przy wstawianiu rozwiązań z tego forum czy innych stron z instrukcjami na blogi.

Ximena napisał/a:

...jaki kolor (?) i gdzie dokładnie mam go dopisać? :)
kolor dowolny, najlepiej czarny #000000

Ja w kodzie "calciomania-plus" widzę tak:

Kod

.content-inner {
padding: 10px 40px;
}
.content-inner {
background-color: transparent;
}
zatem porównując do CSS szablonu podczas edycji wychodzi, że jest to ten fragment:

Kod

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

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


Możesz zamienić to:

Kod

$(content.background.color.selector) {
background-color: $(content.background.color);
na to:
Wiadomość (widoczna dla zarejestrowanych)


ale najpierw sprawdź w Szablon -> Dostosuj -> Zaawansowane -> Tła -> Główne tło -> ustaw #000000 -> zastosuj do bloga -> czy to nie rozwiązuje problemu bez mieszania w HTML.

dodatkowo, zamiast:

Kod

background-color: #000000;
background-image: url('http://www.iv.pl/images/81302337942831725198.jpg');
background-attachment: scroll;
background-size:
background-position: center top;
background-repeat: repeat;
w body - wstaw taki kod:
Wiadomość (widoczna dla zarejestrowanych)
będzie na środku tak jak na "juventus blog"
______________________________________________________
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:
Ximena 
Blogger.Klub

Dołączył/a: 02 Cze 2013
Posty: 66
Wysłany: 2013-06-27, 17:52   
Problem rozwiązany!

Dzięki wielkie za pomoc ~Htsz :) Jesteś nieoceniony.

Miałbym jeszcze jedno pytanie. Miałem nawet robić osobny temat, ale nie chcę już wprowadzać niepotrzebnego tłoku w dziale dlatego zapytam się tutaj.

Mianowicie od pewnego czasu nurtuje mnie jak mój blog wygląda (od strony estetycznej of course) na komputerach o różnych rozdzielczościach.

Wprawdzie sprawdzałem to poprzez stronę...

Kod

http://browsershots.org/#


...tylko, że nie wiem czy jest ona wiarygodna/miarodajna?

Bo wiesz, bardzo zależy mi żeby ten mój blog był miły dla oka dla możliwe jak największej liczby czytelników :luka: Nie zaznam spokoju dopóki nie będę miał pewności, że nic już nie odstaje, nic na siebie nie nachodzi itp.
 
  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: 2013-06-27, 18:11   
Sam kiedyś korzystałem z tej strony, powinno pokazywać dobrze. W razie czego możesz poprosić znajomych o zrzuty ekranu ;-)
______________________________________________________
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