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:
2012-07-28, 00:35 [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?
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:
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:
D) Jak zmienić kolor tytułów postów w gadżecie? (wygląd)
Oczywiście można też pogrubić, pochylić, zmienić rozmiar/krój czcionki, wyśrodkować:
itd.
E) Jak zmienić wygląd miniatur podobnych wpisów? (kształt, obramowanie itp.)
zaokrąglone (kształt koła): 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: lub tylko to jedno jeżeli nie chcemy w ogóle obramowania:
F) Jak zmienić wygląd pionowej linii pomiędzy poszczególnymi elementami?
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: itd.
H) Jak zmienić kolor tła po najechaniu na element?
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? pomoc indywidualna oraz blogi i strony na zamówienie
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.  |
|
FAQ
Szukaj
Użytkownicy
Blogger Polska!
Rejestracja
Zaloguj
nie spodziewałam się tego zupełnie:)
