Entries Tagged as “Plugins”
How to enable shadowbox features in the mangoblog admin
Now that Witheringtree created a shadowbox plugin for mango blog, I wanted to show you how you can make it easy to use within the mango blog admin. The process is not too complicated, but does take a little bit of explanation.
Let me start off by saying, that I have not yet used Witheringtree's shadowbox plugin, though I suspect it will work just fine. It's mostly just including the necessary Javascript files so this should work regardless of wether your using the plugin or not.
To start, you need to modify the /admin/editorSettings.cfm file to enable advanced linking. Honestly, I think this should be enabled by default for new mango blog installs, and maybe it will someday. For now, we have to make some changes manually.
Step 1. Go to line 16; where it says "plugins" and lets add "advlink" to the list of available plugins. This will turn on some extra features in the link dialogue box that we will use later. While your there, you may also wish to add "safari" to the list if you have users that use use the Apple Safari web browser. It only gets called if the browser being used is safari so FF and IE will not load the plugin. tinyMCE comes with some other useful plugins so check out the plugin reference page for a full list of plugins. Make a backup of your configuration settings and keep it safe. In the past, I have had some updates to mango blog overwrite these settings and change it back to the defaults.
Step 2. Next we need to drill down into the admin files and find the tinyMCE advanced link file. You can find it located here buried deep into the assets folder: /admin/assets/editors/tinymce_3/jscripts/tiny_mce/plugins/advlink/link.htm
Scroll on down to around line 198 or search for "rellabel" this is the drop down menu where you can select the necessary relative linking option. The first option is lightbox which last I recall reading, shadowbox can use. For our purpose lets add two new lines just before the lightbox option.
<option value="shadowbox">Shadowbox</option>
<option value="shadowbox[group]">Shadowbox Group</option>
This will give you the option to have both the single shadowbox display and the grouped output that automatically inserts the previous and next buttons to your pop up display.
Step 3. To put all this to use, you only need to link your image or other media as normal, but before you exit the link dialog box, you need to go to the "Advanced" section and change the "Relationship page to target" to the appropriate Shadowbox item. You can also add a title in the "General" tab. The title will appear with your image when it pops up.
→ Respond NowTags: Mango Blog · Plugins
CSS Naked Day
A few years ago, Dustin Diaz started a Web Standards movement aimed to promote web standards around the world. He dubbed it CSS Naked Day! A day when websites around the world strip out their css and show off their for a day.
Last year I hard coded a toggle into my website and totally forgot about it until I just happened to go to my website and find the css was gone. My first reaction was to crap a blue twinkie and wonder what had happened. Then I saw the alert at the top of the page telling me it was CSS Naked Day. Imagine my relief.
This year I decided to create a plugin for Mango Blog that automatically removed the css and added the notification message to tell users that it was css naked day.
- Plugin version:
- 1.0
- Last Updated:
- 2009-04-10
- Requires:
- Mango Blog 1.3+
- Auto-install URL:
- http://cssnakedday.riaforge.org/index.cfm?event=action.download
What If I Don't Have Mango Blog
Since not everyone uses mango but may still want to participate in CSS Naked Day with their coldfusion powered blog I thought I would throw in some samples of my code from before the creation of the Mango Plugin. It's really simple but for a CF newbie it might be usefull.
Place this in your <head> and put your css files into it.
<!-- css files here -->
Put this code just inside the <body> tag.
What happened to the design?
To know more about why styles are disabled on this website visit the Annual CSS Naked Day website for more information.
→ Respond NowTags: Code · ColdFusion · CSS · Freebies · Mango Blog · Plugins
Twitter Plugin Updated for Mango 1.3 Compatibility
Now that Mango Blog 1.3 is out a few plugins may have to be updated to the new 1.3 version to include auto install. Thanks to the help of Seb Duggan the mango blog twitter plugin has been updated for compatibility with the new auto Install system. Get the twitter plugins below:
Mango Blog 1.3 Compatible Version
http://www.visual28.com/assets/content/mango/twitter-1.3.zip
Mango Blog 1.2 Compatible Version
http://www.visual28.com/articles/twitter-plugin
→ Respond NowTags: Code · Freebies · Mango Blog · Plugins
Plugin Updates
It's been a busy month for me so I haven't had much time to write any articles for visual28. I hope I can change that soon. I have some topics all lined up, but I really need to do some additional research before I post them. I do have some news that I wanted to put out to you all. I have made some small updates to the twitter and flickr plugins for Mango Blog. Mostly to improve flexibility of the plugin for various themes, but also fixed a few small bugs. So if you haven't yet given it a try or found that it didn't work for you, give it go and download them. Get the Flickr Plugin Here, or the Twitter Plugin Here.
→ Respond NowTags: Freebies · Mango Blog · Plugins
SideNote: A Free Mango Blog Plugin
Back when I used BlogFusion as a CMS, it had a very simple utility called notes. Its function was simple. It added a note to your sidebar. I found this really useful when you need to alert your users to a new update or some problem without having to create a blog post about it. I wanted that feature back in mango blog so I created a very simple plugin called SideNote. It allows you to add html to your sidebar so you can use it however you want. Use SideNote to add an alert about upcoming maintenance or an outage, or maybe you need a donate now button? It's up to you.
Update
Thanks to the feedback, I have updated SideNote to include support for the WYSIWYG editor. You can now turn it off and on by clicking the toggle editor icon just like you can in the posts and pages editor. Now you can enjoy SideNote with a simpler more efficient editing experience.
Download SideNote Plugin
- Plugin version:
- 1.2
- Last Updated:
- 2009-10-13
- Requires:
- Mango Blog 1.3+
- Auto-install URL:
- http://www.visual28.com/assets/content/mango/sideNote-1.2.zip
→ Respond NowTags: Freebies · Mango Blog · Plugins · Software
