Tooltip For Nucleus
It's a nice way to show tittles on a webpage or blog. It's simple to use except when it has jquery conflict with other jquery. I embeded the jquery file with jquery noconflict in the FancyBox plugin. The css I include in my l2s.css. If you want to use tooltip, you need the "jquery.tools.min.js" from the flowplayer.org website and the css file from the tooltip page also. You need to put the javascripts on the html head page or your skin head.inc or head.php page. If you have the FancyBox plugin installed, all you need is the <%FancyBox%> placed on the head page.
inside the css file that has the url of the tooltip image and this need to be correct to display.
How to use
All we need to do is to place
before any tags that has "title" description that you want to display and close the div like this. The tooltip will display what's in the tittle only. Example, put the mouseover the image below, the title = "div tooltip close with javascript document.ready". Anyhow, you can put these divs on the top of the page and close it on the bottom of the body, then EVERY title will...
Apr
10
The Best 3 Pop Ups For My NucleusCMS
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 4460 times |
If we search the net, we would find tons of pop-ups scripts, most of them based on the lightbox. After looking at many of these pop-ups scripts, we like these 3 best: Fancybox1.3.1, shadowbox 3.0.1rc (new version 3.0.3 doesn't display pdf file), and mediaboxadv. We like them so much, we created the plugins for Nucleuscms system. BTW, all these scripts can be customized to do more, but our plugins were designed for simple web pop-ups. NP_FancyBox.zip, NP_MediaboxAdv.zip, NP_ShadowBox.zip.
*****************************************************************************
1.NP_FancyBox.zip
Pluses:
- Write a script once and use it over and over for the same type of files or display.
- Change overlay colors on the fly, writing scripts with different color backgrounds and use them on the fly.
- Able to display JWplayer playlist using JWplayer.
- Play all flash players out there, JWplayer, Nonverblaster:Hover, Flowplayer.
- Scrollmouse scrollable for images/videos galleries.
- Totally Free.
Minuses:
- Not much documentation, need jquery knowledge to use.
2. Not automatically detects the types of file and assigns the correct players.
3. Doesn't have slideshow built-in. - 4. Jquery noconflicts need to be implemented, if not, will not work with other jquery scripts or mootools.
Browsers Compatibility
Safari works perfectly with Fancybox
Opera has some formatting problem with QT & MP4 players
Opera works fine with youtube
IE8 has formatting problem with Quicktime in Fancybox
Chrome has no problem...
Mar
26
NP_MediaboxAdv Plugin For NucleusCMS
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 5616 times |
The Original Website That Started This Plugin, please go here for more information about options
The newest version NP_MediaboxAdv131b.zip.
This page now is implemented with the new mediaboxAdv1.3.1b.js and use Quicktime to play .mov files (for MAC users using Safari) and JWplayer as default for Flash, MP4, and FLV.
For those who has the older version V1.0 or V1.0.1, just download this modified 131bjs.zip and the new NP_MediaboxAdv.php.zip. Rename the old NP_MediaboxAdv.php to NP_MediaboxAdv121.php, extract these 2 zip files and you're ready to go. Please feed back if you have any problems.
The NP_MediaboxAdv.zip V1.0.1 which uses Quicktime for .mov files download is here
Please replace "mediaboxAdv1.2.0.js" with the new "131b.js" while editing.
Please edit the "mediaboxAdv1.2.0.js" "131b.js" with notepad++ and give the nonverblaster player the path of your domain "http://yourdomain.com/yournucleus/nucleus/plugins/mediaboxadv/Nonverblaster.swf" for Nonverblaster player to work
Or if you want to use JWPlayer instead, then change the "true" to "false" in NB, give the "player.swf" the correct path then JWplayer will be a default player for flash.
To change ".mov" default player to flash player (nonverblaster or jwplayer) instead of quicktime if you want fullscreen option, just add the ".mov" to the "videos" container in the "mediaboxAdv-1.2.0.js" "131b.js" file.
There are instances that some people can't get the plugin...
Mar
11
Fancy Dates For Nucleus CMS
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 5692 times |
We like to put some fancy displays for all the dates on our blogs and we tried the plugins from NucleusCMS site and we could never get it to work. After reading and searching, we found a simple way using CSS to have our ways with the dates 
For the programming pros, please don't laugh, but it does work for our blogs. Anyhow, this is for people who knows nothing about web design or web programming. Again, it doesn't work with almighty troublesome IE.
First, we need to create some fancy images for the background of our dates, the size we use is 60x60 pixels. We will show how we did ours.
Second, we need to create the CSS for our blog, if you like, you can use ours and change your urls and images. In our css, we use 2 images, 1 for index page, and 1 for item page (just want to make life more complicated), therefore, the class fancydate can display any image we want just put our images accordingly. We have 6 blogs, so we only need to use 1 fancydate.css for all skins' head.inc. Anyhow, if you just use 1 image for your blog, just select...
Mar
08
NP_FancyBox For NucleusCMS V1.3.1
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 6217 times |
The Fancybox website... Please go here for more information
After tested with our website for a while, we pretty much feel comfortable to release the NP_FancyBox.zip. This plugin will automatically set noconflict for Fancybox jquery and load all 3 flash players for usage. This plugin also includes our collected jquery scripts that will this display most of the popular media types. If you installed all three plugins, you will have all the nice pop-ups ready to use for your nucleuscms blogs. We will post the usage in details next.
Our scripts will cover these types of displays and each type will have 4 colors of overlay:
1. Iframe, class="ir" (red), class="ib" (black), class="ibl" (blue), class="iw" (white), this class will display all href="text", "pdf","html","googlemaps"
2. Youtube videos, class="youtuber" (red), class="youtubeb (black), class="youtubew" (white), class="youtubebl" (blue), this class will display all href="full url of youtube video"
3. Youtube playlist, class="youtubeplr" (red), class="youtubeplb" (black), class="youtubeplw" (white), class="youtubeplbl" (blue), this class will display all href="full url of youtube playlist vides".
4. Movie (mp4,wmv,flv,mov,avi), class="movier" (red), class="movieb" (black), class="moview" (white), class="moviebl" (blue), this class will display all href="moviefile". Each type of "moviefile" will be defined with a player and the file to be played. There will be 3 standard files for...
Feb
09
NP_NotifyMe Plugin And Addthis.com
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 6336 times |
On our blogs, if we want the readers to subcribe to be notified for new posts, NP_NotifyMe plugin is the one we use. It's very easy to use. Just install the plugin and edit a few lines in the options: caption label = Subscribe, email address = our email address.
Now go to the skin in the admin area and place the <%NotifyMe%> in there.
For comments, we can place <%NotifyMe(itemsub)%> in the item comments area of the skin
These days we see the icon bookmark on most of the webpages, and the bookmark button comes from Addthis.com all we need to do is the get the code for the button and paste it in our skin part, either main or item. We did both, main index and item pages along with our NotifyMe plugin codes.
These 2 are simple to use, but extremely useful for Nucleuscms blogs.
Cheers,
Feb
08
NP_ShadowBox.zip
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 6614 times |
Due to "Shadowbox license expressly prohibits such redistribution" the plugin download is no longer available. Sorry. The only way to have this plugin is for you to create one for yourself and I'll write up the procedure when I have time...
Create your own ShadowBox plugin
Since the shadowbox has been updated frequently in the last few weeks, this one is for version 3.0.3, please go there to download all the files, make sure you select the base stand alone version and all the options available (check all)
Unzip this zip file, you will get a folder "shadowbox3.0.3/shadowbox3.0.3", get the inside folder (the folder that has all the files) and rename it to "shadowbox", move this whole folder to your nucleus plugins folder (http://yourdomain.com/yournucleus/nucleus/plugins/). Now we need the NP_ShadowBox.php.zip, download and unzip the file to the same plugin folder (NOT inside shadowbox), for the thumbnail, you need this thumbnail.php.zip, download and unzip it to the "shadowbox" folder (INSIDE shadowbox).
Now go to admin page, you will see the NP_ShadowBox plugin, and install it like normal. This version 3.0.3 seems to have the JWplayer in it already. Go back to the ShadowBox plugin for usage. For all the CSS3 glowing outline, I don't know how...
Dec
26
NP_FancierURL2 Plugin
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 5538 times |
What does FancierURL2 do? It converts the url like this
to this. It actually make it easier to reference a url within a blog and it does look nicer and cleaner.
In our blog that has many blogs built in, we can just type "http://ltooz.com/ltooz341/blog/NUCLEUSCMS" and it would go straight to the blog, which is nice because we don't have to remember all the characters if we don't have FancierULR2.
First we need to download the FancierURL2_v06.zip file and extract it, it contains 2 files, ".htaccess" and "NP_FancierURL2.php"
Upload the ".htaccess" to the root directory = nucleus directory = l2spage
Upload the "NP_FancierURL2.php" to the plugin directory like all other plugins.
Install the plugin
Since the plugin must be on the top page of all plugins, the best is to install this plugin as soon as we set up our blog with NucleusCMS. Now, since it's on the bottom, we have to move it all the way to the top, by clicking "move up" . Another way is to uninstall all plugins except this one and re-install them, which ever is faster for you.
When it's totally to the top, then we need to edit options. We don't want to display time/hour/days and we use UTF-8 in case...
Dec
25
NP_BlogIE 0.71 Plugin
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 5425 times |
We do need to back up our blogs once in a while if we don't want to loose all the article we wrote if somehow our website is gone and we need to restore our blogs. Nucleus CMS does provide Block Backup, but this one has database and the name of the absolute path must be the same as the backed up one. NP_BlogIE backs up blogs, but only the contents which are portable to any other blogs. We can back up the contents of blog A and import it to blog B, all categories and items will be transferable.
Click Admin or blogie on the side panel, select the blog to be backed up (export), check all the boxes with comments and click export. A pop up window will come up with a generic blogbackup.xml file to save.
Save the file and if we use the firefox then open the content to find the file to rename to a specific name since all blogie will have the same name blogbackup.xml
The good thing about this blogie is that we can import (restore) to any blog we want and it will automatically restore all items in all categories. We have a trial Nucleus...
Dec
17
Shadowbox For NucleusCMS
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 4777 times |
I played with the shadowbox 3.0.1RC a few weeks ago and I really liked it. I modified the NP_LightBox2 to NP_ShadowBox and I got it to work for my blogs. I don't know much about codes, but I modified so I can use it efficiently. Anywho, after trials and errors and gathered information on the Internet on how to "shadowbox", I ironed out all the bugs and here it is and it does even work with ie6 (the most popular but extremely hard to please browser). For those who wants to use it in an html webpage, go here .
Can't display text file with black text with black background. Can't figure out how to change the background color on the fly yet.
Modified Scripts to eliminate conflicts with LightBox2 plugins (rel="lightbox" used to work in shadowbox), without modifications, the shadowbox displays on top of the lightbox2 display.
NP_ShadowBox Usage
This plugin needs to include all the Shadowbox files & JW player5 files necessary to use, you need to download and configure since they can't be included in the plugin due to redistribution rights. Everyone needs to download the files him/herself.
To create this plugin go to NP_ShadowBox.zip
Load the NP_ShadowBox.zip to "yourweb/yournucleus/nucleus/plugins/" folder and...
Dec
17
Latest Entries & Current Category Items List
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 3599 times |
We have both 2 columns and 3 columns skin types, we like to show 10 latest entries when a blog is loaded and when a category is selected, the list of latest 10 items will show for that category. Frank had shown us how to do it and we write it up so we don't forget how to do it later.
Latest Entries
Current Category Items List
In order to do this, we need to create 2 new templates in the templates section: catshowsidebar and headlines.
Edit Templates
Codes that need to be placed in the sidebar or the 2nd bar in the 3 columns skins.
Update/save everything and we should have the display as shown above. The pop ups in this item is shadowbox which we really like now.
Dec
14
NP_CatShow
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 3110 times |
I had no idea how the NP_CatShow works until I understand the template of a skin, I tried to put in on the sidebar.inc and it didn't work, on the skin templates, there's index & item which we put the vars and they both seem to work. Anyhow, NP_CatShow is to show the list of the items in the current selected category. If we put the var on the index/item footer, then it will show at the bottom of each item at the display page. As the instruction on the plugin page the author recommended to put at the "item template/item footer". We want to see how it display when the var is placed at the "index template/item footer".
Now we need to place the <%CatShow%> at the item footer of the index template of every skin that we want to use, where is the item footer of index/item templates?
Edit the index template of the skin
Update the template and look at the blog, everything should show up at the bottom of each item (item footer)
Well, we looked at the index page , every page shows up to 10 titles after the end of each item, which are too busy looking, although...
Dec
10
NP_Views
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 1580 times |
If we want to see how many times an item is viewed at any given time, NP_VIEWS is the one to use, we set it up so we can see at the item page and the summary @ the Admin plugin page.
Well, first we need to install the plugin (assuming we're expert in how to install plugins by now) if not, then down load and extract the NP_VIEWS.zip, there are 1 folder and 1 file, copy both of these to your domain.com/yournucleus/nucleus/plugins/ directory, then go to admin page, click on the Plugins link (on the left column), go down to the bottom of the plugin page and select the VIEWS plugin, it should be there on the list, if not, then you didn't copy the folder & the php file to the correct directory. If you installed it correctly, you should see this
We left everything by default, but if you want to change the interval or something, click edit options
Now we need to place the var where we want it to show, which is every item in our blogs. Each blog has 1 skin, if we have 5 blogs, then we need to edit 5 index templates because each skin...
Dec
01
NP_CatlistVars Plugin
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 1291 times |
If we want the category list to show how many items are in each category, CATLISTVARS plugin is the one to use.
It's dependent upon which skins we use, we have to edit the template on that skin. Since we use the modified default skin, therefore, the pictures are from the default skin. On the left handside column of the admin screen, we should see the Templates shortcut. Anyhow, first, we need to install the catlistvars from the admin Plugins screen
Go to the Templates, select index template and scroll down to the Category List Item, add either (<%numitems%> 
or [ ] whichever brackets you want the number of items to be in.
When it's done, you should see the display as the first pictures with the number of items in the brackets you chose. If they don't show up, something is wrong with the modified skin that you use. I have one that doesn't show and I haven't figured out why yet!
According to the instruction at the plugin page, we need to edit the item template, in our skin templates, there are index and item, both contains the category list item, I tested them both, one with [] and one with (),...
Nov
08
NP_Tinymce Editor
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 1188 times |
Well, the editor is the most important part of creating a blog. I only use tinymce and NOT tinymce2. First, extract the zip file to your http://yourdomain/yournucleuscms/nucleus/plugins/ folder, go to admin page and install the plug-in. The default plug-in is missing a few plug-ins and options: italic, fontselect, spellchecker... I like to you use these, therefore, I must add them in the options. Click edit options and add these just like this picture . When we load the tinymce editor we should have these options $<%GreyBox(http://ltooz.com/nucleus_cms/plugins/tinymce/tinymce1.pgn|icons||image)%>. All of the icons are pretty self-explanatory if you ever use ms-word of other rich text editors. I like this tinymce because if we need to embed java codes, we can use the html editor which will actually works which tinymce2 doesn't. The media manager is also has more features like resize with constraint option which tinymce2 doesn't have.
Let's try to add a picture in the body of our item. Click the media add picture (the little tree), there will be this pop up window. If we need to upload pictures from the hard drive to the media folder (default=http://yourdomain/yournucleuscms/media/1/), but it will show all the folder inside media folder. If you want other users...
Nov
02
NP_LightBox2 Plugin
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 1066 times |
The pictures display plugins favorite is the LightBox2. This one animate the pictures very smoothly. The only draw back is the next, previous and close buttons are hard to see and it doesn't have slideshow just like the GreyBox.
To install the plugins, it includes 2 parts: 1 folder lightbox2 and a NP_lightbox2.php. Download and Unzip NP_lightbox2 to the plugins directory. Go to admin panel and install the plugins. After installed, go to the plugin and edit the options 
like this. URL is set to full and the size of thumbnails can be set to any size, but we prefer 100px. Add the <%LightBox2%> to the head(.inc) of the skins that you're using (in our case of default skins it's head.inc) like this 
**** NOTE: The thumbnails only display if the pictures are placed in any folder within the media folder (http://yourdomain.com/yournucleusfolder/media/yourpicturefolder)****.
Now, you're ready to use the LightBox2. If you use the tinymce 3.27p1, you must use the @ in front of the <%LightBox2(url|caption||images)%>. Go to Pictures in NucleusCMS for demos.
Oct
28
NP_GreyBox Plugin
Category: PLUGINS | Posted by: ltooz | Add comment | Viewed: 671 times |
GreyBox: We like the way GreyBox pops stuff up, this one is perfect for displaying external webpage (without leaving your webpage), register form pop up, pictures folder, the only draw back is that we couldn't get it to display thumbnails, it doesn't support slideshow (or at least we don't know how to yet), it doesn't animate the scale down/up of pictures like LightBox2, but the navigation bar is much better than the LightBox2. There's always hit and miss of any plugins, since we didn't write any, so we don't criticize, just use it accordingly.
Assumming we loaded the plugins into our plugins directory = http://yours.com/yournucleus/nucleus/plugins/ we should have 2 components, 1 is a greybox folder and one is NP_GreyBox.php in the plugins directory.
In the admin page click the plugin link (on the left hand column) and the list of plugins in the folder already installed and not yet install will appear . We already installed the GreyBox, but in the picture, you can see others that were in the plugins folder, but we haven't installed and we're not going to install. Assuming GreyBox is there, just select it and click install plugins.
Go to GreyBox plugin and click edit options , we only change the address to full and everything...
