The Image Caption Style
Enjoy your Valentine! No related posts. No related posts. Related posts: Happy Valentine Meta Tag Styling on WordPress XO Theme Typography Happy Valentine Gals and Guys Web Design Workshop 17 Resizing Large Background Image
Browsing All Posts filed under »Style«
Meta Tag Styling on WordPress
February 13, 2012
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: WordPress Date Styling Custom Typography on Semiomantics XO Theme for WordPress Related posts: XO Theme Typography WP Author Blog by Semiomantics WordPress Seminar by Ycademy WordPress for Authors Seminar Semiomantics WordPress based Frameworks
Online Advertising: Hot and Cool Global Sports Style
June 29, 2011
Original Article at Online Advertising: Hot and Cool Global Sports Style.Buy Best Price Sneakers Buy best sneakers at Global Sports in London from anywhere in the world. Hot and Cool Global Style Fiaz Mohamed, the cool boy has an eye for what’s hot, red hot burning … ESSENTIAL. At Global Sports Style is not just copied, Style is made, trends are set and Sports Wear is created such as the Air Brushed Tees or the Custom Made Sneakers. Best Price for Style and Art Global Style is unique, it’s beyond style, its Art. Street Art some times, Luxury Lifestyle Art when dealing with Swarovski Crystals, Trash and Destroy at moments but always excellent taste matching personal taste and expressing Customers’ desire for stylish individuality. Art is a lifestyle and to live that life style, Global Style is the answer. It’s not Art to glue on a wall it’s art to Wash and Wear! Best Price Sneakers Buy Best Priced Sneakers at Global Sports, ask for discounts and discuss with Fiaz the design of your Custom Made Sneakers. Global Sports is just around the corner, from where ever you are in the world. Check it out: HERE Incoming search terms:best price on sneakers Related posts:Online Advertising Fun Buy Sneakers Global Sports [...] Copyright © Yorgo Nestoridis - Original Article at Online Advertising: Hot and Cool Global Sports Style. Related posts:Online Advertising Fun Buy Sneakers Global Sports $1500 Sneaker Artwork Swarovski Crystal Global Sports US
How to show a Search Box on the WP Navigation
April 15, 2011
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/wordpress-yorgo-nestoridis-development/how-to-show-a-search-box-on-the-wordpress-navigation/.WordPress Menu with Search Box Customize your WordPress Navigation (Menu) by adding a search box. As WordPress provides hooks and filters, it is relatively simple to customize many aspects of WordPress based sites, by just adding functions and styling them. Add a search Box to the WordPress Menu The principle is simple: if your theme does not provide this function, just add it to your functions.php and then was the case may be, style it by adding a few lines of code to your style sheet. Adding a Search Box to Semiomantics XO for WordPress Here is the function call, which will work on most any WordPress Theme: add_filter('wp_nav_menu_items','add_search_box', 10, 2); function add_search_box($items, $args) { ob_start(); get_search_form(); $searchform = ob_get_contents(); ob_end_clean(); $items .= '<li>' . $searchform . '</li>'; return $items; } If you would style the search box, just add a new div class to the list item, for example: add_filter('wp_nav_menu_items','add_search_box', 10, 2); function add_search_box($items, $args) { ob_start(); get_search_form(); $searchform = ob_get_contents(); ob_end_clean(); $items .= '<li class="sbox">' . $searchform . '</li>'; return $items; } Note the class=“sbox” on line 9. Once you add this function to your functions.php (in the [...] Related posts:Mitchell & Ness Snapback Caps in Stock Web Design Workshop 5 – Sub-Navigation Web Design Workshop Navigation How to Customize WordPress 2 Web Design Workshop 4 – Navigation
Apple Look for XO 2011
December 30, 2010
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/semiomantics/apple-look-for-xo-2011/.Wanna Look like a Mac Apple? A while ago, I mentioned in a call the trendsetting web designs of Apple, and we discussed the possibility to skin XO with an Apple Peel. When I saw Banca Gubalke’s post where she drew a project on that [...]Related posts:Boruch Rappaport on XO 2011How to add a 3D Banner to XO 2011Semiomantics XO 2011 for WordPressPersonal XO 2011Semiomantics XO 2011 Editing Interface
Edit WordPress Theme CSS
November 17, 2010
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 Theme style. Please download and install it. Firebug integrates with Firefox and is immediately ready for use. Firebug is one of the most efficient tools for professional developers and newbies alike. 2 Good Reasons for using Firebug Have you ever edited your website’s style? And, have you ever had a hard time to find within the CSS style-sheet the exact block of code you needed to edit to implement a desired modification? With Firebug, you will see immediately which line of your code you need to edit and best of all, you can test the modification on the fly before actually hacking your CSS code. Having Errors on your page, in your CSS or HTML code? Firebug is an ideal debugger pointing you directly to the problem area and suggesting the necessary modifications. If you are not yet using Firebug, it’s time to get started tonight [...] Related posts:Glossy WordPress Theme Development Transparent WordPress Theme Design How to Customize WordPress 2 WP Best Old Fashion Theme Semiomantics Thesis Interpretation
Blockquote, Pullquote and Code
October 1, 2009
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 [...]
Web Design Title Fonts
September 28, 2009
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 get [...]
Web Design Seminar
September 25, 2009
by Yorgo NestoridisWeb Design Seminar by Ycademy Saturday and Sunday September 26-27, 2009 1 pm – 9 pm GMT (London Time) At Ycademy Online Seminar Conferencing DAY 1 1.Web Design Basic Elements 2. Branding 3. Workshop: Your Brand Elements 4. Workshop: Implementation with Semiomantics XO 5. Information Architecture vs. Site Architecture 6. Workshop: Personal Project, Style and Web Design Elements 7. Workshop: Implementation 8. Extract Brand Elements 9. [...]
51 Grunge Fonts
September 25, 2009
by Yorgo Nestoridis Contents [ hide ] 1 51 Grunge Fonts 1.1 Download Grunge Fonts 1.2 How to install Fonts 51 Grunge Fonts For the purpose of the Web design Workshop here are 51 Grunge Fonts you may want to download and install on your computer (Windows). These grunge fonts allow you to easily add grunge style text to your [...]
Grunge Brushes for Photoshop
September 24, 2009
Grunge Brushes for Photoshop Here you find some of the Grunge Brushes I am using with Photoshop: Download from HERE and load to Photoshop. The Download is 16.5MB. I have used these brushes for the below graphic design: How to Add Brushes to your Photoshop 1. Place the *.abr files into: Program Files/Adobe/Adobe/Photoshop X/Presets/Brushes where X is the number for your [...]
Grunge Brushes for Photoshop
September 24, 2009
by Yorgo NestoridisGrunge Brushes for Photoshop Here you find some of the Grunge Brushes I am using with Photoshop: Download from HERE and load to Photoshop. The Download is 16.5MB. I have used these brushes for the below graphic design: How to Add Brushes to your Photoshop 1. Place the *.abr files into: Program Files/Adobe/Adobe/Photoshop X/Presets/Brushes where X is the number [...]
Grunge Brushes
September 24, 2009
by Yorgo NestoridisGrunge Brushes – for GIMP In our earlier posts you find Grunge Backgrounds and Textures, here you get some brushes you can use to create grunge effects for your Grunge Design. Gimp Grunge Brushes Download my Gimp grunge Brushes from HERE and load them to your folder: Program Files/Gimp-2.0/share/gimp/2.0/brushes. The below has been created with GIMP to [...]
Grunge Backgrounds
September 24, 2009
by Yorgo NestoridisFree Grunge Backgrounds for Web Design Workshop Grunge Designs look complex,however you can easily compose your own Grunge Design by using some of the free tools available online. For the purpose of our Web design Workshop we have collected some backgrounds, textures, fonts and brushes which you may download for free. Grunge Backgrounds and Background [...]
Corvette 79 for Sale Grunge
September 23, 2009
by Yorgo NestoridisCorvette 79 for Sale Grunge Guess who put this up, Larrie or Sandra . More about this Topic Grunge Backgrounds Grunge Brushes Grunge Textures Old Paper Corvette 79 for Sale – Today Only Corvette for Sale storms Google Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics. If you enjoyed reading [...]
Gene Line Grunge Background
September 23, 2009
by Yorgo NestoridisGene Line Grunge Background A background which could be used for a grunge styled site… :0. More about this Topic Corvette for Sale storms Google Web Design Workshop Navigation Corvette 79 for Sale in USA Corvette 79 for Sale Web Design Handwriting Fonts Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics. [...]
Grunge Web Design
September 23, 2009
by Yorgo NestoridisGrunge Web Design Start your day with Grunge Designs: More about this Topic Grunge Backgrounds Corvette 79 for Sale in USA Corvette 79 for Sale Grunge Grunge Brushes Grunge Textures Old Paper Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics. If you enjoyed reading the above, please consider following future tips [...]
Web Design Elegant Fonts
September 22, 2009
by Yorgo Nestoridis Contents [ hide ] 1 Web Design Elegant Fonts 1.1 Classical Elegant fonts 1.2 Modern Elegant Fonts 1.3 Free Fonts 1.4 Recommendations 1.5 More about this Topic Web Design Elegant Fonts Some fonts can be considered as typically Elegant Fonts as visitors associate their look to grace, style and other criteria of personal appreciation. For an elegant Web site, consider [...]
Elegant Web Design
September 20, 2009
by Yorgo Nestoridis Contents [ hide ] 1 Elegant Web Design 1.1 Elegant Web Design Colors 1.2 Elegant Fonts 1.3 Elegant Layout 1.4 The Most Important Element of Elegance 1.5 Sketches for a Web Design Workshop 1.6 More about this Topic Elegant Web Design Elegant Web Design is a matter of taste, culture and perception. Based on western concepts of aesthetics we perceive simple, [...]
What is CSS
September 16, 2009
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. [...]
Web Design Workshop 11 Background
September 13, 2009
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 [...]
February 14, 2012
0