Script/tutorial avatar

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Script/tutorial avatar

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

avatar
Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 47
Data înscrierii : 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]
avatar
Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Multumiri : 83
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.
avatar
Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 47
Data înscrierii : 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
avatar
Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6769
Varsta : 19
Localizare : Buzau
Data înscrierii : 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.
avatar
Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 47
Data înscrierii : 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.
avatar
Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6769
Varsta : 19
Localizare : Buzau
Data înscrierii : 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)');
    });
});
avatar
Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Multumiri : 83
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.
avatar
Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 47
Data înscrierii : 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
avatar
valiygrx
Membru Forumgratuit

masculin

Mesaje : 44
Varsta : 35
Localizare : Constanta
Data înscrierii : 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?
avatar
Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 47
Data înscrierii : 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?
avatar
Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6769
Varsta : 19
Localizare : Buzau
Data înscrierii : 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.
avatar
valiygrx
Membru Forumgratuit

masculin

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

http://zyro-counters.forumers.ro

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum