G-Portál keretrendszerek, kódok

Scriptek
Scriptek : Felhasználó nevének és avatarjának megjelenítése tetszőleges helyen

Felhasználó nevének és avatarjának megjelenítése tetszőleges helyen


Ezzel a scripttel az éppen bejelentkezett felhasználó nevét, avatarját és a profilbeállításaihoz vezető linkjét tudjátok megjeleníteni bárhol az oldalatokon. Ehhez először is arra van szükség, hogy valamelyik oldalra elhelyezzetek egy bejelentkezés modult. Ha ez megvan, akkor a modulkezelőben az imént létrehozott modul linkjét nézzétek meg.

A képen látható, hogy a link végén van egy számsor (pl. nekem ez 36211987), ez a modul azonosítószáma, amire szükségetek lesz.

A bejelentkező modul alá(!) hozzatok létre egy egyszerű modult, ezt állítsátok regisztrációval védettre, majd ebbe a modulba tegyétek bele az alábbi kódot:

<script type="text/javascript">
var usr_modid = 36211987;
</script>
<script title="Userinfo" src="/portal/framework/upload/766182_1468423394_09775.js"></script>

A kódban látható azonosítószámot cseréljétek ki a sajátotokra. Innentől már csak annyi a dolgotok, hogy az alábbi html elemeket elhelyezitek ott, ahol az adott tartalmat meg szeretnétek jeleníteni:

Felhasználó neve (a Vendég szöveg helyére azt írjátok, amit kijelentkezett felhasználóknál akartok megjeleníteni):

<span class="usr_uname">Vendég</span>

Felhasználó avatarja:

<div class="usr_avatar"></div>

Illetve egy kis plusz, ezzel a kóddal egy olyan linket tudtok megjeleníteni, ami a felhasználó profilbeállításaihoz vezet:

<a class="usr_link">Profilom</a>

Ezeket a tageket használhatjátok bejegyzésben, oldalsó modulban, középsőben, stb., ahol csak szeretnétek, akár több helyen is.

Bejelentkezés modul elrejtése

Ha nem akarjátok, hogy látszódjon oldalt a bejelentkező doboz, akkor az alábbi CSS kóddal el lehet tüntetni (itt is cseréljétek ki a számsort a sajátotokra):

.column_side table[module_id="36211987"] {
    display: none;
}

Avatar formázása

Természetesen az avatar formázható CSS segítségével, a .usr_avatar szelektorral:

.usr_avatar /* a képet tartalmazó elem */ {
    display: inline-block; /* szöveggel egy sorba kerüljön */
}

.usr_avatar > img /* maga a kép */ {
    height: 100px;
    width: 100px;
}

Még nincs hozzászólás.
 
Bejelentkezés
Felhasználónév:

Jelszó:
SúgóSúgó
Elfelejtettem a jelszót
 

Kezdőlap


Supernatural - ODaát - 13. ÉVad - Extrák - Infók - ÉRdekességek - ODaát - Supernatural - 13.ÉVad - Supernatural - ODaát    *****    A csillagjövõ oldalon,nem csak alacsonyak az árak, hanem a tanácsadás, teljesen ingyenes. Szeretettel várlak minden nap    *****    Új design! Az egyetlen magyar Olicity és a legaktívabb Zöld Íjász rajongói oldala! 6. évad & Arrowverse hírek!    *****    No.1 Christina Aguilera Fan Site - Minden ami X-Tina, minden héten újdonságok! Katt!    *****    TelenovelasWeb - Hírek, képek, videók, saját véleménnyel tarkított bejegyzések telenovellákról és a színészekrõl! Gyere!    *****    Hamarosan olvashatók lesznek az oldalamon az Asztro-tükör asztrológiai írásai, cikkei.    *****    Gesztenye, gesztenye, gesztenye... és egy álmos sün! Gyertek az októberi rétre Mályvával és Pipitérrel! Irány a Mesetár!    *****    Születési,baba,hold horoszkóp,elõrejelzés,párkapcsolati elemzés,fogamzási képlet! Ingyenes tanácsadás!Várlak!Kattints!    *****    Ha te is a letisztult stílus híve vagy, nézz be hozzám! Smink, ruha, kritika //Style and Stuff// Style and Stuff//    *****    MINDEN HÓNAPBAN INGYENES G-PORTÁL SABLON! TELJESEN ÁTSZERKESZTHETÕ A LEGÚJABB KÓDOKKAL! Ne maradj le egyik hónapban sem!    *****    Rendeld meg az asztrológiai csomagok egyikét és teljesen ingyen megbeszélheted velem a kérdéseidet telefonon, skypeon!!!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film! Film!Film!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!    *****    A CSILLAGJÖVÕ OLDALON RENDKÍVÜLI AKCIÓK,LEHETÕSÉGEK.A MEGRENDELÉSEK UTÁN TELJESEN INGYENES KONZULTÁCIÓ,TANÁCSADÁS.VÁRLAK    *****    Õszi manókalandok a réten! Búcsúztassátok el ti is útra kelõ madarainkat Mályvával és Pipitérrel! Gyertek a Mesetárba!    *****    | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale |    *****    Bûbájos boszorkák - Charmed - Extrák - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed - Charmed -Játékok    *****    Infrashape Horizontal fittness stúdió Debrecen    *****    WISE-VOGUE | SZISSZ ÉS KLAU BLOGJA TERMÉKTESZTEKKEL, TIPPEKKEL, ÖTLETEKKEL A MINDENNAPOKRA // WISE-VOGUE // WISE-VOGUE    *****    * GP Life * Webes hírek * Nem csak gportálos oldalaknak * GP Life * Webes hírek * Nem csak gportálos oldalaknak *