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



::
Autor Wiadomość
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:    [gadżet LinkWithin] wyśrodkowany, edycja wyglądu

Robiliśmy już polskie napisy zobacz także, pora na jeszcze kilka zmian.

Pogrzebiemy nieco w arkuszu stylów. Poniższa instrukcja dotyczy wersji na bloggera (ale może zadziałać też na innych blogach HTML) z miniaturami wpisów.

Gadżet wyświetla się z lewej strony pola wpisów. Jeżeli nasz ramki są szerokie to nie dotyka on prawej strony. Można jednak wyśrodkować boksy z miniaturami i zmienić im kolorystykę. Przyda się np. szafiarkom, które publikują zdjęcia na środku. Mogą sobie zatem wyśrodkować link do czytaj dalej a także inne elementy w stopce posta.

Dużo gadania, przejdź do czynów. Wszystkie zmiany będziemy dokonywać w sekcji CSS, przechodzimy do edytora HTML, odszukujemy ]]>< i tuż przed nim dopisujemy każdy z kodów:

A) jak wyśrodkować podobne posty?

Wiadomość (widoczna dla zarejestrowanych)
zapisujemy zmiany i gotowe.

B) Jak zwiększyć odstęp widgetu od wpisów?

Jeżeli potrzebujemy odsunąć gadżet od tekstu posta można dodać margines górny:
Wiadomość (widoczna dla zarejestrowanych)

C) Jak zmniejszyć widoczność linka w prawym rogu? (linkwithin)

Każdy gadżet ustawia inny identyfikator, nie da się zatem sprecyzować stylu, ale można ustawić odgórnie kolor dla linków w ramce (a potem pozmieniać innym odnośnikom, które mają swoje klasy gdyby go przejęły). Dopisujemy:
Wiadomość (widoczna dla zarejestrowanych)

D) Jak zmienić kolor tytułów postów w gadżecie? (wygląd)

Wiadomość (widoczna dla zarejestrowanych)
Oczywiście można też pogrubić, pochylić, zmienić rozmiar/krój czcionki, wyśrodkować:
Wiadomość (widoczna dla zarejestrowanych)
itd.

E) Jak zmienić wygląd miniatur podobnych wpisów? (kształt, obramowanie itp.)

zaokrąglone (kształt koła):
Wiadomość (widoczna dla zarejestrowanych)
Jeżeli ustawimy mniejsze wartości to zaokrąglenia będą bliższe kwadratowi. Można także podawać cztery różne wartości np. 45px 0 60px 10px; wtedy każdy z rogów będzie miał inne wygięcie.

edycja obramowania (zadziała tylko w nowych przeglądarkach), inna linia i kolor:
Wiadomość (widoczna dla zarejestrowanych)
lub tylko to jedno jeżeli nie chcemy w ogóle obramowania:
Wiadomość (widoczna dla zarejestrowanych)

F) Jak zmienić wygląd pionowej linii pomiędzy poszczególnymi elementami?
Wiadomość (widoczna dla zarejestrowanych)
Jeżeli chcemy skasować ją całkiem to zostawiamy tylko pierwszy kod i wartość 0.

G) Jak zmienić wygląd napisu You might also like:? (kolor, wielkość "Zobacz także")
styl ustawiamy dla elementu:
Wiadomość (widoczna dla zarejestrowanych)
itd.

H) Jak zmienić kolor tła po najechaniu na element?
Wiadomość (widoczna dla zarejestrowanych)


oczywiście kolorystyka dowolna: http://szablony.blogowicz.info/koloryrgb.php

przykładowy wygląd po zmianach:


Dozwolone jest udostępnianie pojedynczych fragmentów tej instrukcji na swoim blogu (lub stronie) tylko pod warunkiem podania w treści posta dokładnego i widocznego źródła w postaci aktywnego URL (czyt. linka do tego tematu).

------
zobacz także => LinkWithin tylko na stronach postów
=> Jak skasować stopkę LW ze wszystkich gadżetów?
______________________________________________________
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

PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 32
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2012-07-28, 20:07   

A jak już sobie wyśrodkujemy LW to da sie też wyśrodkowac tytuły postów? Zmieniłam sobie kwadraciki na kółeczka i nie obraziłabym sie za wyśrodkowanie tytułów :)

[ Dodano: 28-07-2012, 21:10 ]
Mam!

Wiadomość (widoczna dla zarejestrowanych)


o tak zrobiłam

[ Dodano: 28-07-2012, 21:17 ]

Htsz napisał/a:

B) Jak zwiększyć odstęp widgetu od wpisów?

Jak zmniejszyc odległośc widgetu od stopki posta? Edytowałam fragment kodu ktory podales na kilka sposobów, ale nie wyszło ;/
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  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: 2012-07-28, 20:49   

PannaNienaganna napisał/a:

Jak zmniejszyc odległośc widgetu od stopki posta?
stopka z linkiem linkwithin ma dolny margines 20px, ale nie posiada własnej klasy (jedynie za każdym razem inny identyfikator). Można jednak dla głównej ramki dorobić ujemny margines i wtedy zadek się nieco zmniejszy ;)
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:
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 32
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2012-07-28, 20:55   

Cytat

Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte. <br/> Komunikat o błędzie XML: Content is not allowed in trailing section.
Error 500


:/
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  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: 2012-07-28, 21:01   

Powyższy kod jest prawidłowy zatem skasowałaś coś wklejając go. Chociaż zastanawiające jest to, ponieważ komunikat sugeruje niezamknięty znacznik, czyli <br> zamiast <br />

Zawsze można wklejać CSS w edytorze szablonu, ale wchodząc do "dostosuj" -> zaawansowane -> dodaj arkusz CSS ;)
______________________________________________________
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:
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 32
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2012-07-28, 21:12   

to u mnie jest coś spieprzone, bo dodałam ten kod, zadziałało. Zapisałam. Weszłam zeby zmienic z 25 na 30 i znowu błąd wypluwa. 5px chyba nie powinno tego powodowac

[ Dodano: 28-07-2012, 22:12 ]
Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
Komunikat o błędzie XML: An invalid XML character (Unicode: 0x13) was found in the CDATA section.

[ Dodano: 28-07-2012, 22:25 ]
Za 7 podejsciem udalo mi sie to zmienic ;)
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  podziel si� tym postem na:
Silaqui 
Blogger.Klub


Wiek: 37
Dołączyła: 01 Sie 2012
Posty: 49
Miasto: Chorzów

Wysłany: 2012-08-02, 23:09   

Wszystko pięknie działa, zaokrągliłam rogi miniatur (niedużo, kółeczka mnie nie interesowały), zlikwidowałam linię między miniaturami i ogólnie dzięki wielkie za ten poradnik :)
Tylko nie wiem dlaczego, mimo zaznaczania na stronie LW opcji 5 miniaturek na blogu wyświetlane są tylko 4? Macie pomysł od czego to może zależeć?

[ Komentarz dodany przez: Htsz: 03-08-2012, 02:24 ]
być może zaznaczyłaś najpierw 4 i wygenerowałaś kod a potem zmieniłaś na 5 i w ich systemie (rozpoznają adresy po ID) zostały stare ustawienia)? jeżeli nie to napisz do nich, zobaczymy co odpiszą ;)

Faktycznie, zmieniałam swego czasu z 5 na 4,teraz chciałam wrócić, do piątki i lipa.
 
  podziel si� tym postem na:
pinkoholiczka5 
WordPress.Klub

Zaproszone osoby: 48
Dołączyła: 09 Cze 2012
Posty: 18

Wysłany: 2012-09-11, 02:10   

Rewelacyjny poradnik!!!
bardzo dziękuje za niego, bardzo mi pomógł :) ))
 
  podziel si� tym postem na:
moniak85 
Blogger.Klub

Imię: Monika
Wiek: 38
Dołączyła: 07 Paź 2012
Posty: 16
Miasto: świętokrzyskie

Wysłany: 2012-10-12, 12:30   

pinkoholiczka5 napisał/a:

Rewelacyjny poradnik!!!
bardzo dziękuje za niego, bardzo mi pomógł :) ))

mi również :padam:
______________________________________________________
http://kulkaowszystkim.blogspot.com/
 
  podziel si� tym postem na:
Ewe-Linka 
Prezes w Mamspired


Zaproszone osoby: 3
Imię: Ewelina
Pomogła: 2 razy
Wiek: 32
Dołączyła: 17 Lis 2012
Posty: 154
Miasto: Northampton

Wysłany: 2012-12-11, 14:59   

super ten post! dzięki bardzo! mój blog przeszedł nie złe odświeżenie :) :*
______________________________________________________
Mamspired- parentingowy blog lifestyle.
 
  podziel si� tym postem na:
Daguszka 
Blogger.Klub


Imię: Dagmara
Wiek: 35
Dołączyła: 03 Mar 2013
Posty: 32
Miasto: Wrocław

Wysłany: 2013-03-22, 21:23   

Dziękuję znowu skorzystałam z rady :) :)
______________________________________________________
Zaczęłam blogować i wpadłam po uszy :D nie spodziewałam się tego zupełnie:)

Zapraszam więc na mojego bloga :)
http://daguszka.blogspot.com
 
  podziel si� tym postem na:
anianarowerze 
Blogger.Klub


Pomogła: 1 raz
Wiek: 36
Dołączyła: 03 Wrz 2013
Posty: 24

Wysłany: 2013-09-05, 11:42   Re: [gadżet LinkWithin] wyśrodkowany, edycja wyglądu

Chciałabym wypośrodkować gadżet link within. Niestety mimo instrukcji nie wiem, w którym miejscu kodu mam wkleic ten kod. Proszę o wyrozumiałość naprawe sobie nieradzę z tego typu rzeczami, choć udało mi się zmienić na polski napis już dzięku Twojej instrukcji.

I zaokrąglić obrazki też bym chciała, ale również nie wiem w której części kodu mam wklejać tego kody.
 
  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