Photon - Gallery Plugin for Croogo CMS

What is Photon?

Photon Gallery is a gallery and photomanagement plugin for Croogo CMS, originally based on Edinei L. Cipriani's gallery plugin. However it offers much more features and capabilities - it is heavily extended. Photon's administration is AJAX-powered and integrates flawlessly into your existing Croogo install. A new Tab is added to your nodes which allows you to upload pictures via Ajax - those pictures are directly related to that specific node. Doing so, Photon features four different preconfigured ways of displaying your photos: either in an Image Replacement gallery, in a Slider gallery, in JQuery Popeye gallery or just as single images. A seperate set of administration-views allows you to have full control over all your gallery stuff.

Once again, to point out the most special feature, the so called "NodeAlbum"-feature: For each node a specific album is automatically created. Thus, you can upload photos directly when creating nodes!


  1. Install this plugin via the extension management of Croogo or upload the folder "photon" to /app/plugins
  2. Activate the plugin: the tables will be created and initial settings be saved
  3. Add new albums & upload photos
  4. Enjoy (hopefully) :)

You can access the gallery via yoururl.tld/gallery. If you want to display photos or galleries inside your nodes, just put code like this at the desired location in your node: [Gallery:slug] [Popeye:slug] [Slider:slug] [Image:id]

When running your Croogo with markdown, please make sure you first activate markdown, and photon afterwards. Otherwise your galleries wont be rendered.

Thanks to...

Big thanks to "mherb" (https://github.com/mherb) for fixing tons of bugs and adding nice features such as single picture management!

Download: Photon at GitHub

TheBigTrunk - Filebrowser out of the box

TheBigTrunk - What's that?

TheBigTrunk is a "plug and play" filebrowser based on my MVC-Structure of the kirby PHP Toolkit. It is easily customizable and provides support for custom themes. Just upload the whole webapplication to your server, adapt the configuration-file according to your needs and there you go.


  • Works out of the box ("Plug and Play")
  • Fully and easily customizable
  • Custom and multiple theme-support
  • built-in JSON-API for AJAX-Requests and Cross-Site-Requests
  • totally lightweight: Just a filebrowser, nothing more

How does it work?

Somewhere on your server you should set up a folder that later contains all of your files and directories you want to be rendered by TheBigTrunk. By default, any contents of the folder "repos" will be rendered by the filebrowser. You can change that to any directory you want by customizing the "config.php"-file located inside the folder "includes".

Using the API

Using the API is pretty much straightforward as well: In order to request JSON-Data, just add the extension .json to the requested URL; and you will receive all data in a huge JSON-Array.


Default version Live Demo: http://files.bumuckl.com API Demo: On the bottom-right of this website, just click on "Switch to files" - anything you can see there is powered by AJAX


Download: TheBigTrunk R1


Codebase is a code/math repository and a fast collaboration tool for script sharing, math sharing and developing purposes. It is released under the GPL License which means that you are allowed to make any changes and you may use it for yourself, but in case you want to publish your modification, you need to release it again under the GPL License. You can download Codebase below.

What exactly is "Codebase"?

"Codebase" is a fast collaboration tool for scripts and codes. It is written in PHP and uses a MySQL database. At the beginning it was meant to be an easier-to-use and easier-to-install alternative to the famous pastebin, but its emphasis changed a little bit. "Codebase" offers more of an integration to social networks, auto-generates a Google-sitemap for SEO and also includes math tools.

**Where can I try it? Is there a demo? **

A while ago I was hosting Codebase at http://www.parabela.org. Due to spamming I decided to stop providing that service.

How does it work in general?

You enter your code or mathematical expression in the textarea, fill out some further information and press the "+ Add this ..." button. Your submission will now be encrypted and stored in the database. You will be given a special URL that you have to use in order to view your submission again (you can share it, too).

What does this LaTeX stuff mean?

LaTeX is a special syntax for writing mathematical expressions on the computer. There are some rules to obey. Learn more at http://www.forkosh.com/mathtextutorial.html.

How to install Codebase?

In order to install Parabella Codebase or any older versions on your webspace, just load everything up. Then make sure to create a new MySQL database, if you haven't done so yet. At last, you have to edit the configuration file. There you specify the name of your Codebase, the MySQL database/user/password and some other values.

You can edit the theme and the FAQ, but also the "core" of your Codebase version if you've got some further knowlege in PHP-programming.

Download: CodebaseR3 alias Parabella Codebase

MrNicePage Tooltips Plugin J1.5

MrNicePage Tooltips Plugin is a Joomla 1.5 native tooltip plugin with enormous flexibility. Here you will find some examples on how to use MNP Tooltips Plugin and a short documentation.

You can simply use the plugin by placing {mnptooltip="Tooltip Text"} around the text of your choice {/mnptooltip}. This way, the default CSS-stylesheets that you can easily change in the Joomla Backend will be used.

Using the plugin is not restricted to plain text, you can also create tooltips for HTML code. Furthermore you can give each tooltip an individual style by overriding the standard CSS-stylesheets. Just extend the tooltip-tag the following way:

{mnptooltip="Tooltip Text 2",[TITLE,'mytitle',BGCOLOR,'#ffffff']}Text of your choice{/mnptooltip}

Below there is a list of all available commands you can use to override the standard CSS-stylesheets:

  • ABOVE,false // false or true - tooltip above mousepointer
  • BGCOLOR,'#E2E7FF' // Background colour (HTML colour value, in quotes)
  • BGIMG,'picture.png' // Path to background image, none if empty string ''
  • BORDERCOLOR,'#003099'// Color of the tooltip-border
  • BORDERSTYLE,'solid' // Any permitted CSS value, but I recommend 'solid', 'dotted' or 'dashed'
  • BORDERWIDTH,1 // Width of the tooltip-border
  • CENTERMOUSE,false // false or true - center the tip horizontally below (or above) the mousepointer
  • CLICKCLOSE,false // false or true - close tooltip if the user clicks somewhere
  • CLICKSTICKY,false // false or true - make tooltip sticky if user left-clicks on the hovered element while the tooltip is active
  • CLOSEBTN,false // false or true - closebutton in titlebar
  • CLOSEBTNCOLORS,['#990000', '#FFFFFF', '#DD3333', '#FFFFFF'] // [Background, text, hovered background, hovered text] - use empty strings '' to inherit title colours
  • CLOSEBTNTEXT,' X ' // Close button text (may also be an image tag)
  • COPYCONTENT,true // When converting a HTML element to a tooltip, copy only the element's content, rather than converting the element by its own
  • DELAY,400 // Time span in ms until tooltip shows up
  • DURATION,0 // Time span in ms after which the tooltip disappears; 0 for infinite duration, < 0 for delay in ms after the onmouseout until the tooltip disappears
  • EXCLUSIVE,false // false or true - no other tooltip can appear until the current one has actively been closed
  • FADEIN,100 // Fade-in duration in ms, e.g. 400; 0 for no animation
  • FADEOUT,100 // Fade-out duration in ms, e.g. 400; 0 for no animation
  • FADEINTERVAL,30 // Duration of each fade step in ms (recommended: 30) - shorter is smoother but causes more CPU-load
  • FIX,null // Fixated position, two modes. Mode 1: x- an y-coordinates in brackets, e.g. [210, 480]. Mode 2: Show tooltip at a position related to an HTML element: [ID of HTML element, x-offset, y-offset from HTML element], e.g. ['SomeID', 10, 30]. Value null (default) for no fixated positioning.
  • FOLLOWMOUSE,true // false or true - tooltip follows the mouse
  • FONTCOLOR,'#000044' // Color of the font
  • FONTFACE,'Verdana,Geneva,sans-serif'
  • FONTSIZE,'8pt' // E.g. '9pt' or '12px' - unit is mandatory
  • FONTWEIGHT,'normal' // 'normal' or 'bold';
  • HEIGHT,0 // Tooltip height; 0 for automatic adaption to tooltip content, < 0 (e.g. -100) for a maximum for automatic adaption
  • JUMPHORZ,false // false or true - jump horizontally to other side of mouse if tooltip would extend past clientarea boundary
  • JUMPVERT,true // false or true - jump vertically "
  • LEFT,false // false or true - tooltip on the left of the mouse
  • OFFSETX,14 // Horizontal offset of left-top corner from mousepointer
  • OFFSETY,8 // Vertical offset
  • OPACITY,100 // Integer between 0 and 100 - opacity of tooltip in percent
  • PADDING,3 // Spacing between border and content
  • SHADOW,false // false or true
  • SHADOWCOLOR,'#C0C0C0'// Color of the shadow
  • SHADOWWIDTH,5 // Width of the shadow
  • STICKY,false // false or true - fixate tip, ie. don't follow the mouse and don't hide on mouseout
  • TEXTALIGN,'left' // 'left', 'right' or 'justify'
  • TITLE,'' // Default title text applied to all tips (no default title: empty string '')
  • TITLEALIGN,'left' // 'left' or 'right' - text alignment inside the title bar
  • TITLEBGCOLOR,'' // If empty string '', BorderColor will be used
  • TITLEFONTCOLOR,'#FFFFFF' // Color of title text - if '', BgColor (of tooltip body) will be used
  • TITLEFONTFACE,'' // If '' use FontFace (boldified)
  • TITLEFONTSIZE,'' // If '' use FontSize
  • TITLEPADDING,2 // Padding of the tooltip-title
  • WIDTH,200 // Width of the Tooltip

The plugin uses wz_tooltips Javascript Library made by Walter Zorn (http://www.walterzorn.de)

Download: MNP Tooltips Plugin 1.1