Home » Website Design
Category Archives: Website Design
Transferring files from your PC to the website server
Example features Windows 10 First load Windows file explorer (not Internex Explorer or any other browser). You can find File Explorer in the Start menu. Click in the large box just to the right of the name of the folder displayed, in the case below “This PC.” It will then highlight blue as below: Now […]
01 Website design CSS 3 Primer
CSS is an abreviation of Cascading Style Sheets. It’s purpose in web design is the HTML elements will appear on the chosen media. For example a printer, a PC display or mobile phone. Maintenance or updating of a complete website design can be changed by editing one file or stylesheet, often named style.css, but can […]
Using CSS 3, how can I make my website logo image fade in
Let’s assume your image has an id tag called logo in your html <img id=”logo” src=”/img/mylogo.jpg”> All you have to do is add this CSS to your style sheet, the duration of fade in is 3 seconds. Obviously you can set the starting opacity to 0, i.e. invisible or to something like 25%, e.g. opacity:0.25, […]
Installing WordPress Plugins
Always have a backup of your WordPress site, belt and braces is best. Use your file manager or FTP to make a copy of the site and use and export your WordPress database using mySQLi admin on your local PC. Plugins can interact with each other so try out the plugin with the others inactivated […]
The “Perils of Plugin” – or how I learned to live dangerously
Why might I want a plugin? It does something that is useful that I don’t know how to do and I’m not going to pay a WordPress developer to do it Ta very much. “The site really looks good now I have a load of butterflys making love to the world in the corner.” If […]
Setting a different header image on a mobile phone
This method can be used both in a WordPress website or a non-WordPress web design. Basically, I’ve made here an assumption that the website design header image is displayed as a background image in a div called header. The need for any positional information is ignored here for clarity. Assuming the header image is 1080 […]
Using CSS3 @media Rule to produce a responsive WordPress website design
Firstly, you can set style by selecting a particular style sheet for different screen resolutions or media types and devices. <link rel='stylesheet' media='mediatype and|not|only (media feature)' href="stylesfile.css"> However, the @media is a CSS rule that allows you to set different styles for diferent screen resolutions or media types/devices. CSS3 uses media queries to check out […]
How do I use both a SEO keyword rich domain name and a brand orientated domain for a single website?
A good website designer should know the answer to this one. Simply host your website (html or WordPress) using the SEO keyword domain and use Web Forwarding to point the branded domain to this site. In 123-reg and when using our webhosting you can simply select the web forwarding option and select the branded name, […]
CSS using ‘margin auto’ but won’t centre
So you are trying to be a good web developer and using CSS to centre an element within your website design. You are using something similar to below to centre your image or div and it refuses to centre? margin:auto; margin: 0 auto; Basically if the browser is told how big it is, then it […]
How do I apply multiple CSS classes to a HTML tags when website designing?
Applying the website design classes To use more than one class inside the HTML tag in the class attribute, simply use both separated by whitespace. For example this uses two classes called class1 and class2. <div class='class1 class2'> Your website design code </div> Defining the website CSS classes To have some CSS restricted to […]