The Image Caption Style

February 14th , 2012 → 11:00 am @

Enjoy your Valentine! No related posts.
No related posts.
Related posts:

  1. Happy Valentine
  2. Meta Tag Styling on WordPress
  3. XO Theme Typography
  4. Happy Valentine Gals and Guys
  5. Web Design Workshop 17 Resizing Large Background Image

Category : Yorgo Nestoridis

Happy Valentine

February 14th , 2012 → 10:39 am @

Enjoy your Valentine!

Related posts:
Happy New Year After Effects
How to Customize your WordPress Typography
12 Principles of Animation with After Effects

Related posts:

  1. Happy Valentine Gals and Guys
  2. Happy New Year After Effects
  3. How to Customize your WordPress Typography
  4. Happy New Year
  5. 12 Principles of Animation with After Effects

Category : Yorgo Nestoridis

Meta Tag Styling on WordPress

February 13th , 2012 → 8:17 pm @

XO Theme for WordPress Styling After each post, we display Tag, Category and RSS references. They are not part of the actual post; they are of a rather technical nature and may help visitors to find contextual content on the site. The SEO impact of publishing such Meta Information is discussable. Styling the Author Name We want to display the author’s name underneath the main title in small but remarkable fonts: .post .meta, .hentry .meta,.post .meta a, .hentry .meta a { color:#111111;letter-spacing:5px; } Note: we just use letter-spacing to gain visibility.   Bottom Tags Usually these meta tags are printed in small print, often difficult to read. For the purpose of this exercise we have switched to a serif font (Times) and increased letter spacing for better readability: .storycontent .postmetadata, .storycontent .tags { font-family: Times, “Times New Roman”,serif; font-variant:small-caps; font-size:16px; line-height:1.1em;color:#101010; letter-spacing:2.5px; } .storycontent .postmetadata a, .storycontent .tags a{ color:#000000; } Nothing really exciting here: we are using small-caps (alternatively upper-cases) and letter-spacing of 2.5px.Note that letter-spacing can take decimal values. The fun is in experimenting with font, colors and styles!   Related posts: WordPress Date Styling Custom Typography on Semiomantics XO Theme for WordPress
Related posts:

  1. WordPress Date Styling
  2. Custom Typography on Semiomantics XO Theme for WordPress

Related posts:

  1. XO Theme Typography
  2. WP Author Blog by Semiomantics
  3. WordPress Seminar by Ycademy
  4. WordPress for Authors Seminar
  5. Semiomantics WordPress based Frameworks

Category : Yorgo Nestoridis

Meta Tag Styling on WordPress

February 13th , 2012 → 8:17 pm @

XO Theme for WordPress Styling After each post, we display Tag, Category and RSS references. They are not part of the actual post; they are of a rather technical nature and may help visitors to find contextual content on the site. The SEO impact of publishing such Meta Information is discussable. Styling the Author Name We want to display the author’s name underneath the main title in small but remarkable fonts: .post .meta, .hentry .meta,.post .meta a, .hentry .meta a { color:#111111;letter-spacing:5px; } Note: we just use letter-spacing to gain visibility.   Bottom Tags Usually these meta tags are printed in small print, often difficult to read. For the purpose of this exercise we have switched to a serif font (Times) and increased letter spacing for better readability: .storycontent .postmetadata, .storycontent .tags { font-family: Times, “Times New Roman”,serif; font-variant:small-caps; font-size:16px; line-height:1.1em;color:#101010; letter-spacing:2.5px; } .storycontent .postmetadata a, .storycontent .tags a{ color:#000000; } Nothing really exciting here: we are using small-caps (alternatively upper-cases) and letter-spacing of 2.5px.Note that letter-spacing can take decimal values. The fun is in experimenting with font, colors and styles!   Related posts: WordPress Date Styling Custom Typography on Semiomantics XO Theme for WordPress
Related posts:

  1. WordPress Date Styling
  2. Custom Typography on Semiomantics XO Theme for WordPress

Related posts:

  1. XO Theme Typography
  2. WP Author Blog by Semiomantics
  3. WordPress Seminar by Ycademy
  4. WordPress for Authors Seminar
  5. Semiomantics WordPress based Frameworks

Category : Yorgo Nestoridis

XO Theme Typography

February 13th , 2012 → 12:25 pm @

Font Styling on WordPress   Related posts: Custom Typography on Semiomantics XO Theme for WordPress
Related posts:

  1. Custom Typography on Semiomantics XO Theme for WordPress

Related posts:

  1. How to Customize your WordPress Typography
  2. XO Mobile Theme with WPTouch Pro
  3. Christmas Skin for XO 2011 WP Theme
  4. XO Photo Press WordPress Theme
  5. Transparent WordPress Theme Design

Category : Yorgo Nestoridis

XO Theme Typography

February 13th , 2012 → 12:25 pm @

Font Styling on WordPress   Related posts: Custom Typography on Semiomantics XO Theme for WordPress
Related posts:

  1. Custom Typography on Semiomantics XO Theme for WordPress

Related posts:

  1. How to Customize your WordPress Typography
  2. XO Mobile Theme with WPTouch Pro
  3. Christmas Skin for XO 2011 WP Theme
  4. XO Photo Press WordPress Theme
  5. Transparent WordPress Theme Design

Category : Yorgo Nestoridis

How to Customize your WordPress Typography

February 8th , 2012 → 8:32 pm @

Basic CSS3 to Customize your WordPress Theme With the increasing browser compatibility of CSS3, additional customization of websites is in the reach of most anyone (Even a Monkey can do it, according to Nikos Advertizopoulos …). Tonight we will start with a series of calls to become familiar with the possibilities arising from the use of CSS3 on WordPress to improve typography and font styles. You may follow the progress of the work at the Ycademy Demo Site which features the Semiomantics XO Theme. Looking forward to seeing you on YorgoLive tonight. Incoming search terms:wordpress Typographycustom typography wordpresshow to customize typographyhow to customize your wordpress teamtypography customization wordpresstypography wordpress 2012Related posts: How to Customize WordPress 2 How to Customize WordPress Semiomantics XO Transparent WordPress Drafts Customize WordPress with Semiomantics XO XO Photo Press WordPress Theme
Related posts:

  1. How to Customize WordPress 2
  2. How to Customize WordPress
  3. Semiomantics XO Transparent WordPress Drafts
  4. Customize WordPress with Semiomantics XO
  5. XO Photo Press WordPress Theme

Category : Yorgo Nestoridis

Semiomantics XO Transparent WordPress Drafts

February 8th , 2012 → 1:19 pm @

Transparent WordPress Custom Theme Playing with the XO Theme Version 3.3.x from Semiomantics and CSS3, I notice how easy it is for most anyone to customize the XO Theme by adding transparencies and other CSS3 elements. Here below you find some drafts. You may visit the test site from : http://globalthebrand.com. Transparent WordPress Gallery Scripts and Plug-ins On the test site we use the Semiomantics Widgets and Theme Handler plug-in as well as a modified Supersized plug-in; the latter needs some more work to make it more responsive. Also we use TubePress which behaves fine also on mobile. The Theme is Semiomantics XO with 3 custom child-themes; any theme can be associated with any page, post, category, tag or sidebar.       Incoming search terms:xo theme wordpresstheme blogtheme wordpress typographyxo wordpress themewordpress semiomanticswindows 8 theme for wordpresswordpress transpert themewordpress transparent responsive themewordpress theme windows 8transparent wordpress theme cssRelated posts: Transparent WordPress Semiomantics XO Transparent WordPress Theme Design Semiomantics XO Blog The 1001 Faces of Semiomantics XO Semiomantics XO 2011 for WordPress
Related posts:

  1. Transparent WordPress Semiomantics XO
  2. Transparent WordPress Theme Design
  3. Semiomantics XO Blog
  4. The 1001 Faces of Semiomantics XO
  5. Semiomantics XO 2011 for WordPress

Category : Yorgo Nestoridis

The 1001 Faces of Semiomantics XO

January 30th , 2012 → 1:31 pm @

XO for WordPress is a responsive, flexible and highly customizable Theme for high performance and excellence in publishing. Developed by Semiomantics since 2007, the XO is mainly used for custom High End sites. A DIY version is available since 2011 at http://semiomantics.com. News are published to Facebook at http://facebook.com/semiomantics.
Related posts:

  1. Semiomantics XO Blog
  2. Facebook Strategy with WordPress
  3. Ycademy Online Seminar January 2012
  4. Semiomantics XO 2010 Edition
  5. WordPress Shop Version 3 by Semiomantics

Category : Yorgo Nestoridis

How to make WordPress Themes Responsive

January 25th , 2012 → 11:29 am @

Responsive Themes for WordPress Responsive Websites become a must in 2012. This tutorial demonstrates how to make your WordPress Theme Responsive. What is Responsive Web Design? In very simple terms: Responsive Web Design aims to display content adapted to the visitors screen size. This means namely that the layout width must be fluid, i.e. expressed as a percentage of the width of the screen, typefaces expressed in em and images must be scalable. Practically speaking: a responsive designs can be viewed on a smart-phone or on a large PC screen, the display will always be the same and adapted to the size of the screen or browser window. n stead of using multiple style-sheets for different screen sizes, designers use Media Queries which allow to create multiple layouts using the same content. To achieve scalability, CSS media queries, such as min-width or orientation are used. Make your WordPress Theme responsive using a Child Theme A quick and easy way consists in creating a child theme; this allows you to upgrade your theme as the case may be without altering your customizations. How to create a responsive child theme? 1. Create a new folder in your wp-content/themes folder and name it [...]
Related posts:

  1. WordPress Christmas Themes
  2. WordPress Themes and Development
  3. Best WordPress Business Themes
  4. How to Style the WordPress Menu
  5. New XO53 Theme for WordPress

Category : Yorgo Nestoridis