Bine a-ti venit pe fraNNNta-Design


Butoante marire/micsorare text din mesaj
Sonozaki OnlineOffline
Rank: Membru nou
Sonozaki
Respect : 100%
Mesaje : 24
Inscris : 02/05/2013
Cu acest cod veti putea adauga doua butoate care maresc si micsoreaza textul dintr-un post. Butoanele vor fi amplasate langa butonul 'Citate multiple'.

Instalare:
P.A > Module > Html & Javascript > creati un nou cod javascript
Amplasare : Topicuri

Demonstratie
1. Copiati codul.
2. Apasati F12 dati click pe Console.
3. Paste.
4. Apasati iar F12.
5. Sub fiecare mesaj langa butonul 'citate multiple' vor aparea doua imagini.


Cod:

$(function() {
   
   // 1 : phpBB3 | 2 : punBB
   var forumVersion = 2;
   var zoomLevel = 1; // 2 = 2px s.a.m.d
   var altP = 'Mărește textul.';
   var altM = 'Micșorează textul.';
   var imagineZoomOut = "http://i39.servimg.com/u/f39/18/23/65/78/zoomou10.png";
   var imagineZoomIn = "http://i39.servimg.com/u/f39/18/23/65/78/zoomin10.png";

   var magic = function($ver, $elem, mod) {
      
      $ver.each(function(index,ele) {
         $(ele).prepend('<li id="fontSizeButtons'+index+'" style="list-style-type: none; display: inline;">'
            +'<img src="'+ imagineZoomOut +'" title="'+altM+'" alt="'+altM+'" id="button-min">'
            +'<img src="'+ imagineZoomIn +'" title="'+altP+'" alt="'+altP+'" id="button-plus"></li>');

         var css = parseInt($elem.css('font-size'));
         $('#fontSizeButtons'+index).click(function(e) {
            var id = e.target.id.split('-')[1];
            
            if (id == 'min') {
               css -= zoomLevel;
            }
            else if (id == 'plus') {
               css += zoomLevel;
            }

            $elem.find(mod).eq(index).animate({fontSize: css+'px'}, 100);
         });   
      });
   };

   switch(forumVersion) { //post-options
      case 1: magic($('.profile-icons'), $('.postbody'), '.content'); break;
      case 2: magic($('.post-options'), $('.postmain'), '.post-entry'); break;
      default: console.log('forumVersion nu este valid.');
   }

});


Ultima editare efectuata de catre Sonozaki in Sam Aug 23, 2014 3:44 pm, editata de 1 ori


Re: Butoante marire/micsorare text din mesaj
mr.franta OnlineOffline
Rank: fondator
mr.franta
Respect : 100%
Mesaje : 4057
Inscris : 18/06/2011
Foarte reusit,foarte super imi place la nebunie.eu folosesc cam non-stop ctr+plus si ctrl+minus sa dau zoom ca sa vad text-ul sau daca ceva este aliniat cum trebuie.



    Design creat si realizat de fraNNNta-Design.com
    Acum este: Sam Dec 07, 2019 11:07 pm