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 Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 793 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8820
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

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:






Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do społeczności na G+ --- Dołącz do grupy Bloggerów na FB

PannaNienaganna 
Blogger.Klub
Szukam męża


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

Wysłany: 2012-07-28, 21: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 Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 793 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8820
Miasto: Wrocław

Wysłany: 2012-07-28, 21: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

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
PannaNienaganna 
Blogger.Klub
Szukam męża


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

Wysłany: 2012-07-28, 21: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 Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 793 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8820
Miasto: Wrocław

Wysłany: 2012-07-28, 22: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

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
PannaNienaganna 
Blogger.Klub
Szukam męża


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

Wysłany: 2012-07-28, 22: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: 31
Dołączyła: 01 Sie 2012
Posty: 49
Miasto: Chorzów

Wysłany: 2012-08-03, 00: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, 03:10   

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

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

Wysłany: 2012-10-12, 13: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: 26
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: 29
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: 30
Dołączyła: 03 Wrz 2013
Posty: 24

Wysłany: 2013-09-05, 12: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-2018 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:
Dodaj na Google+:


Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz