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


A csillagjövõ asztrológia portálon akció! Születési horoszkóp + 3 év elõrejelzés + Párkapcsolati elemzés 2000 Ft. katt!    *****    Szereted a humort, jó zenéket? Szeretnél ilyen mûsorban részt venni? Keress oldalamon!    *****    "Revealing the truth is like setting a match on fire. It can bring light or set your world on fire." | PROJECT D.C.    *****    PROJECT DC egy futurisztikus-disztópikus SZEREPJÁTÉK! Bármikor szívesen látjuk a csatlakozókat!    *****    Ne maradj le semmirõl, értesülj elsõ kézbõl a Selena Gomezzel kapcsolatos hírekrõl! Hat éve várja a látogatókat az oldal    *****    Református exmisszus-gyakornok, jégkorong, izomautók, rap zene. Igen, ez mind én vagyok! Hogyan? Nézz be és megtudod! :)    *****    Szeretsz írni? Lenne egy jó témád, amit megosztanál másokkal? Akkor kattints, és nyerj egy vendégposztot nálam! :)    *****    Kedveled Ian Somerhaldert? Odáig vagy a szépséges színésznõért, Nina Dobrevért? Kattints! Nem csak TVD rajongóknak!    *****    Szeretsz filmet nézni? Akkor itt a helyed! Nézz filmet facebook messengeren. Klikk ide!!!!    *****    MAYFLOWER / egy májusban született lány blogja / MAYFLOWER / egy májusban született lány blogja / MAYFLOWER    *****    DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE! DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE!    *****    ***Egy blog. Egy lány. Egy élet.*** Ðzsí blogol. *G-PORTÁL KÖZÖSSÉGMENTÉS ugyanitt. Ha hiányzik a régi közösség.*BLOG***    *****    Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok    *****    Nézz filmet facebook messengeren!!!! Klikk! Klikk!    *****    ONMYMIND \\ EGY ÁTLAGOS SRÁC BLOGOL MINDENRÕL AMI ESZÉBEJUT \\ ZENE, CIKKEK, KRITIKA? KATTINTS ÉS OLVASS MOST KEDVEDRE    *****    **********Rengeteg AKCIÓ! Vegyszermentes kozmetikmok és bio mosó és tisztítószerek, munkalehetõséggel! ***********    *****    OKTATÁS INGYENESEN az ASZTRO-suliban, Asztrológiai tanácsadás BECSÜLET KASSZÁS alapon! Fordulj hozzám bizalommal!    *****    Bûbájos boszorkák - Charmed - Hírek a folytatásról - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed -    *****    LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT * LORDE * ISMERD MEG TE IS * LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT    *****    Re-Startoltunk! Egy SZEREPJÁTÉK, amelybe bármikor becsatlakozhatsz! Légy te is Hõs! Hõsregék RPG