From our hotly anticipated video series on how to customise a HostPay template, i’m pleased to announce the release of the second installment. In this video you’ll find out how to create gradient images, change the background colours of page elements, changing bullet styles and also how to change button colours. In the third and [...]
We’ve had a few requests from our reseller hosting customers wanting to know how they can incorporate their own logo into a HostPay installation that uses a gradient as a background image.
I’ve created a tutorial to show you how easy it is to create your own gradient background and also seamlessly overlay your logo over the top.
For this demonstration I’ll be using Adobe Fireworks to create the graphics needed, the same method can be applied using other popular graphics package including The GIMP (Freeware), Adobe Photoshop etc, though the way an effect is achieved may vary from package to package. The final result will create two separate images, a thin 5px width gradient graphic that goes from light to dark blue and a transparent logo.
It’s my pleasure to announce the release of our 3rd Premium style HostPay template. This web 2.0 style hosting template comes in four different colour variations: blue, red, green and grey and is available to all our Reseller hosting customers completely free of charge. Following on from the theme of our previous templates it’s CSS based, XHTML/W3C standards compliant and extremely easy to modify and adapt to your own brand, we’ve made everything as highly configurable as possible only using images where needed.
We’re going to show you how to make expandable rounded corners with CSS. Using our method will require only 6 HTML tags and one background image (yes, ONE image for all 4 corners!). It also validates, works across all the major browsers, and looks great in your source code. Download the full rounded corners tutorial [...]
This tutorial will show you how create a navigation for your website using CSS and a single image so there’s no loading times for the rollover states, resulting in smoother transitions. The trick to creating a seamless rollover is to have both the normal and hover (Rollover) states in a single image and then use [...]
Web hosting blog
