fraNNNta-Design

Bine a-ti venit pe fraNNNta-Design
conectarecreaza cont



Butoante marire/micsorare text din mesaj

Distribuiţi
Sonozaki OnlineOffline
avatar
Membru nou
Respect : 100%
Mesaje : 24
Inscris : 02/05/2013

biggri Butoante marire/micsorare text din mesaj

Mesaj Scris de Sonozaki la data de Sam Aug 23, 2014 2:04 pm

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


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
mr.franta OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 3979
Inscris : 18/06/2011

biggri Re: Butoante marire/micsorare text din mesaj

Mesaj Scris de mr.franta la data de Sam Aug 23, 2014 2:56 pm

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.


Sus
Vezi profilul utilizatorului Vizualizeaza profilul

    Acum este: Mier Noi 21, 2018 7:25 am