Jaunākie ieraksti Lietotāji Noteikumi Meklēt
  • Lappuse 1 no 1
  • 1
Forums » Datorlietas » Mājaslapu Izstrādes Pamācības » Skripts ar kuru var izvēlēties foruma ikonu (sml[settings])
Skripts ar kuru var izvēlēties foruma ikonu
jackass
Date: Otrdiena, 17 Jūn 2014, 6:28 PM | Ieraksts # 1


Pakāpe:

Ieraksti: 194
Tas ko gatavojamies izveidot izskatās šādi.

Protams šajā attēlā stils ir pielabots un augšuplādētas jaunas ikonas!

1. Ej uz CSS un ievieto šo kodu aiz /* Post Form */
Code
.thDescr,
.threadDescr {display:none}
#frM30 img {opacity:.33; -moz-opacity: 0.33; filter: alpha(opacity=33);}        
#frM30 img:hover {opacity:.5; -moz-opacity: 0.5; filter: alpha(opacity=50);}        
#frM30 img.selectedImg {opacity:1; ; -moz-opacity: 1; filter: alpha(opacity=100);}


Vari mainīt stilu kā pats vēlies

2. Pēc tam ej uz Foruma šabloniem un ieliec šo kodu iekš General appearance of forum pages pēc $BODY$

Code
<script type="text/javascript">$('.thDescr').each(function(){
       var s = $(this).html().match( /sml\[(\w+)\]/ );
       $(this).show();
       if (s==null) return;
       var name = s[1];
       s = s[0];
       $(this).html( $(this).html().replace(s,'') );
       if( $(this).html()=='()' ) $(this).html('');
       if( $('table.gTable:first td.gTableTop div.gTopCornerRight + img').size()==0 ) $('table.gTable:first td.gTableTop div.gTopCornerRight').after('<img src="/images/threadIcons/'+name+'.png" /> ');
})
$('.threadDescr').each(function(){
       var s = $(this).html().match( /sml\[(\w+)\]/ );
       $(this).show();
       if (s==null) return;
       var name = s[1];
       s = s[0];
       $(this).html( $(this).html().replace(s,'') );
       $(this).parent().prev().find('img').attr('src','/images/threadIcons/'+name+'.png');
});
</script>


Pēc tam augšuplādē ikonas failu menidžerī mapē "images/threadIcons"
Ikonu nosaukumi drīksts sastāvēt tikai no burtiem, cipariem vai "_"

3. Pēc tam ej uz šablonu Message addition form un aizstāj $_THREAD_DESCR$ ar

Code
<input type="text" id="threadAbout" value="" class="postDescrFl" size="60" maxlength="50" />
<img src="http://s3.ucoz.net/img/fr/ic1/thread.gif" alt="" class="selectedImg" />
<img src="/images/threadIcons/image1.png" alt="Image1" />
...
<img src="/images/threadIcons/imageN.png" alt="ImageN" />
<div style="display:none">$_THREAD_DESCR$</div>


Kur ir http://s3.ucoz.net/img/fr/ic1/thread.gif ir standarta (default) bilde

Pēc tam pievieno šo kodu šablona apakšā

Code
<?if($_THREAD_NAME$)?>
<script type="text/javascript">
$('#frF3').css('width','auto').attr('size', 60);
$('#frM30 img').click(function(){
       $('#frM30 .selectedImg').removeClass('selectedImg');
       $(this).addClass('selectedImg')
});
if( $('#frF4').val()!='' ){
       if( $('#frF4').val().match( /sml\[\w+\]/ ) ){
        $('#threadAbout').val( $('#frF4').val().replace( $('#frF4').val().match( /sml\[(\w+)\]/ )[0], '' ) );
        $('#frM30 .selectedImg').removeClass('selectedImg');
        $('#frM30 img[src$="'+ $('#frF4').val().match( /sml\[(\w+)\]/ )[1] +'.png"]').addClass('selectedImg');
       } else $('#threadAbout').val( $('#frF4').val() );
}
function checksubmit(){
       var s = $('#frM30 .selectedImg').attr('src').match( /\/(\w*)\.png/i );
       if( s!=null ) s = 'sml['+s[1]+']'; else s='';
       $('#frF4').val( s + $('#threadAbout').val() );
       return true;
}</script>
<?endif?>





Pielikums: 2909423.png(10.9 Kb)

 
Forums » Datorlietas » Mājaslapu Izstrādes Pamācības » Skripts ar kuru var izvēlēties foruma ikonu (sml[settings])
  • Lappuse 1 no 1
  • 1
Meklēšana:
Uz augšu