framework.gp

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;
}

Súgó Még nincs hozzászólás.

Frissítés