A major confusion while working with Magento was representing more than 5 latest products in latest collection page. And in my case client need only latest collection page. In fact he wants to show all his products in latest collection page.

Latest collection page compares Product new From date and to date values and shows the products. By default the page will show only 5 products. So how to overcome this problem!! Hope you know how to setup a latest collection page. A small addition on that code can override the default settings of Magento.

{{block type=”catalog/product_new” name=”home.catalog.product.new” template=”catalog/product/new.phtml”}}

As you know we use this block code to create latest collection page. By default it shows only five products, but we want to show ten

{{block type=”catalog/product_new” name=”home.catalog.product.new” template=”catalog/product/new.phtml” _productsCount=”10″}}

This is how we can show 10 products on the latest collection page. Only addtion to code is ‘_productsCount=”10″ ‘. So how can we show unlimited number of products on same page, simple ‘_productsCount=”0″ ‘. See the easiness and scalability of Magento. Enjoy!

I am not going to explain much about curvy corners here, you just go to the above mentioned website and explore yourself more on that. Here i am going to explain how to use this with a magento theme. If  you are new to  use a custom javascript with magento theme this post will benefit for you too.

For adding curvycorners.js, download the file ,extract it and copy  curvycorners.js(curvycorners.src.js) to

<magento install dir>/js/lib

After this go to your theme directory and edit the page.xml file. You can find your page.xml in

<magento install dir>/app/design/frontend/defaul/<yourtheme>/layout/page.xml

Here we add the code for calling the javascript. You can see a lot of js calls already on the page.xml, dont bother if there is none (You might be from scratch,lol). Add these line to your page.xml file

<action method=”addJs”><script>lib/curvycorners.js</script></action>

So the new javascript will be called on next execution. There is few more steps to curve your html boxes in Magento. Hope you found how to use curvycoreners from its site (Refer it how to use section). There are some lines of code to add to the header section of the code. Here i suggest you to add that code to a new .js file and include it  like curvycorners.js.

The file content will be like this. So now you are done. This post is not of course to teach curvycorners, so if you have any doubt with curvycorenrs please visit curvycoreners.net and explore more.

By the reign of PHP 5 oops concept worked well in a server scripting language. OOPS or Object oriented programming is a very easy method of coding. If you are still not aware of OOPS concepts, just google it and collect some knowledge.

I assume you have good knowledge of OOPS concepts and you want to implement those concepts to your PHP code to make perfect output. I shall give you a small introduction to practical object oriented php coding.

An object doesn’t exist until an instance of the class has been created; the class is just a definition. When the object is physically created, space for that object is allocated in RAM. It is possible to have multiple objects created from one class. So that is something basic about classes and objects

Ok we shall move to practical implementation of classes and objects. First of all we shall make a simple class. Unlike other languages classes in php will usually be normal php files with .php extension. For convenience you can name those files as myclass.class.php. Ok now I am going to make a php class

<?php

class myclass

{

//Some code here

}

?>

Look how simple it is!

Ok now we are going to define a method or you may call functions inside this class. Well I hope you will have knowledge about methods. There is nothing special to define a method inside a class.

<?php

class myclass

{

function  myfunction()

{

echo “Hello World”;

}

}

?>

So we have a class here and a method inside this. So by creating an object of this class we can use that method. Let us see how it is to be done. For that we have to initiate the object. I am going to initiate the class in some other file, it practically good to keep your classes isolated so it can be reused by simply copying the file. Here I am going to initiate the object in mypage.php

<?php

// Include the class file first using require function

require(‘myclass.class.php’);

//Initiate the object

$main= new myclass();

?>

See $main is our object. We shall use the methods of myclass using this object. Let’s check that.

<?php

// Include the class file first using require function

require(‘myclass.class.php’);

//Initiate the object

$main= new myclass();

//Call myfuction using object

$main->myfunction();

?>

Yeah you are done. You will get the output “Hello world”. So this is your first practical step to OO php programming, expand your knowledge make great classes and share them. You will get a great collection of classes at phpclasses.org. Happy coding

If users are interested they can become fan of that page. So that is how promotion growing. The like box widget can be used to display your Facebook fans on your own site. If you want to create a page in Facebook follow this link http://www.facebook.com/pages/create.php. After promoting this page though your facebook account, make ‘Like Box’ widget for your site.

To make widget follow this link http://developers.facebook.com/docs/reference/plugins/like-box. There you can see an input box for Facebook page id, you can find your Facebook page id from page url. For example if http://www.facebook.com/pages/Lactose-Free-Milk/185550966885 is you Facebook page url the last part ie.185550966885 is ur Facebook page id. Copy that and paste it on Facebook Page Id, then Facebook will create your Like box widget automatically

Then press the get code option, you will see a pop-up with code copy that code and paste in it in your html page. Yo can see my like box on the sidebar, please show your ‘Like’. Hope you enjoyed the post. Consider commenting/subscribing my blog. Enjoy

apycom.com

Apycom shares lot of CSS and jQuery based navigational resources for free. Resources are free for non-profit use only.

CSS Menu Maker

CSS Menu Maker holds many vertical and horizontal CSS menus and also can  customize and download templates according to our need

cssportal.com

CSS Portal is far more CSS resource website. It contain CSS tutorials, examples,css generators etc. This is CSS Menu Generator of cssportal.com

13styles.com

13Styles shares a good set of  CSS menus along with demo and free download

CSS Menu Builder

You can make horizontal,vertical and breadcrumb menus. There are lot many templates to choose and download.

Izzy Menu

Izzy menu is a free online menu builder with lot of templates to choose and also a nice application to make menus.

Pure CSS Menu

Is an online CSS menu builder application with a pretty nice interface.

Hope you liked the tutorial. There are many more sites where you can get these resources , I just shared some . You can also share through comments. Consider sharing this article on social media, hope you will also subscribe to my feeds too. Thank you.

Create a New Flash document  >> set its properties as you wish (Right Click>> Document Properties). Oke now type your name or what you wish to do here i type Pixel Glimpse. Covert the text to symbol by pressing F8 key.

Ok you are done. Now move to the next part duplicate last created symbol to animate it. You can do it from Symbols library (F11) 

Name it pixel animation double click on the symbol to enter the symbol time line.

Make 60 frames. (Just click on the frame and press F5)

Yea as the picture says 60frames on 12Fps will give 4.9 sec of animation. Note we did this on the layer called text. Now add a new layer on top of the ‘text’ layer called light.

See the box in round marked as glow. Then just remove its border. This gradient will not give an actual light effect because its gradating from white to black. We need the gradient as ‘Transparency to white to transparency’. We shall do this by our color mixer panel

You can do that in easy steps . Choose gradient type as linear make three same colors as in picture. Adjust left edge color alpha to 0% (see the rounded area) and same as to right edge. So just the center is opaque and both sides are transparent. Then fill the gradation to our box which drawn on light layer

You see that now no border and correct gradient. I also a slanted the shape for perfect output. One thing to remember here is ‘Fill the gradient before transforming the shape so as filling will be perfect’. The next step is animating the light, for that first convert the  shape to symbol ( Oh’ yeah the same method i mentioned above). Make a keyframe (press F6 for keyframe) on frame number 55 and ‘sweep’ the shape from left edge  to right edge over the text. So on frame one the shape will be on left edge and on frame 55 shape will be on right edge. Ensure the shape is not above the text on frame 1 and 55. Tween the movement by clicking anywhere on blank frames on light layer as in the pic

Oh yeah we are reaching, be cool. Create one more layer called orginal text and copy the text (Pixel Glimpse) and paste it on that layer exactly above the original text See the pic

So the top of the stack is orginal text then the light animation layer and again the same text. Now the important part,  ‘Mask’ the original text layer, by right clicking on the layer. (Right click >> Mask)

Yes dudes we are almost done. Come back to parent time-line by clicking on scene one or back button. And make 60 bank frames choose pixel animation from library and drag and drop it to the first frame

Now we are done, Press (Cntrl + Enter) to preview the movie. Hope you know methods to export the movie to swf and all. OK thanks for the time, and i believe you enjoyed the tutorial, please comment on what you feel about the tutorial. Now what, you know better trick than this, oh that’s cools just share it through comments friend . Sharing is joy right?

Here I’m creating a illustration of sky island with major use of burn tool only. For that draw a mountain outline using your pentool like this

Now fill the path with green color

Now the mountain outline is ready. We may add some noise to the shape so as to feel  grassy. (Filter>>Noise>>Add Noise). Noise amount nearly ’6′ will be fine.

Now we may taketo the ‘burn tool’ to make it a perfect looking mountain.

Countine shading the edges, simply like you use the brush.

Hope you got the idea of shading. I’m finishing the shading here. So it looks a cool mountain like in a 3D art, remember we just used a filled shape and burn tool. So the mountain is ready now we may convert it to a sky island, like what you see in AVATAR. For that I’m adding road to the footer of the mountain, a road which goes around the mountain. We may do that simply with two ovals and a rock pattern texture.

See the first black oval and some line above that made a road. Now we may add the stoned edge of the road, simply with another grey colored oval and a rock texture

See i have also added some trees here and there on the mountain to make it more realistic. And now our road is also ready. Now we have to add the earth. First collect some earth stock image or texture (Google it what else?). See what i did

The earth is ready now it does not holds a 3D look. Again back to our burn tool, the shade maker

See how i shaded it using the burn, tool. Now the sky island is  is ready. You may add sky, coluds etc, to make it more attractive. Here is what i did.

Hope you enjoyed the tutorial, do your experiments. Wait for some more interesting articles. And consider a subscription also. Thanks for your time.

The Desert Wood

The Joy of life

The Copper forest night

Pearl

Fort of western wind

These vectors are made using flash only. Hope you enjoyed. Some ads are there sorry about that

these are from my old collection. However this one is a busy time article. Wait for the next. Be a regular

visitor.

This tutorial will help you to design a pocket for icon  using photoshop. This is web2.0 trend which you may see in various sites. Oke let me come straight to tutorial. Visuals speaks better than words.

Now we are going to make exactly this design

So now you got a clear idea about what you are going to design. You may see these like stuff in new generation websites, mainly on web2.0 sites etcl.

Take a new file in Photoshop . Gradate your background as you see in above pic, say for a metallic

effect. After that draw a shape like this

Then make one more shape just 5px up from bottom of the above shape. Like this

Then ‘Raster’ the shape an Add ‘Gaussian blur’ to that shape (Filter>>blur>>Gaussian blur)

Done. Now u can see the bottom part of First shape we made, the select the  ‘Rasterized shape’

using square selection clear it. After that use circle select to select the black shape

and feather your selection to 15px and then Invert your selection (Select Inverse), Like this

and clear the portion.

Yeah oke, now the box is in pocket. Now we may add the emboss effect. I mean the when the box

is in pocket there must have a bulging. Draw one more rounded edged box just below, the

pink box like this

Rasterize the shape and add Gaussian Blur to it (5-8px). Select its top part (Same line as pocket

shadow and clear the area. Then Select like this

Feather your selection to 5px and clear the part. Then decrease opacity of the layer to 70%

So now the stuff ready… see

Yeah your stuff ready.See how i used this effect

Hope you enjoyed the tutorial. Expect more interesting and simple stuff here. Enjoy and

grab the glimpses. Thank you

Wht do u feel …nice title…its possible guys thanks to Par Maurice Svay le vendredi for a successful script. I tested it many times with many jpgs of various sizes …and gave me amazing result. Script uses GD so gd library should be loaded on your PHP server. Wht…stop sentence and give me the code????…ya coming …just go straight to Svay through this link and grab it.

http://svay.com/blog/index/post/2009/06/19/Face-detection-in-pure-PHP-(without-OpenCV)

Enjoy