Author Archive

WordPress: New Guides

No
responses
by
on
July 3rd, 2004
in
General, WordPress Hack

I’ve put together 2 quick pages that cover: – Creating new Quicktags in the post area to save having to type out those tags that you may use very often but are not in the default install. – Replacing your WP login password with a new one using phpMyAdmin. Both have screenshots. They can be found, along with the WP CSS and FTP guides at http://www.mfr.f2s.com

[Continue Reading...]

FTP Pie

1
response

This is from the blurb on the page – “Your ISP offers you 30MB of disk space, but doesn’t tell you how much space is used! This tool enables you to get a usage piechart from your FTP service, showing which directories are taking the most space, and to drill down into those directories to see which are the largest files. Simply double-click on a pie segment to drill down!” I’ve been using it today to get a better picture of what’s going on with one of my domains, and it’s damned useful! It is not able to look into folders that have very restricted permissions – remember this is looking in from the outside so to speak – and I had to use the remote address as given by my ftp program for it to find the right path in, but it does do what it says. Why can’t […]

[Continue Reading...]

Random Image Header

18
responses

I was looking for a way to alter the image randomly on my WordPress weblog, but as the header image is called from a CSS file, I was unsure quite how to do it. I am unsure no more ! PhotoMatt wrote a random image script, the details of which can be viewed here. Although I use WP, this will work for any blog that has an image called from the CSS. I did this; – Created a folder on the server called ‘headers’ – Into that, I uploaded several different images that would suit as a header image. – I saved the script above as a php file (call it what you will – mine is ‘rotate.php’) and uploaded into the same ‘headers’ folder. Now I edited the CSS file. In WP, there is a line in #header which can be used to specify a url for the image […]

[Continue Reading...]

This is me

3
responses
by
on
April 13th, 2004
in
General

Mark suggested I introduce myself …… Self taught in all things html / css, I know nothing about php (yet), using WordPress since early January (before that tried Blogger / MT / Nucleus and more – didn’t like them) prior to that I hand coded, love playing with code and breaking it because then I can see better how it works, and am nearly always to be found in front of my computer. Other interests include bodyart (27 piercings, 3 tattoos, 2 implants), console gaming, I wrote and maintain www.abody.co.uk (a bodyart studio site), I run the interviews and statistics part of www.ukbodyart.org and I’ve not long bought Diablo 2. My site is www.tamba2.org.uk There’s probably more, but I won’t bore you any more 🙂

[Continue Reading...]

Customise the WordPress Comments Page

3
responses

Change the font, font size, add borders / images / background colours to the comments themselves or just the page background. Font Changes In wp-layout.css, add this; ol#commentlist p { font-family: Tahoma; font-size: 100%; } This is the font that the comments will be displayed in. Change to suit your site. Add Borders ol#commentlist li { border-left: solid 1px #ff0000; border-right: solid 1px #ff0000; border-top: solid 1px #ff0000; border-bottom: solid 1px #ff0000; margin: 10px; } This will add a border around each post, and separate the posts by a margin of 10 pixels. The colour there is red, so alter as you will, and for those borders that you do not want, just remove the line required. You could always have a dotted line instead of solid too. Comment Image Add this line to the above code: background-image: url(‘image.gif’); This will place an image behind the comment entry. You can […]

[Continue Reading...]

Image alignment & Drop shadows

9
responses
by
on
April 12th, 2004
in
Weblog Add-Ons, WordPress Hack

Mark posted a while back (link) a quicktags improvement that included the ability to have drop shadows around your image. Visit that link to get the code and follow the instructions for adapting your current setup. I’ve adapted it so that the image can now be left or right aligned with text wrapping, and I’m assuming that you have added the CSS from that link to your ‘wp-layout.css’. Add the following to your wp-layout.css; .img-shadow1 { clear: both; float:right; background: url(images/shadowAlpha.png) no-repeat bottom right !important; background: url(images/shadow.gif) no-repeat bottom right; margin: 20px 0 0 17px !important; margin: 20px 0 0 8px; } .img-shadow1 img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } div.clearer { clear: left; line-height: 0; height: 0; } The instruction <div class=”img-shadow”> will produce a left aligned image. The instruction <div class=”img-shadow1″> will produce a right […]

[Continue Reading...]



Obviously Powered by WordPress. © 2003-2013

css.php