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

Dołączyła: 24 Lis 2012
Posty: 29
Wysłany:    [blogspot] zmniejszenie odstępów między gadżetami
Witam,

Niektórym problem może wydawać się znany, bo szukałam odpowiedzi na innych forach ;)

Na chwilę obecną mam problem z trzema kwestiami:
1. zmniejszenie odstępów między gadżetami po prawej stronie, gdzie mam linki do stron. Chciałabym również zmniejszyć odstępy np. między paskiem "ulubione blogi" , a samymi linkami do tych blogów.

2. przy gadżetach "popularne posty" i "szukaj" wymagane jest wpisanie jakiejś nazwy; w tej chwili mam tam przecinki :wstyd: Czy jest jakaś możliwość obejścia tego?

3. wypośrodkowanie napisu "komentarze"

Link do bloga: http://mala-wredota-bloguje.blogspot.com/

Z góry dziękuję za wszelkie wskazówki :)
 
  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-03-20, 00:41   jak ukryć tytuły gadżetów i wyśrodkować komentarze?

trololo napisał/a:

bo szukałam odpowiedzi na innych forach
a na tym szukałaś?

trololo napisał/a:

zmniejszenie odstępów między gadżetami po prawej stronie, gdzie mam linki do stron.
w tej chwili dla każdego gadżetu masz dodany osobno styl a można było to wymienić po przecinku skoro wszystkie mają jednakowy ;-)
poza tym nie używałbym height: 0; a raczej margin: 0; i dodał uniwersalnie dla klasy a nie identyfikatora. Tutaj i tu masz info na ten temat.

trololo napisał/a:

Chciałabym również zmniejszyć odstępy np. między paskiem ulubione blogi , a samymi linkami do tych blogów.
powyższe instrukcje pomogą pozbyć się tego marginesu ;-)

trololo napisał/a:

2. przy gadżetach popularne posty i szukaj wymagane jest wpisanie jakiejś nazwy; w tej chwili mam tam przecinki :wstyd: Czy jest jakaś możliwość obejścia tego?
można wpisać &nbsp; - ale puste pole na tytuł i tak pozostanie. Da się także wywalić nagłówki <h2> i kodu gadżetów, ale trzeba uważać by czegoś nie zepsuć. Nie będziemy zatem psuć, tylko ukryjemy zbędne tytuły:
Wiadomość (widoczna dla zarejestrowanych)
oczywiście w ten sposób można ukryć dowolny gadżet, wystarczy znać jego klasę.

trololo napisał/a:

3. wypośrodkowanie napisu komentarze
widzę, że jest wyśrodkowany, można to zrobić lepiej, bez dopisywania DIVów: jak wyśrodkować link komentarzy pod postem?
______________________________________________________
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:
trololo 
Blogger.Klub

Dołączyła: 24 Lis 2012
Posty: 29
Wysłany: 2013-04-06, 21:10   Re: jak ukryć tytuły gadżetów i wyśrodkować komentarze?

Htsz napisał/a:

a na tym szukałaś?

Chyba nie pod tymi co trzeba frazami i jeśli już coś znalazłam to u mnie na blogu nie działało :wstyd:

Htsz napisał/a:

w tej chwili dla każdego gadżetu masz dodany osobno styl a można było to wymienić po przecinku skoro wszystkie mają jednakowy ;-)
poza tym nie używałbym height: 0; a raczej margin: 0; i dodał uniwersalnie dla klasy a nie identyfikatora. Tutaj i tu masz info na ten temat.
powyższe instrukcje pomogą pozbyć się tego marginesu ;-)

To tak, tamto z htmlu usunęłam i dodałam do css

Kod

.sidebar .Image {
margin: 8px 0;
}
.sidebar .Image br {
display: none;
}

Pierwsze ikonki z odnośnikami do stron zeszły się bliżej siebie, ale pozostałe gadżety nadal były zbyt daleko od siebie. Dodałam więc jeszcze

Kod

.widget {
margin: 4px 0 ;
}

I praktycznie dało to taki efekt jaki obecnie mam na blogu. Do zakładku "popularne posty" dodałam osobny kod ".widget .popular-posts ul {
margin: 0px 0 20px 0;" i teraz dobrze to wygląda. Chciałabym zrobić tak z resztą, ale nie wiem jakich nazw użyć (zamiast popular-posts), bo próbowałam kilku i nie działało :zdegustowany:

Htsz napisał/a:

widzę, że jest wyśrodkowany, można to zrobić lepiej, bez dopisywania DIVów: jak wyśrodkować link komentarzy pod postem?

Szczerze mówiąc już nie wiem jaki kod i gdzie wpisałam, że wypośrodkowałam te komentarze :zawstydzony:
 
  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: 2013-04-06, 22:13   

Htsz napisał/a:

Chciałabym zrobić tak z resztą, ale nie wiem jakich nazw użyć (zamiast popular-posts), bo próbowałam kilku i nie działało :zdegustowany:
w moim wcześniejszym poście masz linka do tematu, w którym pokazywałem jak zdobyć klasę (a lub identyfikator) każdego gadżetu dodanego do bloga w dziale Układ.
______________________________________________________
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:
trololo 
Blogger.Klub

Dołączyła: 24 Lis 2012
Posty: 29
Wysłany: 2013-06-21, 09:35   
Żeby nie zaśmiecać forum kolejnym wątkiem podpinam się pod mój stary post.

Tym razem mam problem z odstępami między tytułem gadżetu, a samym gadżetem. Tutaj link: http://madein-poland.blogspot.com/ Nie mam zielonego pojęcia jak ugryźć ten temat żeby to zmniejszyć. :wstyd:
I jeszcze zmieniając coś w kodzie chyba przesunęłam datę nieco niżej i teraz "zjada" mi kropkowaną linię oddzielającą datę od tytułu. Jak to naprawić?

Z góry dziękuję za pomoc :)
 
  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: 2013-06-21, 18:45   jak zmniejszyć odległość nagłówka gadżetu od treści

trololo napisał/a:

Żeby nie zaśmiecać forum kolejnym wątkiem podpinam się pod mój stary post.
pamiętaj, że to dotyczy tylko sytuacji kiedy kolejny problem jest bezpośrednio związany z tematem, w którym chcesz zadać pytanie.

trololo napisał/a:

problem z odstępami między tytułem gadżetu, a samym gadżetem
tytuł gadżetu znajduje się w h2, odszukaj go w CSS i zmniejszy margines, w tej chwili widzę tam taki:

Kod

margin: 0 0 1em;
czyli dolny wynosi aż 1em, możesz zamienić to np. na 5px

trololo napisał/a:

chyba przesunęłam datę nieco niżej i teraz zjada mi kropkowaną linię oddzielającą datę od tytułu. Jak to naprawić?
nie wiem co zmieniałaś, ale ja bym skasował tło pod datą - odszukaj .date-header span - wywal wiersz dotyczący background-color
______________________________________________________
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:
trololo 
Blogger.Klub

Dołączyła: 24 Lis 2012
Posty: 29
Wysłany: 2013-06-21, 20:18   Re: jak zmniejszyć odległość nagłówka gadżetu od treści

Htsz napisał/a:

pamiętaj, że to dotyczy tylko sytuacji kiedy kolejny problem jest bezpośrednio związany z tematem, w którym chcesz zadać pytanie.

Będę pamiętać na przyszłość :)

Htsz napisał/a:


tytuł gadżetu znajduje się w h2, odszukaj go w CSS i zmniejszy margines, w tej chwili widzę tam taki:

Kod

margin: 0 0 1em;
czyli dolny wynosi aż 1em, możesz zamienić to np. na 5px

trololo napisał/a:

chyba przesunęłam datę nieco niżej i teraz zjada mi kropkowaną linię oddzielającą datę od tytułu. Jak to naprawić?
nie wiem co zmieniałaś, ale ja bym skasował tło pod datą - odszukaj .date-header span - wywal wiersz dotyczący background-color

Wszystko zadziałało. Dzięki jeszcze raz za pomoc :padam:
 
  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