Over the past few day I have been trying to perfect some small areas of my theme (you know how can never just be happy but always have to tweek) and some have been challenging, and I have searched the internet up and down and some I could not find the answers for on one site I had to make a mix match bit of code to fix things. If you look around you may find some of these changes but I will point them out and say how I did them.

Title

This is the most notable change, the title is now in the top bar and the date has been reformatted to a shorter form.

Here we came across some problems because we wanted half the font to go left and the other half right, our solution was to put it in two separate div’s, but then we came across the problem of in some browsers div go on to separate line. We found this very clever bit of trickery that give one a margin and a width and this seem so fix it. I wanted to shorten the date’s formate and that was pretty obvious how to do just google it. Just to help you understand here is the code.

CSS (just add the CSS you don’t need to change any)

Old Index page code

New Index page code

As you can see there was a lot to that.

Comments

In my comments I have finally managed to implement code that highlights the authors comments. I found it hard to find stuff to work with my theme. If you search google you will find hundreds of tutorial on how to highlight the post authors comments but none seemed to work with my theme, but I found a way around it. Again I will show you the code to help you understand what I did. If you are not using a Cutline theme I would suggest using this tutorial.

Old Comments PHP

New Comments PHP

CSS (just add the CSS you don’t need to change any)

Flickr

The final thing that I changed was the Flickr style, Originally the Flickr images I have in my sidebar had coloured borders with a change when you hover over. To do this I use the linked image style in my CSS, but I shortly found this would affect the whole site, and had to change it back. There is actually a specific way to do it. I will show you the code in the hope that it helps. (I use a plug in to get them in my side bar click link)

CSS (just add the CSS you don’t need to change any)

Well that is basically it, I had fun doing it although it did get frustrating at times and I have learnt a lot since I did it. Hope if anyone is looking for help this does that. I guess that is it bye.

Bookmark It

Hide Sites