Category: Webdesign-tuts

Post Pic

5 WordPress Tips and Tricks You Must Know – Part 2

Hi again everyone, If you have been following our previous post “5 WordPress Tips and Tricks You Must Know – Part 1” then you already know that it covered the following topics: 1)     Adding a custom “Read more” button. 2)     Displaying post thumbnail using custom fields. We continue our coverage for the remaining three tips [...]

Post Pic

5 WordPress Tips and Tricks You Must Know – Part 1

Hi all, in this simple tutorial we are going to explain how to tweak certain WordPress features to add customized non-standard functionality. We will mention in this post how to customize the “Read more” button in various ways. In addition, we will cover the process of using a custom field to display a post thumbnail. [...]

Post Pic

PSD II HTML – part 4 (final)

Peace be upon all of you, We continue in this post our coverage of converting a photoshop mockup into an XHTML/HTML page. This is our final post in this series. Please see previous posts on the same topic to follow up with me. In the previous posts; we covered one of the four sections of [...]

Post Pic

PSD II HTML – part 3

Peace be upon you; In the last post; PSD II XHTML part 2; we wrote simple CSS styles to format selected elements on the XHTML page. We continue in this post to write CSS styles to format the rest of the elements on the page. My method is to do things step by step so [...]

Post Pic

The Journey #2

For those following us in our journey to learn Flash and Web Design, I have complied a preliminary links that I will be following in my quest to acquire the knowledge I seek. The list contains the things I will be doing in the next few days/weeks in order to enhance my design and programming [...]

Post Pic

PSD II HTML – Part 2

Peace upon on You all. In the previous post we have prepared our XHTML document and now we are going to write the CSS styles for this project. So let’s begin. Just to recap; the XHTML code is as follows; I have just added the <link> tag to link an external style sheet to the [...]

Post Pic

PSD II HTML – Part I

Peace be upon You fellow CSS enthusiasts; Today I am going to start an adventurous project to convert a PSD mockup to fully functional XHTML page. This is part of journey to learn CSS. The PSD was obtained from Template Monster; a site that is specialized in selling web templates. The template we are going [...]

Post Pic

CSS in Action – Part II

Peace be Upon You all; Welcome again to my blog. Today we continue our tutorial on creating CSS styles. We are going to create an external style sheet. External style sheets are CSS styles that are written in a text file with extension .css and then linked to the XHTML document through the <link> tag. [...]

Post Pic

CSS in Action – Part I

Peace be Upon all of you, Today we are going to create our first CSS style. A CSS style has the following structure: Selector: this is mainly an HTML element. Declaration Block: This includes declarations, with all the formatting options for styling the selector. Declaration: Each declaration is made up of two parts; a property [...]

Post Pic

CSS Selectors!!

Peace upon You my fellow CSS’ners. I will cover today the different CSS selectors. First let’s talk about the parts that make up a style sheet. Style sheets consist of a selector and a declaration block. A single declaration block would be made of a single or multiple pair of properties and values. For example [...]