Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>


Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>

Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Conectare

descriptionButoante marire/micsorare text din mesaj EmptyButoante marire/micsorare text din mesaj

more_horiz
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

descriptionButoante marire/micsorare text din mesaj EmptyRe: Butoante marire/micsorare text din mesaj

more_horiz
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.
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum
power_settings_newConectați-vă pentru a răspunde