Időzóna: (GMT +1 óra) RSS - hozzászólások

Avatar alakja (kör)

Szerző
Üzenet
-pity-
Kezdő phpBB-s
Kezdő phpBB-s


Csatlakozott: 2014.02.09. Vasárnap 7:22
Hozzászólások: 27
Hozzászólás Elküldve: 2014.12.19. 08:49    Hozzászólás témája: Avatar alakja (kör)
Hozzászólás az előzmény idézésével
Sziasztok,

nagyon dívik most különböző platformokon a kör alakú avatar-profilkép. A Google Plustól a különböző Wordpress Sablonokig elég sok helyen bele lehet futni, hogy nem a hagyományos négyzet alakú felhasználói profil jelenik meg a hozzászólásoknál.

Vajon phpbb-ben kivitelezhető ez? Van rá lehetőség, hogy a felhasználók által feltöltött négyzet alakú avatarokra kerüljön egy maszk vagy automatikusan le legyenek vágva a sarkok, vagy bármi megoldás, hogy kör alakban jelenjenek meg az avatar képek?

Próbálkoztam ezzel a megoldással a conten.css-ben, sajnos nem túl nagy sikerrel:

Kód:

.avatar {
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;
 }

Felhasználó profiljának megtekintése Privát üzenet küldése
Ragadozo
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2008.05.08. Csütörtök 18:26
Hozzászólások: 638
Hozzászólás Elküldve: 2014.12.19. 12:37    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Szia!

Én inkább valahogy így próbálnám meg (a width és height értékét átírod a neked megfelelőre):

Kód:

.avatar {
   float: left;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   height: 46px;
   width: 46px;
 }

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
-pity-
Kezdő phpBB-s
Kezdő phpBB-s


Csatlakozott: 2014.02.09. Vasárnap 7:22
Hozzászólások: 27
Hozzászólás Elküldve: 2014.12.19. 14:59    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Átírtam, de sajnos nem változtatott semmit (töröltem a gyorsítótárat, újratöltöttem a sablont és a stílust is).

Felhasználó profiljának megtekintése Privát üzenet küldése
KillBill
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2007.03.26. Hétfő 5:42
Hozzászólások: 2258
Hozzászólás Elküldve: 2014.12.19. 17:43    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Kerek avatar:

Kód:

.avatar {
    border: 1px solid rgba(95, 255, 119, 0.8);
    border-radius: 50px;
    height: 50px;
    padding: 2px;
    transition: all 2s ease 0s;
    vertical-align: middle;
    width: 50px;
}

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése MSN Messenger
-pity-
Kezdő phpBB-s
Kezdő phpBB-s


Csatlakozott: 2014.02.09. Vasárnap 7:22
Hozzászólások: 27
Hozzászólás Elküldve: 2014.12.19. 19:33    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Nem, sajnos ezzel sem alakulnak körré az avatarok :(

Viszont furcsa, hogy nem is változnak semmit sem, egyikőtök megoldására sem.
Biztosan jó helyen módosítok én? Csak a content.css-ben kell?

Köszönöm szépen az eddigi hozzászólásokat-utána járást.

(Nem tudom, hogy annak lehet-e köze hozzá, hogy prosilver sablonon a profil mezőt áttettem jobboldalról a baloldalra?)

Felhasználó profiljának megtekintése Privát üzenet küldése
KillBill
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2007.03.26. Hétfő 5:42
Hozzászólások: 2258
Hozzászólás Elküldve: 2014.12.19. 19:43    Hozzászólás témája:
Hozzászólás az előzmény idézésével

-pity- írta:

Nem, sajnos ezzel sem alakulnak körré az avatarok :(

Viszont furcsa, hogy nem is változnak semmit sem, egyikőtök megoldására sem.
Biztosan jó helyen módosítok én? Csak a content.css-ben kell?

Köszönöm szépen az eddigi hozzászólásokat-utána járást.

(Nem tudom, hogy annak lehet-e köze hozzá, hogy prosilver sablonon a profil mezőt áttettem jobboldalról a baloldalra?)
az avatar class alapból nem létezik, így ezt hozzá kell adni

includes/functions_display.php

keresd ezt a részletett

Kód:

return '<img


és módosítsd erre

Kód:

return '<img class="avatar"


utána tedd a common.css be ezt



Kód:

.avatar {
    border: 1px solid rgba(95, 255, 119, 0.8);
    border-radius: 50px;
    height: 50px;
    padding: 2px;
    transition: all 2s ease 0s;
    vertical-align: middle;
    width: 50px;
}

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése MSN Messenger
-pity-
Kezdő phpBB-s
Kezdő phpBB-s


Csatlakozott: 2014.02.09. Vasárnap 7:22
Hozzászólások: 27
Hozzászólás Elküldve: 2014.12.19. 20:20    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Sikerült :)

Nagyon-nagyon köszönöm, és mindazt az önzetlen segítséget, amit ezen a fórumon már eddig is kaptam.

Áldott Karácsonyt és Boldog Új Esztendőt Mindenkinek!

Felhasználó profiljának megtekintése Privát üzenet küldése
KillBill
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2007.03.26. Hétfő 5:42
Hozzászólások: 2258
Hozzászólás Elküldve: 2014.12.20. 00:08    Hozzászólás témája:
Hozzászólás az előzmény idézésével

-pity- írta:

Sikerült :)

Nagyon-nagyon köszönöm, és mindazt az önzetlen segítséget, amit ezen a fórumon már eddig is kaptam.

Áldott Karácsonyt és Boldog Új Esztendőt Mindenkinek!
Nincs mit neked is :wink:

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése MSN Messenger
Hozzászólások megtekintése:  

Időzóna: (GMT +1 óra) RSS - hozzászólások
Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.

Hirdetés
Hirdetés