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: 26
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 społeczności na G+ --- Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 781 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8777
Miasto: Wroclove City

Wysłany: 2013-08-23, 02: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

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


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

Wysłany: 2013-08-23, 08: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 Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 781 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8777
Miasto: Wroclove City

Wysłany: 2013-08-23, 13: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

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


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

Wysłany: 2013-08-23, 18: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: 29
Dołączyła: 26 Lip 2013
Posty: 18

Wysłany: 2013-09-09, 07: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: 26
Dołączyła: 19 Sie 2013
Posty: 43
Miasto: Wrocław

Wysłany: 2013-09-09, 10: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 Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 781 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8777
Miasto: Wroclove City

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ę, 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

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:
Werter 
Blogger.Klub
Werterownia


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

Wysłany: 2017-07-08, 21: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
______________________________________________________
Zainspiruj się z Werterownią! ;) Zapraszamy! http://werterownia.blogspot.com/
 
  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-2017 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