Tag Archive

Transparent Backgrounds

Copyright © 2009 Bianca Gubalke. Visit the original article at http://biancagubalke.com/bianca-gubalke/transparent-backgrounds/.Transparent Backgrounds Transparent backgrounds are no common feature in Blogs or Websites and there is a reason for it: they can become too dominant and therefore distract the attention from what we wish to focus our readers on: our Content. And of course not everybody has...
Read More »

Web Design Workshop 17 Resizing Large Background Image

By Yorgo Nestoridis Contents [ hide ] 1 Web Design Workshop 17 – Resizing Large Background Image 1.1 Large Background Image Marble Stadium 1.2 Edit the image in Gimp or Photoshop 1.3 Apply the Background to the Site 1.4 Ycademy Web Design Workshop Web Design Workshop 17 – Resizing Large Background Image Web Design Workshop 17 follows Workshop 16 where we...
Read More »

Web Design Workshop 16 – Scroll over Background

By Yorgo Nestoridis Contents [ hide ] 1 How to let your Content Scroll over the Background 1.1 Background CSS 1.2 CSS Background Properties 1.3 Background Attachment 1.4 CSS Fixed Background Example with Semiomantics XO 1.5 Web Design Workshop by Ycademy How to let your Content Scroll over the Background Scr5olling over a background image may save resources, namely if you use...
Read More »

Blockquote, Pullquote and Code

Blockquote and Code On WordPress powered web sites Blockquote and Code tags can help to edit posts in a more attractive and differentiated way. By Semiomantics XO styles the blockquote as a “pullquote”; the difference between block and pullquote is that text wraps around pullquotes, while blockquotes keep empty space left or right of the...
Read More »

Web Design Title Fonts

by Yorgo Nestoridis Contents [ hide ] 1 Web Design Title Fonts 1.1 Title Fonts 1.2 Flash Fonts 1.3 Installation 1.4 Get Title Fonts 1.5 Title Fonts Configuration 1.6 CSS Customization 1.7 My Title Fonts – the Result Web Design Title Fonts Title fonts, namely on your home page can completely change the look and feel of your site. One of the ways to...
Read More »

Photo Sprites Menu Tutorial

Original Article at Photo Sprites Menu Tutorial.

Photo CSS Sprites for WordPress — Free PSD Contents Photo CSS Sprites for WordPress — Free PSD 1. Create the Image file in Photoshop Download the PSD File Open the PSD file in Photoshop and inspect it...
Read More »

How to Create an Ad with Rollover Effect

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis/how-to-create-an-ad-with-rollover-effect/.Add Rollover Effects to your Ads The principle is simple: the ad consists of a styled link, the style consisting of positioning a background image with a rollover effect when the mouse passes over the image (hover). When clicking on the image the target...
Read More »

Simple Sprites Menu

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/simple-sprites-menu/.How to build a fading Navigation with Sprites To build a navigation bar using sprites we need an image (menu design), some CSS code to style the menu area and some HTML code to link the menu to target. Finally we drive the feature...
Read More »

Christmas Skin for XO 2011 WP Theme

Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/semiomantics/christmas-skin-for-xo-2011-wp-theme. Contents [ hide ] 1 Time for a High Performance WP Christmas Theme 1.1 How to create a Christmas Website with Semiomantics XO 2011? 1.2 Sophisticated Christmas Theme for WordPress 1.3 Join our calls this week and we will build your site together...
Read More »

Edit WordPress Theme CSS

Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/edit-wordpress-theme-css. Contents [ hide ] 1 Edit Theme CSS with Firebug 1.1 2 Good Reasons for using Firebug 2 Test your Site with YSlow Edit Theme CSS with Firebug Tonight’s call will focus on the use of Firebug to quickly test and edit your...
Read More »

How to Customize WordPress 2

Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-media/how-to-customize-semiomantics-thesis. Contents [ hide ] 1 How to Customize Semiomantics Thesis 1.1 What are CSS Classes and IDs? 1.2 Example: ID 1.3 Example: Class 1.4 Custom IDs and Classes in Thesis 1.5 Thesis Custom CSS How to Customize Semiomantics Thesis After Basics CSS Syntax...
Read More »

How to Customize WordPress

Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/how-to-customize-wordpress. Contents [ hide ] 1 Customize WordPress Style 1.1 Basic CSS Syntax 1.2 Inheritance 1.3 Commenting Tags 1.4 Note Customize WordPress Style To customize your WordPress based website, it is useful to have some knowledge about CSS. CSS stands for cascading style sheet:...
Read More »