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

»  »  »  »  ::
Przesunięty przez: Htsz
2015-05-01, 01:11
Autor Wiadomość
ola11261 
Blogger.Klub

Wiek: 25
Dołączyła: 25 Kwi 2015
Posty: 0
Miasto: Poznań
Wysłany:    [Gadżet Obraz] Jak wyśrodkować zdjęcie i opis 'o mnie'?
http://knowthyself99.blogspot.com/
Na boku, z prawej strony znajduje się o mnie.
Jest tam zdjęcie i pod spodem tekst. Chciałabym wyśrodkować zdjęcie, aby było okrągłe i aby tekst był wyśrodkowany. Niestety kody nie działają.
Wyśrodkowanie:
Wiadomość (widoczna dla zarejestrowanych)

Wyśrodkowanie;
Wiadomość (widoczna dla zarejestrowanych)

Okrągły avatar:
Wiadomość (widoczna dla zarejestrowanych)
 
  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: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2015-05-01, 00:12   Re: Jak dodać sekcję "o mnie" w pasku bocznym?
Kody, które wkleiłaś dotyczą gadżetu Profil, który wyświetla informacje o autorze bloga pobierane automatycznie z profilu bloggera lub google plus.

Na swoim blogu masz gadżet Obraz (Image), w którym dodałaś zdjęcie i podpis. Ten też można zmodyfikować tak, by wyświetlał foto profilowe okrągłe i wyśrodkowane wraz z tekstem.

Trzeba zastosować inne klasy. Zaokrąglenie awatara zrobisz tak:
Wiadomość (widoczna dla zarejestrowanych)
kółko zrobi się tylko jak zdjęcie będzie kwadratem. Z prostokąta utworzysz jajo. Można obrazek wykadrować ręcznie na dysku i wgrać ponownie. Można również automatycznie. Wystarczy skopiować sobie adres URL obecnego zdjęcia, podmienić /s1600/ na /s300-c/ - edytować gadżet i wstawić przerobiony link do pola opisanego jako "Z internetu".

Wyśrodkowanie zawartości gadżetu z obrazem tak:
Wiadomość (widoczna dla zarejestrowanych)


Modyfikacje dla tekstu (podpisu pod obrazkiem):
Wiadomość (widoczna dla zarejestrowanych)
lub cokolwiek innego (cień, pochylenie, font-family itp.)

Jeżeli mamy wiele gadżetów ze zdjęciami, to powyższe ustawienie zastosuje się do każdego. Można temu zapobiec ograniczając styl do elementów w ocznym pasku - .sidebar .Image ...i tutaj reszta jak wyżej... - lub zamieniając .Image na konkretny ID gadżetu, np. #Image2

Przed i po:


Jeżeli nie chcesz napisu "o mnie" lub "about me", to możesz ukryć tytuły obrazów dodatkowym kodem CSS.

//Nie wiesz gdzie wkleić te kody CSS? Do sekcji CSS, masz do wyboru źródło szablonu albo zaawansowane w edytorze wizualnym.
______________________________________________________
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:
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