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


Imię: Martyna
Pomogła: 1 raz
Wiek: 28
Dołączyła: 19 Sie 2013
Posty: 43
Miasto: Wrocław

Wysłany:    wyśrodkowanie zdjęcia w gadżecie "o mnie"

Wiem, że tematy o wyśrodkowaniu różnego rodzaju gadżetów na bloggerze już były. Sama się zastosowałam i wyśrodkowałam subskrypcję, archiwum itd. Ale nie mogę wyśrodkować tekstu ani zdjęcia w gadżecie o mnie. O ile tekst przeboleję, tak to zdjęcie mnie kuje w oko. Nie mam pojęcia z pomocą jakiego kodu i gdzie go wkleić, aby zadziało?

[ Komentarz dodany przez: Htsz: 2015-05-01, 02:40 ]
zobacz także => Jak wyśrodkować zdjęcie i tekst w gadżecie Obraz?
 
  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: 83
Imię: Arkadiusz Narowski
Pomógł: 812 razy
Wiek: 34
Dołączył: 01 Sty 2006
Posty: 8870
Miasto: Wrocław

Wysłany: 2013-08-23, 03:57   Okrągły awatar w profilu - .Profile gadget / edycja wyglądu

Robiłem coś takiego w ostatnim projekcie -> Szablon modowy Blogger

Pobawimy się nieco z edycją tego gadżetu. Zaznaczę tylko, że w przypadku blogów grupowych zmienia on nieco swoją postać i awatary oraz opisy trzeba sobie wstawiać ręcznie, najlepiej do gadżetu HTML/JavaScript. Jak powiążemy bloggera z Google+ to edycja zdjęcia i tekstu odbywa się w zakładce "o mnie" na profilu g+. Wygląd modyfikujemy dopisując odpowiednie style w sekcji CSS.

1. Wyśrodkowanie zawartości gadżetu:
Wiadomość (widoczna dla zarejestrowanych)

2. Wyśrodkowanie avatara i określenie jego rozmiaru:
Wiadomość (widoczna dla zarejestrowanych)
oczywiście width (szerokość) - zamiast auto - możemy podać dowolne.

3. Okrągłe zdjęcie profilowe (awatar):
Wiadomość (widoczna dla zarejestrowanych)

4. Edycja nazwy (Imię i nazwisko) oraz przycisku "obserwuj". Jeżeli chcemy coś z tym zrobić (dodać tło, przemieścić) to musimy zastosować styl dla:
Wiadomość (widoczna dla zarejestrowanych)

5. Ustawienia dla tekstu (np. wyrównanie do lewej/justowanie):
Wiadomość (widoczna dla zarejestrowanych)

6. Link do pełnego profilu:
Wiadomość (widoczna dla zarejestrowanych)

Jeżeli chcesz osiągnąć efekt taki jak na moim szablonie:

Musisz wstawić ten kod:
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:
Martyncia 
Blogger.Klub


Imię: Martyna
Pomogła: 1 raz
Wiek: 28
Dołączyła: 19 Sie 2013
Posty: 43
Miasto: Wrocław

Wysłany: 2013-08-23, 09:09   Re: Okrągły awatar w profilu - .Profile gadget / edycja wygl

Działa! Bardzo dziękuję :) :padam:

Edit:
Kurcze, nie wiem dlaczego razem ze zdjęciem okrągły, powiększony i wyśrodkowany zrobił się także obrazek "narzędzi" służący do szybkiej edycji. Ewidentnie coś się posypało, ale nie mam pojęcia co. Sprawdziłam kod, wszystko się niby zgadza.
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz Narowski
Pomógł: 812 razy
Wiek: 34
Dołączył: 01 Sty 2006
Posty: 8870
Miasto: Wrocław

Wysłany: 2013-08-23, 14:09   

Ok, psuło się przy ustawieniu sztywnych wartości dla width i height, poprawiłem instrukcję powyżej. Zamieniłem .Profile img na .Profile .profile-img

p.s. w kodzie masz chyba dwukrotnie dodaną instrukcję, dodatkowo miałaś już wcześniej styl np. dla .profile-img - najlepiej wywalić stare kody i zostawić ten ;-)
______________________________________________________
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:
Martyncia 
Blogger.Klub


Imię: Martyna
Pomogła: 1 raz
Wiek: 28
Dołączyła: 19 Sie 2013
Posty: 43
Miasto: Wrocław

Wysłany: 2013-08-23, 19:17   

Htsz napisał/a:

Ok, psuło się przy ustawieniu sztywnych wartości dla width i height, poprawiłem instrukcję powyżej. Zamieniłem .Profile img na .Profile .profile-img

p.s. w kodzie masz chyba dwukrotnie dodaną instrukcję, dodatkowo miałaś już wcześniej styl np. dla .profile-img - najlepiej wywalić stare kody i zostawić ten ;-)


Dziękuję pięknie teraz wszystko działa ;)
 
  podziel się tym postem na:
ThisIsKatie 
Blogger.Klub

Imię: Katarzyna
Wiek: 31
Dołączyła: 26 Lip 2013
Posty: 18

Wysłany: 2013-09-09, 08:33   

Moje zdjęcie po wstawieniu tego ostatniego kodu wcale się nie zrobiło okrągłę, tylko półokrągle :(
______________________________________________________

 
  podziel się tym postem na:
Martyncia 
Blogger.Klub


Imię: Martyna
Pomogła: 1 raz
Wiek: 28
Dołączyła: 19 Sie 2013
Posty: 43
Miasto: Wrocław

Wysłany: 2013-09-09, 11:15   

ThisIsKatie napisał/a:

Moje zdjęcie po wstawieniu tego ostatniego kodu wcale się nie zrobiło okrągłę, tylko półokrągle :(


To pewnie zależy od rozmiaru zdjęcia. Pozmieniaj sobie wartości 'px', bo to może pomóc.

U mnie po ostatecznych kombinacjach zostało tak:


Wiadomość (widoczna dla zarejestrowanych)


I mam zdjęcie okrągłe ;)
______________________________________________________
http://smakiempisany.blogspot.com
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz Narowski
Pomógł: 812 razy
Wiek: 34
Dołączył: 01 Sty 2006
Posty: 8870
Miasto: Wrocław

Wysłany: 2015-03-27, 19:23   Jak powiększyć zdjęcie profilowe?

Mała aktualizacja. Od jakiegoś czasu zdjęcie profilowe jest dużo mniejsze, kwadrat ma 80px (/s80-c/) szerokości a miało 512 (/s512-c/). Można zastosować dość prosty JavaScript, który podmieni fragment adresu i wczyta dużą fotkę (polecam ograniczyć jej rozmiar do 360px lub 480px), która nie będzie rozmyta czy zapikselowana:
Wiadomość (widoczna dla zarejestrowanych)
wklejamy w kodzie gadżetu profilowego (edytując kod szablonu -> przeskocz do widżetu Profile1) lub tuż przed </body> (na końcu szablonu), albo w gadżecie HTML/Javascript pod gadżetem profilowym.
______________________________________________________
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:
Werter 
Blogger.Klub
MaliNaila


Dołączyła: 12 Lip 2015
Posty: 57

Wysłany: 2017-07-08, 22:18   

Dziękuję!!!!!! Wszystko działa.
Czy da się może dodać enter w sekcji "o mnie"? ;)

[edit] nie zauważyłam, że działają entery :D
______________________________________________________
malinaila.pl
 
  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-2019 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


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