Blog

Archive

Categories

Friday
21
May
2010
Mark
0

Slightly more complex sprites

Welcome to part 2 of the 3 part sprite series. If you missed the first part then go check out my ’Simple sprites’ post. So what happens when you’ve got a menu based on say a map where you might have a bit of an overlap with your sprites? If you create a sprite the traditional way then you will notice that when you hover on your link there will be a slight hover on another link. Let me demonstrate. Here’s what we want to have: If we were to use a normal sprite it would look like this: (...)
HTML , CSS , Tutorials
Wednesday
19
May
2010
Mark
0

Simple sprites

This is the first of three tutorials on sprites. So lets start with the basics. Sprites are a very good way of having hover effects on an image using only CSS and no javascript. It also puts many images into one to reduce the total page size and requests per page. It is best used in image menus. The premise behind sprites is simple. You have an image containing all of the images and their hover states. You have ’a’ tags for each image you want (keep in mind you can do this with any block (...)
HTML , CSS , Tutorials
Tuesday
27
Oct
2009
Mark
0

Tutorial - Creating a SPIP Plugin: Part 4 » SPIP Functions

Now for part 4 of the SPIP plugin tutorial. If you haven’t read the proceeding parts of the tutorial you should check out part 1, part 2 and part 3 before continuing. In this part of the tutorial I will get a little deeper into how SPIP works and how this will affect how your plugin is made. It is important that you understand these concepts especially if you wish to create a complex plugin. SPIP automagically performs functions using a charger function. This function takes two parameters; (...)
SPIP , Tutorials , Plugins
Sunday
25
Oct
2009
Mark
0

SPIP Override

As some may have noticed when making sites in SPIP the jQuery library that comes with the package is way out of date. Unfortunately when you add #INSERT_HEAD to your template this old file is added and creates errors when you try and manually add your own. There is a simple little fix for this and I will explain how to do it and why it works. In the past we would simply not use #INSERT_HEAD and instead create our own head template with the up to date jQuery library. The problem with this (...)
SPIP , Tutorials
Sunday
25
Oct
2009
Mark
0

Tutorial - Creating a SPIP Plugin: Part 3 » Options, Functions & Pipelines

So now we’ve covered the plugin.xml file & plugin installation. Now we will cover the options and fonctions files as well as the pipelines that we put into our plugin.xml file. Options If you remember back to part 1 of the tutorial we have the option of using an options file using: <options>prefix_options.php</options> We will put this in the root of our plugin but you can put it wherever you want as long as you specify the directory in the xml. This file is used to set (...)
SPIP , Tutorials , Plugins
Pages
© 2009—2012 Odyssey Web Design & Development | Home | Disclaimer | Powered by SPIP