Latest version 1.0.1

Download the latest version

Features

• Web 2.0 graphics
• Plugin outputs XHTML valid code
• Change sizes of the video comfortably through widget panel
• Easily customizable CSS
• Add up to 20 videos

You can add up to 20 videos. Music, tutorials, ads or whatever you want.

How-to

• Download plugin from WordPress repository.
• Unzip and upload it to \wp-content\plugins\. Or you can go to the admin panel:
  • Plugins –> Add New
  • Type “advanced videobox” into the search field.
  • Install.
• Drag the widget instance to the widget panel of your choice
• Choose number of videos and SAVE widget to see correct number of the input fields.
• Add width and height of the videos
• Add title and code for each video
• If you want to display customized video player, you have to check “Enable parameters”. Don’t do that if you want to keep code of the video XHTML valid.

Did you find this plugin useful?
Please, consider a small donation.
Thank you very much!

Latest version 1.1.1

Download the latest version

Features

• Easy to use
• Automatic detection of the uploaded fonts
• Preview of the uploaded fonts
• Automatic detection of the fontFamily parameter
• Option to enable only font you really want to use
• Code tips

All-In-One Cufon admin panel with code tips, fonts preview and field where you set your font.

TODO

• Display size of .js file
• Display one test line with all fonts together

How-to

• Download plugin from WordPress repository.
• Unzip and upload it to \wp-content\plugins\. Or you can go to the admin panel:
  • Plugins –> Add New
  • Type “all-in-one cufon” into the search field.
  • Install.
  • First you have to generate JavaScript file of your .otf, .ttf etc. font file. To generate this you have to go the Cufon generator.
    Make sure the EULA of the font permits web embedding.
• Create a folder called /cufon-fonts/ in the wp-content/plugins/ directory, where you need to upload your generated font .js files.
• When you’re done, just go the admin panel: Settings–>All-In-One Cufon
• There you will instantly see fonts that were detected in your \wp-content\plugins\cufon-fonts\ folder.
• Enable fonts you wish to use.
• The last step is adding the Cufón code.

Adding Cufon code

Add Cufon code to the Cufon’s code field. Basic code for replacing h2 element looks like this:

Cufon.replace('h2');

For more complex element you can use code like this:

Cufon.replace('#top-menu.menu');

1. Add gradient to the font:

Cufon.replace('.cufon-gradient', {
                	color: '-linear-gradient(red, blue)'
                    });

2. Add shadow to the font:

Cufon.replace('.cufon-shadow', {
                    textShadow: '2px 2px red'
                    });

3. Add gradient and shadow to the font:

Cufon.replace('.cufon-gradient-shadow', {
                	color: '-linear-gradient(blue, yellow)',
                        textShadow: '2px 2px #C0C0C0'
                    });

4. Add gradient and shadow to a link:

Cufon.replace('a.cufon-gradient-shadow-link', {
                	color: '-linear-gradient(#FF9900, #000000)',
                    textShadow: '2px 2px #C0C0C0',
                    hover: {
		textShadow: '2px 2px #C0C0C0',
		color: '-linear-gradient(#99CC00, #000000)'
	}
                    });

Cufon can apply gradient and shadow to links.

5. Set font, gradient and hover.

Cufon.replace('a.cufon-easy', {
                    fontFamily: 'Sketch Rockwell',
                    color: '-linear-gradient(#FF6600, #33CCCC)',
                    hover: {
            		textShadow: '2px 2px red',
            		color: '-linear-gradient(black, white)'
	}

Cufon is easy to set up.

6. Add gradient, shadow and transparency to a shadow:

Cufon.replace('a.cufon-transparent', {
                	color: '-linear-gradient(#FFFFFF, #99CCFF)',
                    textShadow: '10px 10px rgba(0, 0, 0, 0.3)',
                    hover: {
		textShadow: '10px 10px rgba(0, 0, 0, 0.3)',
		color: '-linear-gradient(#FFFFFF, #969696)'
	}
                    });

CSS code

.cufon-transparent { display: block; font-size: 40px; background: url(images/cufon-bg.jpg) repeat; }

Cufon can work with transparency in links.

You can find much more info on this amazing script on the official Cufón’s pages.
They also have active forum, where you can ask all your questions regarding Cufón.

Did you find this plugin useful?
Please, consider a small donation.
Thank you very much!

Latest version 0.9.1

Download the latest version

Features

• Plugin outputs XHTML valid code
• Change sizes of the video comfortably through widget panel
• Due to WP widget architecture you can add unlimited number of the widget instances

How-to

• Download plugin from WordPress repository.
• Unzip and upload it to \wp-content\plugins\. Or you can go to the admin panel:
  • Plugins –> Add New
  • Type “youtube videobox” into the search field.
  • Install.
• Drag the widget instance to the widget panel of your choice
• Add width, height and code of the video
• If you want to display customized video player, you have to tick “Enable parameters”. Don’t do that if you want to keep code of the video XHTML valid.

Create widgets and put your videos anywhere

Adding widgets is not limited only to sidebar. You can widgetize any part of your site. It’s incredibly easy!
This is CSS of the widget. Note that width of the widget is set to auto. This allows using setting different sizes of the video without setting new sizes of the widget in CSS.

.widget            { width: auto; margin: 0px 0 10px 0; }
.widget p          { padding: 10px 10px 10px 10px; }

In functions.php you have to register your sidebar:

<?php
if (function_exists('register_sidebar')) {
//Video widget 1
    register_sidebar(array(
    'before_widget' => '<div id="%1$s" class="%2$s widget">',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',
    'after_widget' => '</div>',
    'name' => Video widget 1));
//Video widget 2
    register_sidebar(array(
    'before_widget' => '<div id="%1$s" class="%2$s widget">',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',
    'after_widget' => '</div>',
    'name' => Video widget 2));
}
?>

The last thing we have to do is add widgets to our code.
Video widget 1 in the footer:

<div id="footer">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('Video widget 1')): else : ?>
<!-- some code -->
<?php endif; ?>
</div>

..and Video widget 2 in the sidebar:

<div id="sidebar">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('Video widget 2')): else : ?>
<!-- some code -->
<?php endif; ?>
</div>

Did you find this plugin useful?
Please, consider a small donation.
Thank you very much!

This is how you can set color for ‘current’ item:

You have to use class li.current_page_parent:

#suckerfishnav li.current_page_parent,
#suckerfishnav li.current_page_parent,
#suckerfishnav li.current_page_item {color:yellow;}
#suckerfishnav li.current_page_parent a:hover,
#suckerfishnav li.current_page_parent a,
#suckerfishnav li.current_page_item a {color:yellow;}

And now how to keep homepage item of menu highlighted:

1.  In plugin’s settings disable viewing ‘Home’ item. From now on you are not going to need it.

2.  Create new page and name it ‘Home’ …or how you want to.

3.  If you want this page to be viewed as first you have to set order value of the page lower than other pages. Now the item ‘Home’ should be on the first place in your menu.

4.  Go to Settings–>Reading and set your posts page to be viewed by clicking on the ‘Home’ link. Now every time you click ‘Home’ item in your menu, you will get to your homepage.

5.  The last problem is the URL in the browser. It is viewed like this:

Probably you will want the URL after clicking on ‘Home’ item to be www.yourdomain.com without the ‘/home/’. This issue we can easily solve with Page links to plugin. You can get it here or install it directly via ‘add new plugin’ panel.

6.  The plugin adds option ‘page links to’ to the page’s options. Just type in your domain’s URL and that’s it. Multilevel navigation plugin’s Home item issue is solved.