New WordPress theme installed!

March 3rd, 2010

Woo-hoo! My new WordPress theme is now installed. I obviously still have some tweak to do…such as a nav, style the footer, and some other minor stuff, but all-in-all, a success! I learned a lot by doing this re-theme. Mainly because I did it the correct way this time, instead of my quick and dirty method. Let me know what you think!

Almost done!

March 2nd, 2010

Check the link in the previous post! I am almost done with the new theme. I may even install it here tonight! There was a lot of trickiness involved, and some CSS even I haven’t seen before. Such as this:

.entry ul li:before, #sidebar ul ul li:before {
      content: "0BB 020";
}

You know what that does in the default theme in WordPress? It adss >> in front of all the sidebar list items. REALLY damn annoying. I searched the code for about 20 minutes and googled my rear off. Finally got the right search terms to bring up a forum post of someone trying to do the same thing.

Apparently you can use the content property to add things to the html…such as this example:

a:after {
     content: " (" attr(href) ")";
}

That adds the URL in parenthesis after each link. Interesting bit of css right there. Can’t think of a reason why I would use it off the top of my head, but still cool.

Redesign progress, and a link

February 26th, 2010

So, I thought I would post a link so anyone interested can see the changes as they happen for my redesign. If you check it out and you see a totally different theme up there, don’t worry, I’m just using it to check something out. I kept working on my jQuery slider last night, by adding a list that can also control the slider’s movement. Was actually quite easy…here is snippet for the list javascript.

$('#controlList li').click(function() {
	currentPosition = ($(this).index());
	$('#slideWrap').animate({'marginLeft' :
        slideWidth*(-currentPosition)});
});

What does this do? GREAT question. The first line is to get all the list items in a div with an id of controlList, and put a click function on them. The second line is to set the current position of the slider equal to the li that was clicked. So if you click the third list item, currentPosition is = to 2. Why 2 you ask? Because the index of something starts at 0, which is good, because here, currentPosition is set to 0 at the start also.

The third and fourth line move the slider the width of an individual slide times the negative position. Why negative? Because we are always adjust the left margin of the slider, and it starts at 0. To get to slide 2, the margin left is going to be -1 x the slide width, to get to slide 3 it will be -2 x the slide width, and so on.

AWESOME read if you use jQuery

February 23rd, 2010

I haven’t finished reading this thread, but seriously, it is extremely entertaining. I can’t begin to understand any of the technical garbage these guys are going on about, but if you use jQuery or are a javascript writer at all, you will find this interesting.

Write Javascript and preview it easily!

February 22nd, 2010

Found this awesome link browsing through something or watching a video. Sorry, can’t remember specifics, but now that I have it, I use it all the time. Check out JS Bin.

Type your javascript on the left, paste in your html/css on the right, select what javascript library you would like to use, and finally click preview!

Special note – do NOT click the Revert button unless you REALLY want to clear everything. Otherwise, it deletes out what you just put in. Found that out the hard way. I thought it was a refresh button at first, and it took out everything I had just typed. Sucked.

Also, if you are using a library that it does not have in the include drop down box (Ext. for example), no problem. Just paste in a script tag that links to it in the html head on the right. And bingo!

Make use of it, I am!