![[FOORUM] Suurte signatuuride osaliselt kuvamine Hitskin_logo](https://2img.net/i/fa/hitskin/hitskin_logo.png){kind=logo}
Hitskin.comThis is a Hitskin.com skin preview
Install the skin • Return to the skin page
Pealeht[FOORUM] Suurte signatuuride osaliselt kuvamine
Lehekülg 1, lehekülgi kokku 1 • Share
- Tonight
![[FOORUM] Suurte signatuuride osaliselt kuvamine Vetera11](https://i.servimg.com/u/f38/17/30/84/56/vetera11.png)
- Liitus : 19/02/2012
Postitusi : 17597
Tonight 28.12.18 2:48
![[FOORUM] Suurte signatuuride osaliselt kuvamine Signaa10](https://servimg.com/r/1317308456/signaa10.png)
• Sissejuhatus
Kindlasti oleme me kõik kohanud foorumis sellist kasutajat, kelle signatuur võtab pool ekraanist endale. Kui sa ei soovi administraatorina signatuuride suurust piirata, siis võib üheks heaks lahenduseks olla signatuuride lõikamine ehk osaliselt kuvamine: kui inimene vajutab vastavale nupule, siis on tal võimalik näha signatuuri täissuuruses.
• Paigaldamine
![[FOORUM] Suurte signatuuride osaliselt kuvamine Ajoute10](https://servimg.com/r/3817308456/ajoute10.png)
).✓ In the topics (kui sa soovid seda terves foorumis, siis vali In all the pages)
- Kood:
$(document).ready(function() {
var settings = {
height : 100,
title : 'Signatuuri kuvamine',
show : 'Kuva rohkem',
hide : 'Kuva vähem'
};
$('.signature_div').each(function() {
if ($(this).height() > settings["height"]) {
var Y = settings["height"].toString();
var t0 = 'height:'+Y+'px;overflow:hidden;';
var t1 = '<div id="showMore" class="toggleSig" title="'+settings["title"]+'">'+settings["show"]+'</div>';
$(this).attr('style',t0).before('<div></div>'+t1);
$(document).on('click','#showMore',function() {
$(this).next().attr('style','height:auto;');
$(this).after('<div id="showLess" class="toggleSig" title="'+settings["title"]+'">'+settings["hide"]+'</div>').remove();
});
$(document).on('click','#showLess',function() {
$(this).next().attr('style',t0);
$(this).after(t1).remove();
});
}
});
});
• Seejärel anname nupule kujunduse. Liigu ACP -> Display -> Pictures and Colors -> Colors -> CSS Stiilifail ja lisa järgmine CSS:
- Kood:
.toggleSig {
background:#FFF;
border:1px solid #CCC;
box-shadow:0 -10px 3px rgba(0, 0, 0, 0.07) inset;
color:#000;
cursor:pointer;
display:inline-block;
margin-bottom:3px;
margin-top:10px;
padding:3px
}
.toggleSig:hover {
border:1px solid #059;
color:#D41141
}
Soovid reklaamidest vabaneda?
Selleks logi sisse või tee endale kasutaja.
Lehekülg 1, lehekülgi kokku 1
Permissions in this forum:
Sa ei saa vastata siinsetele teemadele