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



::
Zamknięty przez: Htsz
2015-05-04, 04:09
Autor Wiadomość
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: 2011-11-08, 14:46   

Yzoja napisał/a:

http://validator.w3.org/
spróbuj tutaj wrzucić kod.
powinien Ci napisać w której linijce nie masz zamkniętego znacznika - potem przejrzysz kod za pomocą 'źródło strony' odnajdując ten fragment i powinnaś się dowiedzieć w którym poście napsociłaś.
pewnie by rok szukała przyczyny ;) jakoś nie widzi mi się wklejanie dziwnego kodu bloggera do validatora - nic dobrego z tego nie wyniknie raczej ani nie pomoże w rozwiązaniu problemu.

Najszybciej (w momencie kiedy nie grzebało się w HTML szablonu) jest sprawdzić kilka ostatnich wpisów - i jak widać jeden z nich był przyczyną rozwalania się szablonu.

UlaEstko napisał/a:

Zależoby mi też na tym, by zdjęcia były jak największe, natomiast ten prawy pasek boczny czytelny, ale nie za szeroki. No i nie umiem także poradzić sobie z tymi cieniami przy ramkach :( ((
na forum były już tematy dotyczące poszerzania bloga przeglądnij dział o Blogspocie. Dostałaś też konkretną instrukcję (link do tematu) gdzie jest napisane jak pozbyć się cienia - odnajdź wskazany fragment kodu i skasuj to co należy.
______________________________________________________
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:




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

UlaEstko 
Blogger.Klub

Dołączyła: 03 Lis 2011
Posty: 0

Wysłany: 2011-11-08, 17:50   

Hej,
dzięki za pomoc.
Z filmikami youtube już sobie radzę a teraz w wolnej chwili zrobię jeszcze raz krok po kroku
to z cieniami.
Mam nadzieję, że wszystko się uda ;)

[ Dodano: 08-11-2011, 20:00 ]
Udało się! Zdjęcia nie mają już cieni ;-)
Mogę jeszcze prosić o jedną radę?
Otóż zmieniłam sobie trochę styl mojego bloga, i chciałabym w nagłówku, aby zaraz pod spodem tytułu w po prawej stronie (teraz jest po lewej -> opis bloga) pojawiły się tylko moje imię i nazwisko.
Coś takiego jak jest tu:
http://silviasencek.blogspot.com/
Próbowałam to zmienić w tytule bloga, ale niestety tam jest za mało miejsca i przeskakuje tylko na sam początek drugiej linijki ;/
Da się to jakoś zmienić? :niepewny:
 
  podziel si� tym postem na:
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: 2011-11-08, 22:19   

zostaje tak jak teraz czyli Imię i nazwisko masz w description (opisie bloga)?
jeżeli tak to:

w CSS odszukaj:

Kod

.header-inner .Header .titlewrapper {
padding: 22px 0;
}
i zamień wartość na 22px 0 0;

w

Kod

.Header h1 {
margin-bottom: 10px;
}
zamień na 0;

w .Header .description dopisz linijkę text-align: right;
______________________________________________________
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:
UlaEstko 
Blogger.Klub

Dołączyła: 03 Lis 2011
Posty: 0

Wysłany: 2011-11-09, 09:03   

Hej
dzięki za te informacje, ale szczerze pisząc trochę pogubiłam się w Twoim opisie.
W związku z czym przesyłam tu poniżej te kody które skopiowałam sobie z CSS, tak abyś mógł sprawdzić czy to rzeczywiście tak ma być.

Odnalazłam kod pierwszy i zamieniłam wartość tak jak piszesz:

.header-inner .Header .titlewrapper {
padding: 22px 0 0;$(header.padding);
}

Niestety drugiego kodu nie potrafię znaleźć u siebie w szablonie. W całości ta sekcja gdzie jest Header wygląda następująco:


/* Header
----------------------------------------------- */
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}

.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
color: $(header.text.color);
}

.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}

.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}

.header-inner .Header .descriptionwrapper {
padding: 0 $(header.padding);
}


Czy może mam to gdzieś dopisać/zamienić?

-----------------------------------------------------
Kolejny kod - czy tak jest poprawnie?

Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}
text-align: right;


Przepraszam, ale nie do końca rozumiem to jak to napisałeś.
Czy miałbyś chwilę spojrzeć na to jeszcze raz i mi wytłumaczyć?

Byłabym wdzięczna!
 
  podziel si� tym postem na:
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: 2011-11-09, 10:58   

to miał być temat o animacji zdjęć, zatem na przyszłość pamiętaj, że jak masz zamiar zapytać o cos nowego to trzeba rozpocząć nowy wątek ;)
Jak wklejasz jakiś kod HTML/CSS/PHP zamykaj go wewnątrz CODE (przycisk nad edytorem).

Zasada tworzenia stylu dla danego elementu wygląda tak:

Kod

selektor { cecha: wartość; }
dlatego jak coś trzeba dopisać do danej klasy (lub identyfikatora) to nie można tego zrobić za nawiasami {} tylko wewnątrz dopisujesz kolejną linię. Każda linijka kończy się średnikiem;

zatem NIE:

Kod

Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}
text-align: right;
tylko TAK:

Kod

Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
text-align: right;
}


Druga sprawa to taka, że w bloggerze wiele elementów wczytywanych jest za pomocą zmiennych, dlatego najlepiej szukać wskazanych przeze mnie klas tylko po ich nazwach. Otwierasz edytor HTML szablonu, wciskasz ctrl+f (na dole przeglądarki pojawi się okienko wyszukiwania) i wpisujesz np. .header-inner .Header .titlewrapper

znajdujesz pewnie coś takiego:

Kod

.header-inner .Header .titlewrapper {
padding: $(header.padding);
}
skoro nie ma tam konkretnych wartości jakie podałem a jest zmienna to zamiast

Kod

padding: $(header.padding);
musisz mieć

Kod

padding: 22px 0 0;
i gotowe.

Jeżeli chodzi o:

Kod

.Header h1 {
margin-bottom: 10px;
}
nie zwróciłem uwagi, że to klasa z gadżetu i nie będzie jej w CSS szablonu, ale do tego:

Kod

.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
możesz dopisać linijkę margin-bottom: 0 !important;

p.s. te dwa zabiegi z padding i margin powodujązmniejszenie się odległości nagłówka z tytułem od twojego imienia i nazwiska (description) - nie jest to jakieś konieczne, ale uznałem, że jak będą bliżej siebie to będzie lepiej wyglądało.
text-align: right; powoduje, że tekst przesuwa się do prawej strony szablonu.
jeżeli będzie zbyt z prawej możesz dopisać tam kolejną linijkę z padding-right: 30px; (gdzie 30px to jest odległość od prawej, można podać inną).
______________________________________________________
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:
UlaEstko 
Blogger.Klub

Dołączyła: 03 Lis 2011
Posty: 0

Wysłany: 2011-11-09, 11:56   

Wow! Rewelacja :)
Teraz jak mi wszystko wytłumaczyłeś, to bez problemu udało mi się pozmieniać kody.
Zgodnie z Twoją prośbą zaczynam jeszcze jeden nowy wątek, ponieważ chciałabym jeszcze prosić o pomoc w sprawie tego nagłówka.
Jeszcze raz DZIĘKUJĘ BARDZO BARDZO BARDZO! :)
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
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