Imagine avatar in antet dupa conectare

Salut, as vrea sa fac ca si aici: . Adica vreau sa fie avatarul fiecarei persoane dupa ce se conecteaza la panoul de pe forum sa dispara panoul si sa arate cum e in imagine iar cand se deconecteaza sa fie panoul iar. Si as dori doar sa apara cand e dimineata Buna dimineata, cand e la amiaza Buna ziua, si seara Buna seara, si sub acest text sa fie avatarul utilizatorului de pe forum. Doresc un cod pentru punBB. Am vazut si pe alte forumuri pe versiunea punBB acest lucru.

Multumesc !

Pe ce versiune vrei sa realizezi asa ceva?

Salut,Kevin,acel script este personalizat si nu cred ca mai gasiti pe forumgratuit pe cineva cu acel script,ceva asemanator este un widget .

Doodle! a scris:Salut,Kevin,acel script este personalizat si nu cred ca mai gasiti pe forumgratuit pe cineva cu acel script,ceva asemanator este un widget .

Vorba lunga saracia omului...

Daca nu sti nu mai vorbii.

Pe versiunea punBB as dori acest lucru Emanuel.

Pentru inceput :
PA=>Module=>HTML & JAVASCRIPT=>Javascript codes management=>Create a new javascript.
Si adaugatii codul urmator:

Cod:


jQuery(document).ready( function() {
jQuery("#avatar").load("/memberlist td.avatar-mini a:lt(1)");
});


Dupa ce ati executatat instructiunile de mai sus , tot ce mai aveti de facut este sa adaugatii urmatorul cod in template sau intr-un widget.

Cod:


<style>

#avatar img {
widht:100px;
height:100px;}

#avatar a span{display:none;}

#avatar a{font-size:0px !important;}

</style>

<div id="avatar"></div>



Acum apare avatarul membrului care e online. Adica eu sunt online sami apara mie avatarul, daca e altul online sa ii apara lui avatarul lui. Acum eu sunt online cu inca unul si mie imi apare avatarul lui. Si cum as putea sa il pozitionez ?

La mine nu a aparut bugul la avatar...
Decii... nu prea stiu ce sa spun..
Iar de pozitionat adauga in CSS

Cod:


#avatar{
top:px;
left:px;
position:relative;}


adaugi si tu valorile.

Acum merge am reusit si sa il pozitionez dar acum am o mica problema:

Asa arata:

Acum este prea mare distanta intre categorii si reclama de deasupra inainte de a adauga codul nu era asa. Doresc un cod care sa nu distanteze asa mult categoriile de reclama.

Multumesc !

Adauga codul dat de mine in overall_header , dupa codul urmator:

Cod:


<!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->


Acum ramane spatiu intre meniul de navigare si logo si panoul de logare.

Incearca sa pui

Cod:


#avatar{
margin-top:px;
margin-left:px;
position:relative;}


Iar daca nu merge asa adauga position:absolute !important;