Well laura wanted to do some roll over effects on one of her sites so I had to figure out how to do that. Well after lots of searching this was the solution I came up with.
First download jquery.js and upload it to the server
Second add these lines of code to your header.php or scripts section of your site:
<script type='text/javascript' src='location of jquery script'></script>
<script type='text/javascript'>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});
});
</script>
Then edit the CSS of your site and add these classes (styling may vary!):
div.fadehover {
position: relative;
height: 238px; /*this is to space your images*/
width: 360px;
}
img.a {
position: absolute;
left: 0;
top: 0;
z-index: 10;
border: 2px;
border-style:solid;
border-color: black;
padding: 5px 5px 5px 5px;
}
img.b {
position: absolute;
left: 0;
top: 0;
border: 2px;
border-style:solid;
border-color: black;
padding: 5px 5px 5px 5px;
}
Then you will just need to add these lines to your page:
<div class="fadehover"> <img src="startimage.jpg" class="a" alt="" /> <img src="endimage.jpg" class="b" alt="" /> </div>
After doing that you should have your achieved effect of the roll over and image swap
So last night I was bored and decided to redo my entire website (again). I just changed the theme about a week ago, but the more I dug into it the less I liked it and decided I would spend a little more time redoing my blog. After picking a theme I put it on a local copy of WordPress and started banging away. I started changing header images and fixing CSS issues with AJAX overlaps and image overlaps and fixing up a few other issues I noticed. This is usually pretty typical for themes I have found in the past. You get what you paid for and because all these themes are free I guess that would make sense.
For some reason some of my sites always freeze with the flash uploader, and chances are if I am bulk uploading I will just upload via FTP. I searched around for a long time for a plugin that would control the default uploader for WordPress and finally found it. You can change it via the plugin
So my favorite skin for gmail has finally completed and released their redesign for greader. I am a big fan of it and it looks really clean. Looks like for now you have to manually update the plugin for Firefox and then update the styles after that but the end result is very nice.
I wanted to wait until someone actually submitted a form using this plugin before I wrote about it. This plugin allows you to create contact forms, or any forms really, inside WordPress. It allows you to choose all the basic stuff like checkboxes, input fields, radio buttons and has a nice little CAPTCHA addon. To create the forms it is more or less drag and drop onto a new form. It also allows you to control the messages that come back when required fields are missing or if the form went through successfully. Then inside WordPress Admin you can view all submitted forms in a nice little table and export all form submissions. You also have the ability to push the submitted form to an email address and you can specify an SMTP server to use or you can just rely on sendMail function of PHP. I would suggest using the SMTP settings as this will insure that your email does not hit spam filters of the receiving email box. So far this plugin has worked out great for my ARP website as it has cut down on all spam by 100% and we are now getting more complete information thanks to the form validation features and it is all contained inside WordPress.
So this past weekend I decided that I had way too many categories and my tags were not correctly distributed or representative of all my posts. After reaching about 350+ posts it has become a little bit of a bear to manage these two things in a bulk fashion. So being a database kind of guy figured I would go directly against the database to just write some update statements to change this. Well, the data model is not that easy to understand and I was not able to really decipher how the relations are kept. So I looked in the direction of plugins for WordPress. Well luckily after a few tries I found a few things to help manage everything very effectively.
I found another WP Admin Theme that I am a big fan of because for some reason