Cerere script apropierede/marire interfata forum

[M.Gotze]

Salut, doresc un script care sa imi aprope sau mareasca putin forumul
De ex:
Asa arata acum :

Si eu vreau sa arate asa :

PS: Am gasit prin 2013 acel script, insa nu mai pot da de el nici cum.
Multumesc!


EDIT: Specific ca zoom-ul in a 2-a imagine este de 125%

[SSYT]

Panou > Module > HTML & JAVASCRIPT > Gestiunea codurilor javascript > Creati un nou cod JavaScript

• Titlu: Page Zoom
  
• Amplasare: Toate paginile
  
• Cod:
  
  

  Cod:

  $(function() {
    var currFFZoom = 1;
    var currIEZoom = 100;

    function plusPage() {
        var step = 0.02;
        currFFZoom += step;
        $('body').css('MozTransform','scale(' + currFFZoom + ')');
        var stepie = 2;
        currIEZoom += stepie;
        $('body').css('zoom', ' ' + currIEZoom + '%');
    };

    function minusPage() {
        var step = 0.02;
        currFFZoom -= step;
        $('body').css('MozTransform','scale(' + currFFZoom + ')');
        var stepie = 2;
        currIEZoom -= stepie;
        $('body').css('zoom', ' ' + currIEZoom + '%');
    };
});

Acest cod se punde unde vrei, pentru personalizare in css folosesti clasa:

Cod:

<div id="pagezoom"><img src="" onclick="plusPage(); return false;" /> <img src="" onclick="muinusPage(); return false;" /></div>

Cod:

#pagezoom { // style }

[M.Gotze]

Deci, am adaugat acel java script, nu are nici un efect asupra forumului.
In momentul in care bag in foaia CSS ce mi-ai dat acolo imi da eroare.
Cu ocazia asta UPP...

[SSYT]

PA > Afisare > Pagina de start > Generalitati > Mesaj pe pagina de start

Cod:

<script>
    var currFFZoom = 1;
    var currIEZoom = 100;
    function plusPage() {
        var step = 0.02;
        currFFZoom += step;
        jQuery('body').css('MozTransform','scale(' + currFFZoom + ')');
        var stepie = 2;
        currIEZoom += stepie;
        jQuery('body').css('zoom', ' ' + currIEZoom + '%');
    };
    function minusPage() {
        var step = 0.02;
        currFFZoom -= step;
        jQuery('body').css('MozTransform','scale(' + currFFZoom + ')');
        var stepie = 2;
        currIEZoom -= stepie;
        jQuery('body').css('zoom', ' ' + currIEZoom + '%');
    };
</script>
<div id="pagezoom">
       <img src="./.../plus.png" onclick="plusPage(); return false;" /> <img src="./.../plus.png" onclick="minusPage(); return false;" />
</div>

[M.Gotze]

Nimic, imi arata sub bara unde am "forum, faq, membri, etc" 2 imagini care nu sunt valide, nimic legat de zoom..
Poti intra sa vezi : http://narutolife.forumz.ro

[Ionut_FG]

merge codu dar trebuie sa schimbi imaginile de + si -

[M.Gotze]

merge codu dar trebuie sa schimbi imaginile de + si -

Dar eu nu vreau sa existe un buton cu care sa setezi zoom-ul, vreau sa il schimb permanent.
Adica sa fie acelasi pentru toti, era un cod CSS, daca va ajuta...

[SSYT]

Cod:

body {
   transform: scale(1.1);
   transform-origin: 10% 10%;
   // add prefixed versions too.
}

sau

Cod:

html {
    zoom: 0.8; /* Old IE only */
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8); /* Only Chrome & Opera */
    transform: scale(0.8);
}

[M.Gotze]

Nu functioneaza bine.
Primul imi duce toata interfata forumului spre dreapta, al 2-lea il micsoreaza si il centreaza.

[SSYT]

Cod:

body {
    margin: 0;
    padding: 0 !important;
    zoom: 1.3; // In loc de 1.3 pui ce valuare vrei tu !
}

[M.Gotze]

Cod:

body {
    margin: 0;
    padding: 0 !important;
    zoom: 1.3; // In loc de 1.3 pui ce valuare vrei tu !
}

Va multumesc foarte mult! Sarbatori fericite!!

[Typlo]