by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Backgrounds
1.1 Body Backgrounds
1.2 Content Backgrounds
1.3 Web Design and Backgrounds
1.4 Background Web Design
1.5 How to design good backgrounds
1.6 How to use Images as Body Background
2 Background CSS
2.1 Background
2.2 Background Color
2.3 Background Image
2.4 Background Position
2.5 Background Repeat
2.6 Background Attachment
2.7 More about this Topic
Web Design Backgrounds
Web Site Backgrounds are [...]… Read more →
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 15 Disney Look
1.1 The Web Design Elements
1.2 The Implementation
1.3 More about this Topic
Web Design Workshop 15 Disney Look
Yesterday’s Web Design Workshop was just fun! The goal was to change the look and feel of a site by modifying a few elements of the style-sheet. We [...]… Read more →
by Yorgo Nestoridis
Contents
[ hide ]
1 What is CSS
1.1 CSS and HTML
1.2 How to start creating a Style Sheet
1.3 Example
1.4 Write your Style Sheet
1.5 How to create a separate style-sheet file
1.6 More about this Topic
What is CSS
CSS or Cascading Style Sheets are declarations which allow to define the look and feel of a website. [...]… Read more →
by Yorgo Nestoridis
Contents
[ hide ]
1 Web design Workshop 14 Layout with Semiomantics XO
1.1 1. The Site width
1.2 2. The Sidebars
1.3 3. My Project – My choice
1.4 More about this Topic
Web design Workshop 14 Layout with Semiomantics XO
Semiomantics XO includes multiple layouts and we can play with site width, sidebars as well as some [...]… Read more →
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 13 User Statistics
1.1 User Statistics
1.2 Most Used Browsers
1.3 Most used Operating Systems
1.4 Browser Display
1.5 Color Depth
1.6 Conclusions
1.7 More about this Topic
Web Design Workshop 13 User Statistics
Semiomantics XO provides a few configured layouts which allow to quickly change the look and feel of the site. Your [...]… Read more →
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 12 Blockquote
1.1 Pullquote Example 1
1.2 Pullquote Example 2
1.3 Pullquote Example 3
1.4 Pullquote Example 4
1.5 Pullquote Example 5
1.6 More about this Topic
Web Design Workshop 12 Blockquote
A special set up allows you to use blockquotes as PullQuotes in Semiomantics XO without Java Script. This is a nice [...]… Read more →
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 11 Background
1.1 The Background
1.2 The Image
1.3 The Background Image Fading
1.4 The Background Style
1.5 More about this Topic
Web Design Workshop 11 Background
Now that we have formatted about all the content of our page, let’s add a background. The Style-sheet allows for adding a background color and [...]… Read more →
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 10 Content Fonts
1.1 Post Content
1.2 1. Post Title
1.3 2. The Date
1.4 2a The Author
1.5 3. The Subtitle (commercial release only)
1.6 4. Post Subtitle h2
1.7 5. Post Content Font
1.8 6. Additional Meta Information (commercial release only)
1.9 More about this Topic
Web Design Workshop 10 Content Fonts
Our Content [...]… Read more →
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 9 Left Content
1.1 The Content Style – default style-sheet
1.2 The Desired Result
1.3 More about this Topic
Web Design Workshop 9 Left Content
Let’s look at our main content area where our posts and page content will be on display. There are quite a number of items to [...]… Read more →
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 8 Footer
1.1 The Semiomantics XO Footer
1.2 Footer Text Formatting
1.3 More about this Topic
Web Design Workshop 8 Footer
The footer of a WordPress based site can have many more functions than just to serve as the sport for copyright notices. It’s a place where widgets can add [...]… Read more →