Ycademy Online Seminar January 2012 – The XO Theme for WordPress remains the most flexible theme for custom development, accessible to most anyone… Read more →
Customizing your WPTouch Pro skin is similar to customizing your XO all together, In fact, from an editing and design point of view, be prepared to some work! To display your Mobile XO on multiple platforms of the mobile web, you need to take into account the different screen resolutions and of course screen sizes, which means that you may have to load different versions of your graphics and images.
For the purpose of the XO Blog Mobile version, I have thought about sticking to my preferred design colors and fonts: red and gray scale as well as Helvetica for easy reading.
As you can see, from the above blog home, I have taken out backgrounds, round corners, paddings and margins to just separate posts by a dotted line. Header size, icons and post thumbnails have been increased in size for a better surf experience.
The menu page underwent the same cure:
As you know, I like it bold and minimalist and I guess it’s pretty much what you get here.
The same style you find on pages, such as the author page which includes the contact form:
/*WPTouch Pro Style for Semiomantics XO Mobile
Author: Yorgo Nestoridis
Style URL: http://semiomantics.com/xo/xo/xo-mobile-them…th-wptouch-pro
Designed for Semiomantics XO Blog at http://semiomantics.com/xo
tags:mobile theme for wordpress, wordpress mobile, xo, mobile, semiomantics xo.
Date: June 29, 2011
*/
.post .thumbnail-wrap {position: relative;float: left;display: block; height: 90px;width: 120px;margin-right: 8px;}
.post img.attachment-post-thumbnail {width: 120px;height: 90px;border:2px #FFF;}
body.wptouch-pro {background:#fff;}
.clean-white a#logo-title {color:#000000 !important; text-shaddow:none !important;text-shadow:none !important;font-variant:small-caps;font-size:24px;font-style:bold;}
.clean-white #header {background:#FFFFFF;color:#000;height:70px;border-bottom:3px double #000;}
.clean-white a#header-menu-toggle {background: #D40000;width:40px;height:40px;}
.clean-white #tab-bar {background:#ffffff;border-top:3px double #000;}
img#logo-icon {width:57px;height:57px;}
#main-menu{margin-top:18px;}
.post {padding:0px !important;margin:1px 3px 0 3px;border-bottom: 1px dotted #222222;border-top:0 !important;!important;border-left:0 !important;}
.post h2, .post h2 a {font-weight:bold;}
#content{margin-top:9px;}
a#logo-title {padding-top:22px;}
a.read-entry {background:#d40000;color:#FFFFFF;margin-bottom:5px;}
.post.page-title-area img{width:114px;height:114px;}
#main-menu ul li img {width:48px;height:48px;}
.clean-white #main-menu ul li a {background:none;color:#111111;}
.rounded-corners-8px {border-radius:0;}
a.read-entry {margin-left:10px;}
Semiomantics XO Mobile on iPad
Contents
Semiomantics XO Mobile on iPad
The XO Startup Page on iPad 2
XO Home Page on iPad
XO Blog Menu
XO Mobile Main Menu
Screenshots
Subsequent to the recent Ycademy Online Seminar, Semiomantics Developers are prepared to build XO Mobile versions for display across most any mobile platform. Here some quick photos of what an XO can look like on an iPad.
The XO Startup Page on iPad 2
XO Home Page on iPad
XO Blog Menu
XO Mobile Main Menu
The above are just some photos taken outside in the sinking sun on late afternoon.
Screenshots
To compare, here are some screenshots right from the iPad:
Or the start-up screen:
The Ycademy May Seminar will focus on Facebook Marketing and on the best options to reach our Facebook Marketing goals using WordPress, namely the Semiomantics XO Framework and Theme.… Read more →
WordPress Tutorials for Semiomantics XO
This special category will feature tutorials for WordPress and namely for Websites using the Semiomantics XO ThemeFramework.
WordPress Tutorials
How to Build and Run a Profitable Custom WordPress Website
This blog is dedicated to Tips for building and running a profitable custom designed website based on WordPress using the Semiomantics XO Framework for WordPress.
Custom WordPress Design on Semiomantics XO
Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis/editorial/blog-master-class/google-top-10-with-your-photos-and-media/.Your Photos take you to Google Top 10
Proper image tagging and publishing is beneficial for photographers and publishers. This applies for printed publications as well as for online publishing.
Today when looking up my name on Google, I found on position 13 Charterworld.com which published two …
 Copyright © 2010 Photo Media Stock Google Top 10 with your Photos and Media is a post from: Photo Media Stock |
Transparent WordPress with Semiomantics XO
Developing a transparent WordPress Based Photo Blog, I got inspired to use some elements in a Grunge environment. It’s creative, it’s fun, it’s the Semiomantics XO Theme for WordPress.
Grunge Background
The first step is to create a grunge background:
This background is 1680 x 1250 pixels big and has a weight of 130 [...]… Read more →
Transparent WordPress with Semiomantics XO
Developing a transparent WordPress Based Photo Blog, I got inspired to use some elements in a Grunge environment. It’s creative, it’s fun, it’s the Semiomantics XO Theme for WordPress.
Grunge Background
The first step is to create a grunge background:
This background is 1680 x 1250 pixels big and has a weight of 130 [...]… Read more →
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 blockquote.
What [...]… Read more →