Quick Gallery

Instantly make your web folder of images an online gallery. Uses FancyBox to create image popups when image thumbnails are clicked. Requires only 1 2.3KB file to work, the rest is loaded via the fast jsdelivr javascript CDN and jquery’s cdn.

Supports by default: png, jpg, jpeg, and gif but you are able to extend this by modifying line 34:

$allowed_types = array('png','jpg','jpeg','gif');

ServerStatus Screenshot

ServerStatus is based off BlueVM’s Uptime Checker script, original download and information.

It uses Bootstrap for theming and progress bars.

You can currently see Load, RAM (free), HDD (free) statistics, and if it is online or not.

If you’ve ever wanted to easily allow yourself and/or your members to embed an IMGUR gallery I’ve come up with a quick and easy solution to do just that.

Start by logging into the IPB Admin CP and navigate to: Look & Feel -> Manage Media Tag -> Add Media Tag

Media Replacement Title

Enter a general name for what you want to call this: “imgur gallery”

Media Replacement Match

http://(www.)?imgur.com/a/([\d\w-_]+?)$

Media Replacement HTML

<iframe width="100%" height="550" frameborder="0" src="http://imgur.com/a/$2/embed"></iframe>

This will now auto-embed any imgur gallery links: http://imgur.com/a/PaWcs
Optional
Should you want to leave a link to the gallery below the embedded one you can do so by adding:

<a href="http://www.imgur.com/a/$2" target="_blank">Open Gallery in New Tab</a>

After the iframe code in Media Replacement HTML

Here is another quick IPB 3.3.x+ tutorial showing you how to swap the “Delete” option with the date for status replies to match that of the original status message.

Navigate back to the template editor in the ACP: Look & Feel > Manage Skin Sets & Templates > Select Your Skin Set that you want to modify > Remain on the Templates section > Board Index > statusReplies

NOTE: You can double click the code samples below to highlight all of the code.

Find:

<span class="desc ipsType_smaller">{parse date="$reply['reply_date']" format="manual{%d %b}" relative="true"}  </span>
 <span class="desc mod_links ipsType_smaller">
 <a id="statusReplyDelete-{$reply['reply_status_id']}-{$reply['reply_id']}" class="__sDR __dr{$reply['reply_status_id']}-{$reply['reply_id']}" href="{$this->settings['base_url']}app=members&module=profile&section=status&do=deleteReply&status_id={$reply['reply_status_id']}&reply_id={$reply['reply_id']}&k={$this->member->form_hash}">{$this->lang->words['status_delete_link']}</a>
 </span>

Replace with:

<span class='desc mod_links ipsType_smaller'>
 <if test="canDelete:|:$reply['_canDelete']"><a href="{$this->settings['base_url']}app=members&amp;module=profile&amp;section=status&amp;do=deleteReply&amp;status_id={$reply['reply_status_id']}&amp;reply_id={$reply['reply_id']}&amp;k={$this->member->form_hash}" id="statusReplyDelete-{$reply['reply_status_id']}-{$reply['reply_id']}" class="__sDR __dr{$reply['reply_status_id']}-{$reply['reply_id']}">{$this->lang->words['status_delete_link']}</a></if>
 </span>
 <span class='desc ipsType_smaller'>{parse date="$reply['reply_date']" format="manual{%d %b}" relative="true"}&nbsp;&nbsp;</span>

Save and you’re done!

Change the Width of Status Replies in IPB 3.2.x+

One of the things that bothered me with Invision Power Board 3.2+ was that the space given for status replies had a fairly small width, making long status replies become a mess, this quick and easy tutorial will show you how to change it.

First start off by opening the Template Manager in the ACP by going to: Look & Feel > Manage Skin Sets & Templates > Click the Skin Set You Wish to Modify > CSS > ipb_style.css

Find:

.status_list .status_list { margin: 10px 0 0 50px; }

Replace with:

.status_list .status_list { margin: 0 -10px 0 0; background: #FFFFFF; padding: 3px 0; }

Optional – Re-align the Comment button

Below add:

.status_textarea { width: 99%; margin: 0 0 3px 0; }
.status_submit { text-align: right; padding: 0 0 3px 0; }

My GitHub Repos

ServerStatus

Server Status website script, displays uptime (days), free RAM, free HDD.

Quick Gallery

Instantly make your web folder of images an online gallery.

Twitter Feed