The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Mod Table Assistance

View previous topic View next topic Go down

Solved Mod Table Assistance

Post by Hagoromo Otsutsuki on October 13th 2015, 12:05 am

I have installed a Mod Table for threads and i wanted to know how do i get to look like this......


Here is the code......
Code:
jQuery(function(){
  _userdata.user_level && jQuery(function() {
    /* mod tables */
    jQuery('body').append('<div id="fa_modtable" class="select" style="visibility:hidden;width:auto;text-align:left;"><div class="modOption" id="MTable1">Locked</div><div class="modOption" id="MTable2">Archived</div><div class="modOption" id="MTable3">Information</div>');
    jQuery('.sceditor-group:last-child').after('<div class="sceditor-group" id="fa_modtools"><a class="sceditor-button" title="Mod Tables" onclick="selectWysiwyg(this, \'fa_modtable\');"><div style="background:url(http://i56.servimg.com/u/f56/18/45/41/65/modera10.png) no-repeat center;"></div></a></div>');
    /* mtable functions */
    jQuery('#MTable1').click(function() { /* Solved */
      jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="notice-locked"][tr][td]Thread Lock:','[/td][/tr][/table]');
    });
    jQuery('#MTable2').click(function() { /* Denied */
      jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="notice-archived"][tr][td]Thread Archived:','[/td][/tr][/table]');
    });
    jQuery('#MTable3').click(function() { /* Information */
      jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="notice-info"][tr][td]Text for Information here','[/td][/tr][/table]');
    });
    /* hide list onclick */
    jQuery('.modOption').click(function() { jQuery('#fa_modtable').css('visibility','hidden'); });
  });
});

Hagoromo Otsutsuki
Forumember

Male Posts : 514
Reputation : 21
Language : English
Location : Heaven

http://naruto-omniverse.forumotion.com/

Back to top Go down

Solved Re: Mod Table Assistance

Post by brandon_g on October 13th 2015, 12:21 am

Hello,
Is there any css installed for it? If so, may you post it up? What is the url to your forum?

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Mod Table Assistance

Post by Hagoromo Otsutsuki on October 13th 2015, 12:23 am

I have no CSS for the mod tool.

Death Battles

Hagoromo Otsutsuki
Forumember

Male Posts : 514
Reputation : 21
Language : English
Location : Heaven

http://naruto-omniverse.forumotion.com/

Back to top Go down

Solved Re: Mod Table Assistance

Post by brandon_g on October 13th 2015, 12:25 am

Interesting, it would be css that would probably be needed to style it.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Mod Table Assistance

Post by Hagoromo Otsutsuki on October 13th 2015, 12:29 am

I knew it and I'm not good at that lol.

Hagoromo Otsutsuki
Forumember

Male Posts : 514
Reputation : 21
Language : English
Location : Heaven

http://naruto-omniverse.forumotion.com/

Back to top Go down

Solved Re: Mod Table Assistance

Post by Ange Tuteur on October 13th 2015, 10:24 am

Indeed, you'll need CSS to style each table class. For example, add the following to your stylesheet :
Code:
.notice-locked {
  color:#FFF;
  font-weight:bold;
  background:#FF5858;
  border-radius:3px;
  margin:3px;
  padding:3px;
}

.notice-archived {
  color:#FFF;
  font-weight:bold;
  background:#FF5858;
  border-radius:3px;
  margin:3px;
  padding:3px;
}

.notice-info {
  color:#FFF;
  font-weight:bold;
  background:#07A0DD;
  border-radius:3px;
  margin:3px;
  padding:3px;
}

After that, you just need to change the background color and add an image for each table.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Mod Table Assistance

Post by Hagoromo Otsutsuki on October 13th 2015, 6:58 pm

How do i get images?

Hagoromo Otsutsuki
Forumember

Male Posts : 514
Reputation : 21
Language : English
Location : Heaven

http://naruto-omniverse.forumotion.com/

Back to top Go down

Solved Re: Mod Table Assistance

Post by Ange Tuteur on October 13th 2015, 7:05 pm

You can make them, request them, or find them on the web. Here's such a site which offers various images : http://www.iconarchive.com/

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Mod Table Assistance

Post by brandon_g on October 13th 2015, 8:02 pm

@Ange Tuteur wrote:You can make them, request them, or find them on the web. Here's such a site which offers various images : http://www.iconarchive.com/

Ah yes Ange, Icon archive, great site! That is where I get all the images for the sections on my forum. Great stuff there Very Happy.


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Mod Table Assistance

Post by Hagoromo Otsutsuki on October 13th 2015, 8:55 pm

Lol I mean how do I add images to the codes.

Hagoromo Otsutsuki
Forumember

Male Posts : 514
Reputation : 21
Language : English
Location : Heaven

http://naruto-omniverse.forumotion.com/

Back to top Go down

Solved Re: Mod Table Assistance

Post by Ange Tuteur on October 13th 2015, 11:51 pm

In the script where you see these two tags :
Code:
[tr][td]

add another cell between them, like this :
Code:
[td][/td]

and then insert the image tags + image URL so you get this :
Code:
[td][img]URL[/img][/td]

or it would look like the following in the script for a better example.
Code:
insertText('[table class="notice-locked"][tr][td][img]URL[/img][/td][td]Thread Lock:','[/td][/tr][/table]');
URL being the URL of your image.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Mod Table Assistance

Post by Hagoromo Otsutsuki on October 13th 2015, 11:54 pm

Solved! Thanks again!

Hagoromo Otsutsuki
Forumember

Male Posts : 514
Reputation : 21
Language : English
Location : Heaven

http://naruto-omniverse.forumotion.com/

Back to top Go down

Solved Re: Mod Table Assistance

Post by Ange Tuteur on October 14th 2015, 12:22 am

You're welcome. Smile

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum