Let’s profit from the warm Light and go out to take some shots. Nature is particularly beautiful now. Here in Vouliagmeni, we see again clouds once in a while after a beautiful summer.

The clouds as spectacular event namely at 8 p.m. The below picture was shot last night.

Vouliagmeni Sunset

This is for you Bianca, as you like the colors, shapes and atmosphere :-).

Please post links to your autumn pictures.

• autumn photography

Related posts:

1. Digital Photography Ycademy 11
2. Photography: How to take Sunset Photos
3. Digital Photography Ycademy 12
4. Digital Photography Ycademy 8
5. Vouliagmeni Kavouri Beach

Copyright © Yorgo Nestoridis - Original Article at Digital Photography in Autumn.

Vouliagmeni: Back to School

Vouliagmeni School

Vouliagmeni School

• madiblue ship
• vouliagmeni churches photos
• madiblue d yacht
• mood and atmosphere
• Motor Yacht Shanti
• vouliagmeni back to school

Related posts:

1. Back to School in Vouliagmeni
2. Madiblue D burnt in Vouliagmeni
3. Madiblue D before and after
4. Vouliagmeni Beach
5. Vouliagmeni Kavouri Beach

• ocean perl
• superyacht ocean pearl
• norman foster yacht
• ocean pearl yacht
• superyacht ocean pearl yorgo
• yacht ocean pearl

Related posts:

1. Super Yacht Octopus
2. Yorgo Media Design
3. Happy New Year
4. Business Card Design
5. Font Design

Copyright © Yorgo Nestoridis - Original Article at Superyacht Ocean Pearl.

• google
• photo to top of google images
• images at top of google image search
• how to top rank in google images
• How to reach on top on google
• how to reach on google top
• google topimage

Related posts:

1. Wave Seminar Hits Google Top 10
2. Google Top 10 with Twitter
3. Syros Images on Google and YouTube
4. Google Wave Seminar by Ycademy
5. New Acropolis Museum on Google

Copyright © Yorgo Nestoridis - Original Article at How to reach Google Top 10 with Images.

Publishing Images on WordPress

WP Publishing Images

• wordpress
• WordPress Image Publishing
• wordpress publishing many images

Related posts:

1. How to Make Money with Images
2. Publishing and Editing Images 2
3. Publishing and Editing Images
4. Social Network Publishing Tops Google
5. Social Network Publishing

Copyright © Yorgo Nestoridis - Original Article at Publishing Images on WordPress.

This tutorial is based on a recent Custom Photo Blog Theme Development for WordPress on the base of Semiomantics XO. The Solutions apply to most any clean WordPress theme whereas some of the style sheet syntax may vary from theme to theme.

The Goal of the exercise was to build a site which will display on mobile platforms as well without the use of WPTouch Pro for example and which offers the possibility to navigate without zooming on mobile phones.

This gave us the opportunity to style the Main Navigation (horizontal menu on top of the site. As we are on a photo site we thought about using Menu tabs with images and rollover effects which can be achieved either with sprites or as individual images.

We opted for a solution without sprites in this case considering that the difference will not be material on this site.

The screenshot shows the rollover effect as it has been taken while the mouse was hovering over the CONTACT tab.

The Menu Normal View and the Hover View show the same picture, whereas we put a transparent black layer (85% alpha) over the image for the Normal View. Also the font changes from white to blue.

On other sites we used black and white images which evolve to color or simply two entirely different pictures or text labels.

The question we will answer here is:

First of all we create a menu from the WordPress dashboard under Appearance –>Menu.

We call this main navigation ‘Main’. Now, and this is important, open the Screen Options on top right of the screen and tick all options, namely the Advanced Menu Properties.

Click to see large version.

These allow you to configure your menu items further, for example you may open the link in a new tab or window, you may define the link relation, add a description and important for us: you may define CSS Classes!

These classes allow us to style each list item in the menu individually by defining the corresponding styles in the custom syle sheet.

As you can see from the above screen-shot, we created a menu tab for FREE B&W PHOTO FEEDS. We expand the tab in the back-office to see all properties and we create a CSS Class which we call “navfeed” (You just type in the name of the class, not the “.” (dot) which you will use in the CSS Style-sheet only.).

Repeat this procedure for  all menu items creating for each a CSS class (or multiples).

If all tabs will be styled in a uniform way, you may use the same class for all; it is however likely that you wish to create individual styles, namely if you use different images and width of the tabs.

Now we just style the menu from the XO design tab as much as possible: fonts, font color and size and hovers if you wish. Our example shows that we have spread the menu over the full width of the page simply by adapting the fonts and font sizes, right from the XO Design panel.

Once done, take a screenshot of the menu and load it to Photoshop or any other image editor where you dispose of rulers to measure the width of each tab.

In our example, we are using 4 tabs with different width, the page width being 980 pixels.

The tabs have the following width:

1. navhome:       157 px
2. navfeed:          459 px
3. navcontact:    280 px
4. navy:                 84 px

Total, 980 pixels.

We wish to separate the tabs leaving a space of 1 pixel between them; we therefore decrease the with of 3 tabs by 1 px each to create the space for the spaces (this is getting smart, huh).

If you use Photoshop, you can just design your menu bar and slice it then accordingly, If you go one by one, you just create individual pictures of the same height and the width as defined above.

As we like to use the menu layout from XO, we will use the font definition from XO; the images we create will serve just as background pictures for each menu tab.

Our XO Settings for the menu are:

• Font: Quicksand
• Font size: 32 px
• Font Color: #FFFFFF (white)
• Hover Color:  #0000FF (blue)
• Background: #000000 (black)

These settings result in a nice menu which we will expand with an image. The height of the menu is 80 px at present and we wish to expand it to 182 px by adding an image.

There you go! Now let’s fit everything together!

Finally we open our CSS Style-sheet and define the newly created classes.

As you see above, our classes are:

navhome, navfeed, navcontact and navy.

The corresponding classes in the Style-sheet will be:

.navhome

.navcontact .….   a dot in front of the label defines a “class” in the CSS Style-sheet.

Also, as these tabs contain hyperlinks, we will create the classes

.navhome a

.navcontact a .…  and so on.

This way we will then be able to create the hover pseudo classes:

.navhome a:hover .… and so on.

Now we just type into our style-sheet whatever result we want to achieve, in our case this looks as follows for the HOME tab (the others are similar, except the width and image reference).

.navhome, .navhome a {background: url('http://bw.photorss.com/wp-content/uploads/2011/07/navhome-o.png') no-repeat !important;height:130px !important;}
.navhome a:hover {background: url('http://bw.photorss.com/wp-content/uploads/2011/07/navhome.png') no-repeat !important;}

.navfeed, .navfeed a {background: url('http://bw.photorss.com/wp-content/uploads/2011/07/navfeed-o.png') no-repeat !important;height:130px !important;}
.navfeed a:hover {background: url('http://bw.photorss.com/wp-content/uploads/2011/07/navfeed.png') no-repeat !important;}

To this we add the little 1 px space:

.navfeed  {margin-left:1px ;}

That’s it!

Hope you enjoy and let me know about your results by commenting here below.

• how to style wordpress menu
• style wordpress menu
• wordpress menu styles
• wordpress menu style
• how to style menu in wordpress
• menu stylé wordpress
• style sheets themes for wp

Related posts:

1. Transparent WordPress Semiomantics XO
2. Transparent WordPress Theme Design
3. How to Customize WordPress 2
4. How to Create an Ad with Rollover Effect
5. Web Design Workshop 4 – Navigation

Copyright © Yorgo Nestoridis - Original Article at How to Style the WordPress Menu.

YORGOO Press News Paper layout uses thumbnails for illustration purposes. These thumbnails are created automatically from the first image loaded in a post. The thumbnails are only created from images loaded to the WordPress media upload folder (using the post or page editor).

For this reason, automatic thumb-nailing does not work on imported or syndicated posts.

To automate the thumbnail creation also on imported content, YORGOO Press allows you to load default images which will show when ever no image from the WordPress media upload folder is associated with a post.

The thumbnails and default images are stored in the wp-content/uploads and the wp-contents/uploads/cache folder. Both folders need to have permissions set to 777 (CHMOD). The default images are placed in the uploads folder while the thumbs created will automatically be cached and stored in the image cache. The Cache can be flushed from your dash board under Settings — Viva-Zoom.

The default placeholders can be downloaded from HERE

Unzip and place the content in a folder called “uploads” (without the quotes and in small letters)

Your folder content looks like this:

YORGOO Press Default Images

The icon view of the same folder looks like this:

YORGOO Press Default Images 2

From the above screen shot you see that images 3,4,5,6 and 19 don’t show an image; in fact these images are by default set to 1 Pixel x 1 Pixel, letting you choose the size based on your preferences.

We will indicate here below some recommended default size values, corresponding to the defaults embedded in the script and showing by default when you associate an image to a post in the corresponding category. Feel free to change them.

At present the default pictures are loaded to your YORGOO Press. If you replace the placeholders with an image of your choice, make sure you name the new defaults created by you EXACTLY the same way the present defaults are called.

Example:

By passing with your mouse over the image name you see the properties:

YORGOO Press Defaults 3

The required image size is 515 x 270.

This image displays as a default in the Featured Image section on top left of the home page if you don’t add a picture to your Featured Posts.

Create your image

The choice will depend on your site theme and topic. For the purpose of this demo I have created an ad — click to see original size:

Larrie Perkins

This could be easily serve as a default on Larrie Perkins Online Filing Web Site.

Save the image to your ‘upload’ folder:

You get this:

YORGOO Press default Images 4

Change the name of the image file:

1. Change the file name of the placeholder to:

cat1_NpAdvMainFea_placeholder.jpg

2. Change the name of “larrie2.jpg” to:

cat1_NpAdvMainFea.jpg

(You can delete the placeholder as well as you will not need it anymore; I tend to keep them for reference or legacy purposes).

You get this:

YORGOO Press Default Featured Image

Edit all Pictures and proceed as shown, then upload the pictures to wp-content, over writing the existing defaults.

YORGOO Press Network users may send their image folders to Zo Nicholas at zo(at)yorgobox.com

YORGOO Press Customers, please use your usual communication channels.

[TABLE=2]

You may create different image sizes as well, depending on your preferences. However, the above sizes will give a good result.

For the Bottom 8 categories, consider creating 8 different images in relation to the categories represented there. Of course you can create images which are completely independent from your Blog Theme and use a separate image theme, displaying for example only car related images, or toys, or flowers, or such like. The choice of a graphic theme gives your site coherence.

Your Imagination is the Limit!

Related posts:

1. Managing Images on YORGOO Press
2. Ycademy Web Master Training for YORGOO Press
3. Rotating Headers and Banners on YORGOO Press
4. Make Money with YORGOO Press Seminar
5. YORGOO and Semiomantics launch YORGOO Press

Copyright © Yorgo Nestoridis - Original Article at How to Edit YORGOO Press Default Images.

• Acropolis RALLY 2011 FUNNY PHOTOS
• Acropolis Rallye 2011 Picture
• rally acropolis 2011
• youtube funky

Related posts:

1. New Acropolis Museum on Google
2. Vouliagmeni New Church
3. How to Make Money with Images
4. How to Make Money with Images
5. Dealing with Images on your Blog

Copyright © Yorgo Nestoridis - Original Article at Acropolis Rally 2011 Images.

Editing and Publishing images for training purposes. Samples.

[singlepic id=15 w=320 h=240 mode=web20 float=]

[singlepic id=18 w=320 h=240 mode=watermark float=]

[nggallery id=4]

Related posts:

1. Publishing and Editing Images 2
2. How to Make Money with Images
3. Social Media Marketing by Ycademy
4. How to Make Money with Images
5. Managing Images on YORGOO Press

Editing slide shows is one thing, delivering them is another. There are a few factors which will impact on your visitors Surfing Experience.

Slide shows: the technology you use on your site

Slide shows: the technology your visitor uses

Using a WordPress based website you have multiple options. You can just use galleries from the built in media module.

Example 1: Images are loaded into the WP Media Folder using the upload tool associated with the post editor.

To display the pictures as a slide show, you need some additional soft ware, plug-ins.

Example 2: Images are loaded into a Image Management Module and rendered as an embedded slide show:

The above depends mainly of the technology used on your website since most computers can render such slide shows and there is therefore no discrimination of users who are not equipped with software beyond default.

With the increasing popularity of Social Media, some interesting applications have been developed which allow Internet users to improve their surfing experience by installing additional soft on their computers. The success of such soft depends on the number of sites which add corresponding features to their development.

Here is an example and I would suggest you download the software on your Computer profit fully from the 3D effects. By the way: FaceBook, Flickr and YORGOO Media are equipped with these add-ons, to mention just a few.

[singlepic id=13 w=320 h=240 mode=watermark float=][singlepic id=11 w=320 h=240 mode=web20 float=]

Watch now: when you pass your mouse over a picture, you notice a button:

Cool Iris

If you click on it, your local 3D image wall will render the images, try on one of the above pictures.

Download your CoolIris Browser and install it on your computer and then watch and be amazed about the new experience.

We can take this further and show a whole wall of our images on the website:

It’s possible, watch out for the next post.

Related posts:

1. Publishing and Editing Images
2. Social Media Marketing Seminar
3. How to Make Money with Images
4. The Purpose and Future of YORGOO Media
5. Interactive Video Blog