Script/tutorial avatar

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Script/tutorial avatar

Mesaj Scris de Django la data de Sam 9 Feb - 21:04


Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 46
Data de inscriere : 09/02/2013
Multumiri : 0
Membru exclus

http://www.legiuneastraina.forumz.ro

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Cassius Dio la data de Sam 9 Feb - 21:06

Ati folosit optiunea de cautare? NU!

Folositi-o atunci:
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Django la data de Sam 9 Feb - 21:37

Nu inteleg nimic de acolo, explicati-mi va rog pasii. Si da, am folosit optiunea de cautare, deci nu-ti mai da cu presupusul. Inteleg ca faci parte din staff si ca traim in romania si cand ai un statu anume esti mai cu mot, dar nu fi impertinent.

Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 46
Data de inscriere : 09/02/2013
Multumiri : 0
Membru exclus

http://www.legiuneastraina.forumz.ro

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Keir la data de Sam 9 Feb - 21:44

Tot ce va putem oferi in momentul de fata este acest tutorial: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] . A face cu ochiul

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Django la data de Sam 9 Feb - 21:46

Nu doresc sa mi se mareasca imagina, o vreau normala, deci cred ca exista si paote nu stim noi.

Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 46
Data de inscriere : 09/02/2013
Multumiri : 0
Membru exclus

http://www.legiuneastraina.forumz.ro

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Keir la data de Sam 9 Feb - 21:47

Marirea imaginii este un hover. Daca nu-l doriti, eliminati codul:
Cod:
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}
Din structura CSS a tutorialului.

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Cassius Dio la data de Sam 9 Feb - 21:52

Nu ma dau cu presupusul. Va indemn sa folositi cat mai des optiunea.

Pentru versiunea phpBB3, adaugati in Gestiunea codurilor JavaScript:
Cod:
$(document).ready(function(){
$('ul.topiclist.forums li.row dd.lastpost').wrapInner('<div class="avs">');
});

$(document).on('ready', function() {
    $('li.row dd.lastpost div.avs').each(function () {
        var touser = $(this).children('strong').children('a').attr('href');
        $(this).prepend('<a href="' + touser + '" class="inx"><img src="http://i45.servimg.com/u/f45/17/25/57/30/defect10.png" alt="No avatar" /></a>');
        $(this).children('a').load(touser + ' .module:eq(0) img:eq(0)');
    });
});

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Django la data de Sam 9 Feb - 21:58

Nu functioneaza niciun cod din ce mi-ati dat, imi face avatarul cat forumul de mare.

Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 46
Data de inscriere : 09/02/2013
Multumiri : 0
Membru exclus

http://www.legiuneastraina.forumz.ro

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de valiygrx la data de Dum 10 Feb - 1:14

Intrii in PA > module > HTML & javascripts > Gestiunea codurilor javascript > creati un nou cod javascript :

Puneti titlu dorit

Bifati: In toate paginile

Puneti codu urmator si

Cod:
    $(function(){
   
        if(!window.localStorage) return;
   
        // Avatar por defecto
        var default_avatar= 'http://illiweb.com/fa/invision/pp-blank-thumb.png';
   
        // Tiempo de cache, aqui 24 h * 60 m * 60 s * 1000 ms entonces un día
        var caching_time= 24*60*60*1000;
   
        // Tiempo de cache de un error, ici 60 s * 1000 ms entonces un minuto
        var caching_error= 60*1000;
   
        var set_avatar= function(id) {
            $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
        };
   
        var get_avatar= function(id) {
            if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
            {
                localStorage.setItem('d_ava'+id, default_avatar);
                $.get('/u'+id, function (d){
                    localStorage.setItem('t_ava'+id,+new Date);
                    localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                    set_avatar(id);
                });
            }
            return localStorage.getItem('d_ava'+id);
        };
   
        var to_replace= {};
   
        $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
            to_replace[$(this).attr('href').substr(2)]= 1;
            $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
        });
   
        for(i in to_replace)
        {
            set_avatar(i);
        };
   
    });

Intrii in PA > vizualizare > imagini si culori > culori > foaie de stil CSS :
si adaugi acest cod

Cod:
    .mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 10px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }
    .mini_ava img:hover
    {
      width: 80px;
      height: 80px;
    }

codu din CSS il modifici dupa bunul plac la mine a mers

valiygrx
Membru Forumgratuit

masculin

Mesaje : 44
Varsta : 35
Localizare : Constanta
Data de inscriere : 04/01/2010
Multumiri : 0
Niciun avertisment

http://zyro-counters.forumers.ro

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Django la data de Dum 10 Feb - 13:02

nu ai inteles nici dumneata, nu doresc marirea avatarului cand este pus cursorul pe el, ce este greu de inteles?

Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 46
Data de inscriere : 09/02/2013
Multumiri : 0
Membru exclus

http://www.legiuneastraina.forumz.ro

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Keir la data de Dum 10 Feb - 13:05

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Marirea imaginii este un hover. Daca nu-l doriti, eliminati codul:
Cod:
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}
Ati urmat sfatul meu?

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de valiygrx la data de Dum 10 Feb - 14:17

Django nu ai vrea sa iti faca cineva din staff toata treaba? Ca vad ca aici ti sa dat totu mura in gura cum ne place noua majoritatea romanilor sa nu ne batem prea mult capu. Codu asta:
Cod:
 .mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 10px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }
    .mini_ava img:hover
    {
      width: 80px;
      height: 80px;
    }
daca stergi ce spune keir adica asta:
Cod:
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}
si ramane cam asta care iti trebuie tie
Cod:
.mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 10px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }
adica avataru fix care si ala daca ii modifici valorile acelea cu 40 il faci la ce marime vrei ce e asa greu de inteles?Probabil nu se vorbeste romaneste aici.

valiygrx
Membru Forumgratuit

masculin

Mesaje : 44
Varsta : 35
Localizare : Constanta
Data de inscriere : 04/01/2010
Multumiri : 0
Niciun avertisment

http://zyro-counters.forumers.ro

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Django la data de Dum 10 Feb - 14:27

nu e bun. vreau doar la categorie nu si in interiorul ei.

Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 46
Data de inscriere : 09/02/2013
Multumiri : 0
Membru exclus

http://www.legiuneastraina.forumz.ro

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Adi. la data de Dum 10 Feb - 17:11

Cum adica in interiorul ei? Jenat

Adi.
Membru onorific
Membru onorific

masculin

Mesaje : 3749
Localizare : Forumgratuit
Data de inscriere : 01/08/2012
Multumiri : 30
Niciun avertisment

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Thisto la data de Dum 10 Feb - 17:24

Bifati doar in indexul forumului cand amplasati Javascriptul.

Thisto
Membru activ

masculin

Mesaje : 622
Varsta : 18
Localizare : Dacă îmi dai add pe Y!M sau skype anunță-mă prin PM :)
Data de inscriere : 03/06/2012
Multumiri : 0
Membru exclus

http://fmsoftware.quickbb.com/

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Django la data de Dum 10 Feb - 18:10

mersi MeGu-, a mers. rezolvat.

Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 46
Data de inscriere : 09/02/2013
Multumiri : 0
Membru exclus

http://www.legiuneastraina.forumz.ro

Sus In jos

Rezolvat Re: Script/tutorial avatar

Mesaj Scris de Adi. la data de Dum 10 Feb - 18:51

topic rezolvat

Adi.
Membru onorific
Membru onorific

masculin

Mesaje : 3749
Localizare : Forumgratuit
Data de inscriere : 01/08/2012
Multumiri : 30
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum