01. Create a Model Riding Digital Volume

This is a tutorial illustrating perspective techniques and how you can achieve the feeling of depth and motion. This will be done in a few steps, such as placing the main character, creating the volume fading away and adding foreground and background images.

Tutorial Link

02. Dazzling Dance Photo Manipulation

In this detailed and lengthy Photoshop tutorial, you will learn how to combine photos and add special effects to turn a normal photograph into a stunning artwork. You will also learn several tricks to reduce your Photoshop document file size and number of layers and layer styles.

Tutorial Link

03. Manipulate Smoke to Create Hyper-Real Images

In this tutorial you can learn how to apply the Warp Tool effectively and a few other tricks to make smoke look like a skull. This technique has a variety of outcomes and works well with water, clouds and a whole bunch of other stuff. This is probably more for intermediate users, as this tuorial guide you through the process well, but not every Warp Grid point handle move.

Tutorial Link

04. The Making of “Constant Slip”

This tutorial takes you through the creative process of making intriguing light effects and applying them in your work. This is more a process description of making this illustration, than a detailed step by step how to. Also, you can have some good guidance on how to deal with an illustration like this and cover the overall workflow.

Tutorial Link

05. Creating a Spy Fly Photo Manipulation

This tutorial describes the main steps in creating a dead robot fly. This art piece was actually created for a contest and of course the first prize was the result. The concept of this illustration was to take a picture and be creative, use parts of that image and create something unique.

Tutorial Link

06. Create amazing water-drenched photomontages

In this tutorial, you can learn how to make a splash, blending two very different images to create this amazing underwater effect, complete with a dissolving figure of a man. This tutorial provides step-by-step guidance on how to make a stunning, dynamic effect that recreates the look of a figure dissolving in water, with some clever use of Photoshop and some found images. Although the finished image appears hi-tech, it is just a very clever photomontage constructed from just two images, using relatively simple Photoshop techniques – the secret is in knowing which tool to use when, and putting the time into making sure it’s precisely executed.

Tutorial Link

07. Create a Never Ending Staircase Illusion

In this short tutorial you can learn how to create a never ending staircase illusion with PhotoShop. Textured with wood, stone, grass or what ever you choose.

Tutorial Link

08. Create a Photo Manipulation of a Flooded City Scene

In this tutorial, we will learn how to manipulate a simple photo into a flooding torrent of a scene. Also, how to use some relatively simple techniques to give this image a semi-realistic, stylized feel.

Tutorial Link

09. The Making of Mystic

In this tutorial we all can learn the process of making a spectacular image. This tutorial focuses on the big picture steps taken to create this image. You’ll learn some incredible techniques in this tutorial, and get a view into how one can creates beautiful photo-manipulation based images.

Tutorial Link

10. Create a Stunning 3D Liquid Explosion Artwork

In this tutorial, you’ll learn how to create a Poser figure, create a shatter effect and render it in 3DStudio Max, then use Photoshop and some simple stock images to create a brilliant and visually stunning water explosion effect. Even if you don’t have Poser or 3DSMax, we’ve included the render in a PNG format for you to play with, and you’ll still learn valuable techniques.

Tutorial Link

11. Create a Vivid Themed Illustration

Drawn elements are certainly something that can enhance an illustration. Even if you’re not very good at drawing, you can still create a quality piece. All you need is a good idea and some Photoshop skills. And if you don’t believe me, you will definitely change your mind after reading this tutorial.

Tutorial Link – Part I, Part II

12. Create frozen liquid effects

This tutorial will shows how you can bring the coolest of effects to your illustrations. Here you’ll learn technique by which anyone can transform almost anything into what looks like water or frozen fluid.

Tutorial Link

13. Create A Fantastic Natural Combination Scene

If you cant afford high quality stock images or graphics for your blog articles or website design then you can use this tutorial which showcases how you can create your own unique image according to your requirment using many images.

Tutorial Link

14. How to Create a Steampunk Golden Car

This tutorial shows you how you can convert a real car image into a steampunk golden car using coolest effects of photoshop.

Tutorial Link

15. Create A Slow Motion Bullet Shot Effect

In this tutorial you all going to learn how to make a nice bullet shot effect and how you can use a technological object such as a remote control to show a lot of tiny parts flying off after the impact: the circuit board, the buttons, a few chips.

Tutorial Link

16. Create a Dramatic Impact to a Planet Scene

This is a tutorial about how to create simple looking impact effects using some creative skills of photoshop.

Tutorial Link

17. Creating a Touching Story Scene

In this tutorial, you are going to create a story scene using photo manipulation and a lot of color adjustments. The outcome is simply amazing.

Tutorial Link

18. How to Create a Severed Arm in Photoshop

In this tutorial we will be learning how to create a severed arm with fleshy stumps and strings of sinew. This will be created by using some basic Brushes and Layer Masks.

Tutorial Link

19. Awesome Avatar Transformation

This is a Photoshop tutorial showing you all the steps you need to take in order to photo-manipulate yourself into a Na’vi (based on the characters in James Cameron’s movie “Avatar”).

Tutorial Link

20. Create An Amazing Alien Invasion

If you really inspired by alian arts then you must going to enjoy this tutorial. Here you can learn a step by step process to creat a alien invasion scenario which looks so real that you going to feel horrified by the outcome.

Tutorial Link

21. Create An Urban Tiger Photo Manipulation

In this tutorial we will examine the methods behind creating an image that contains a window to another world within it, as we smash a hole in urban life to reveal the jungle waiting in the wings. We’ll look at several basic techniques that are the cornerstones of creating any mixed media composition, including simple transformations, creating clipping paths and layer masking.

Tutorial Link

22. Create Glass Transparency in a Cute Photo Manipulation

In this tutorial you’ll learn how to incorporate glass into your work. We’ll learn a good technique for incorporating glass transparency into photo manipulations, while placing a cute, pirate hamster on the high seas.

Tutorial Link

23. How to Create a Flaming Photo Manipulation

In this tutorial, we’ll manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool and Warp command. We hope you enjoy the tutorial and try it with your own stock imagery.

Tutorial Link

24. Create a Dark Melancholic Photo Manipulation Scene

In this photo manipulation tutorial, we will be creating a melancholic and enthralling piece using Photoshop. Here, you all can learn several techniques for blending images seamlessly. We’ll cover how to paint realistic lighting and shadows, how to create an effect of a moving sky like it just came out from a long exposure shot, how to make a vignette, how to utilize fill and adjustment layers, and more.

Tutorial Link

25. Create a Steampunk Style Illustration

After going through this steampunk tutorial you’ll feel like going simultaneously backward and forward in time. The main focus, aside from the style of course, is fusing elements from different sources together to create a cohesive whole. There are many tricks to this end and we shall be looking at light sources, shadows, and image grading.

Tutorial Link

26. Create a Post Apocalyptic Photo Manipulation

In this tutorial, you’ll learn how to create a post apocalyptic manipulation using adjustment layers, vector masks, and some special effects.

Tutorial Link

27. Scared Photomanipulation Tutorial

This tutorial will teaches you some basic things about photomanipulation by creating a scared scenario using images of human body object.

Tutorial Link

28. How to make an AVATAR Na’vi

This tutorial was made to help step you through the making of Na’vi from the film “Avatar”. By this process you can able to convert any image into this Avatar character.

Tutorial Link

29. How to Create a Magical Painted Scene

In this tutorial, we will be using several basic tools and stock images to create a fantasy artwork where everything seems to come alive from what is being painted on an old piece of paper.

Tutorial Link

30. Create a Fantastic Tree

Once again a tutorial full of horrer. Here you can learn that how you can create a scared tree using just some simple images.

Tutorial Link

31. How to Create Cityscape Concept Art

In this tutorial, you will learn how to easily create a successful piece of cityscape concept art. We’ll be using a very basic 3D scene as a foundation for the piece, then taking it into Photoshop for some creative photo manipulation of reference photos, basic painting and adjustments.

Tutorial Link

32. Create an Abstract Sea on Land Illusion

Here, you will learn how to use paths and masking to produce an abstract view of sea on land. You will also learn some cool texturing ideas.

Tutorial Link

33. Use a 3D Model to Create a Dramatic Scene

For this tutorial you’ll need Photoshop CS3 Extended, as the tutorial utilizes that version’s unique 3D Tools. You will import a three-dimensional object of an airplane and use it to create a dramatic scene. Use the Vanishing Point filter to create realistic shadows, add texture to the model, and use brush Tools to get awesome results.

Tutorial Link

34. Photomanipulation Comic Book Effect

In this tutorial you can learn how to create an exciting comic out of photos and filter effects. This tutorial will teach you how turn a normal highway photo into an intense action scene.

Tutorial Link

35. Design a Surreal Desert Scene in Photoshop

In this tutorial you can learn how to create a surreal time-themed photomanipulation using Photoshop. The name of this photomanipulation is “Time Guardian” which is not common and very creative to use.

Tutorial Link

36. Create an Amazing Light Beam Surrounding a Lady

This tutorial gives you some insight in to techniques and concepts by which you can learn how to create and colorize a textured background and how you can genrate a custom brush-style in Adobe Photoshop also a way to employ the Smudge-Tool and Displace-Filter. Also, you can learn the creation and modify of custom vector-shapes and how to optimize color-curves and alter colors using adjustment layers.

Tutorial Link

37. Making of a Sexy Humanoid

This tutorial will takes you to the step-by-step process of creating the amazing humanoid form using some simple photoshop techniques.

Tutorial Link

38. Create a Powerful Mental Wave Explosion Effect

In this tutorial, Fabio shows you how to create a crazy explosion, like a mix of Magneto’s ability with Peter Petrelli’s power. He’ll teach you how to use images and filters to produce this wave explosion effect. Even though it may look like a difficult tutorial, it’s really not that hard.

Tutorial Link

39. Water effect photo montage

Very interesting tutorial by which you can learn how to convert any object into water look like effect.

Tutorial Link

40. Create a Magical Golden Winged Boot

This tutorial will teach you how to create a magical flying boot using a combination of photo manipulation and awesome light effects.

Tutorial Link

41. How To Create A Beautiful Indian Sunset Scenery

In this tutorial, We will see how to create a beautiful sunset, in a rocky scene with teepees. We will using many pictures to create this scene. We also use The Dodge and Burn Tools, as well as Color Balance and curves, to achieve the goal.

Tutorial Link

42. Making of a Scary Mental Hospital Scene

Very creative yet simple tutorial about how to creat a scary mental hospital scene.

Tutorial Link

43. How to Create a Somber Composition

In this tutorial you will learn how to manipulate stock images and turn them into your puppets to express your desired feelings.

Tutorial Link

44. Create an Imaginative Golden Apple Tree

Here, In this tutorial we’ll see how to convert simple tree into a fantecy golden apple tree.

Tutorial Link

45. Super Fast – Speed Lighting Effect

Take an image of a fireworks display and turn it into an intense sensation of speed. Manipulate natural lighting to fill a motion filled scene. Use masks to blend the effect over a car image to make the car appear to be in motion. This tutorial shows you exactly what to do.

Tutorial Link

46. Create a Platform Environment

In this tutorial, you will learn how to combine digital painting and photo manipulation to create polished fantasy art. The process of combining digital painting and photo manipulation is a great mix. It truly allows you conquer the world with beautiful illustrations.

Tutorial Link

47. How to Mold Paint Splatter to a Face

In this tutorial, we’ll learn how to take splattered paint Photoshop brushes and apply them to the contours of a model’s face. This is a relatively simple technique, which yields excellent artistic results.

Tutorial Link

48. Combine Photo Elements to Create a Surreal Photo Manipulation

This Photoshop tutorial, you will learn how to use a variety of color, lighting, and cut and paste techniques to create a surreal photo manipulation. Combine your creativity with these Photoshop techniques to create your own photo manipulation artworks.

Tutorial Link

49. Design a Vibrant Blackberry Inspired Ad

The Blackberry Loves U2 TV promo features some awesome, bright and vibrant lighting effects. Let’s take a look at recreating the style to produce a Blackberry inspired design of our own.

Tutorial Link

50. Skating in clouds

This tutorial showcases how to creat a magical clouds scene from various textures and simple photoshop techniques.

Tutorial Link

51. Age Progression

Here’s a little tutorial showing you how one can basically go about aging a woman’s face in Photoshop.

Tutorial Link

52. Create an energy sci-fi scene

Here, In this tutorial you can learn how to use Photoshop to combine 3D renders with stock images and light effects. This is an unconventional Photoshop tutorial because it is focused more on the process rather then the technique.

Tutorial Link

53. Design a 3D Machinary War Scene

This tutorial shows you how to seamlessly blend 3D models into your 2D composites using Photoshop Extended. You’ll discover how easy it is to roll, rotate and slide complex models within 3D space.

Tutorial Link

54. Join the DarkSide

If you guys into KOTOR2 (Knights of the Old Republic: Part 2) then you might going to like it as you should know this effect! which we going to learn in this tutorial.

Tutorial Link

55. Designing a war movie poster

In this tutorial I will show you guys some simple but efficient techniques that will help you make great movie posters using simple photo manipulation techniques.

Tutorial Link

56. Use lighting effects to make photos sparkle

Turning a run-of-the-mill photo into a dazzling one is simple – when you know the right tricks. This tutorial shows how to create a variety of light effects that can be applied to photography or illustration with equal impact.

Tutorial Link

57. Create a Surreal Scene of Flying Bombs on Fire

In this tutorial, we’ll make a scene with flaming bombs pouring from the sky. This tut is made to show some down and dirty Photoshop tricks that beginners can quickly pick up. It also includes some relatively advanced techniques to help budding designers enhance their workflow.

Tutorial Link

58. How to Create a Fantasy “Mother Nature” Scene

This tutorial is about creating a fantasy scene called “Mother Nature.” We will use well chosen images, brushes and most off all our imagination in combination with Photoshop techniques to create an outstanding image.

Tutorial Link

59. Beautiful Sunrise Landscape

Learn how to combine and blend multiple landscape photos to create a beautiful sunrise landscape. You will also learn about masking and other selection methods.

Tutorial Link

60. Create a Face Shattering Effect

This tutorial takes you to the process of creation of a face shattering effect which is highly creative if you like to play with your own images.

Tutorial Link

61. Making a Beautiful Pair of Fantasy Eyes

In this tutorial, we will explore the basics on how one can create fantasy eyes effects in Photoshop.

Tutorial Link

62. Make a Vivid Flaming Skull Conceptual Composition

In this Photoshop tutorial, We will learn how to combine stock images and typography into a beautiful conceptual composition. The aim is to explain the creative process and motivations behind design decisions made while creating a digital art piece. Also, we’ll see through some powerful Photoshop tools and commands that allow you to control color balance and image vividness.

Tutorial Link

63. Create incredible B-movie poster art

This tutorial shows you how to combine 3D renders with stylized photography, text and smoke to capture all the camp horror of an alien invasion. This spoof movie poster design is a simple but effective way of tackling those graphics challenges where there seem to be too many thoughts to fit in: it enables the designer to combine slogans and other textual elements with the bare bones of a storyline and striking images, all bound up in an iconic format that everybody will recognize.

Tutorial Link

64. create a plane crash in Photoshop

This tutorial teach you how to create a scene with a plane crashing on a mountain using ordinary images, and with simple techniques that will create an explosive horror scene. Even with basic Photoshop skills, you can quickly find a path to create such photo manipulations. Try to find good stock images with the same perspective, and you are on the good way.

Tutorial Link

65. Create a Divine Angel Montage in Photoshop

Here, You will create this photo manipulation using stock images provided by some really great artists. The final image is an Angel that lights his way in the dark forest.

Tutorial Link

66. Animal King Photo Manipulation Tutorial

In this photoshop tutorial, you’ll learn how to mash up a series of photos in a highly creative poster based on a famous painting from the 1800’s.

Tutorial Link

67. Photo-Manipulation: Lonely Fairy

This tutorial will walk you through the steps of blending various photos into one, realistic magical piece. You’ll work with blending modes, lighting and color adjustments and compositional planning.

Tutorial Link

68. Create a Cyborg With Photoshop

In this tutorial you’ll discover how to incorporate mundane, everyday objects into a cyborg creation. Combining household objects with 3D renders is a technique that can have interesting results. This will also give you an opportunity to get to grips with the Pen tool, the Dodge and Burn tools and blending modes, as well as the Transform and Warp functions to make it even more realistic.

Tutorial Link

69. Create a Surreal Photo Manipulation with Twisting Water

In this tutorial, we’re going to create a fantasy photo manipulation mixing different images and learning to use and modify the stock images in a creative way. The idea is to get a compact image that looks absolutely real, and at the same time, absolutely impossible!

Tutorial Link

70. Create a Flying Land Illustration On Fire

This tutorial is about creating a fantasy illustration using some dragon images and a few cliffs for creating the land. We also add lava and fiery effects.

Tutorial Link

71. Snail race photo montage

In this tutorial we will be learning some more photomanipulation to create a snail race scene.

Tutorial Link

72. Create A Distressed Surreal Cityscape

Matte painting plays a major role in today’s films. The first known matte painting shot was made in 1907 by Norman Dawn (ASC), you can see how the traditional matte painting evolved from “The Wizard Of Oz” to the ground breaking “Avatar”. In this tutorial we will see some techniques in matte painting to create a distressed surreal cityscape.

Tutorial Link

73. Blend a Planet Transparently into a Photo Manipulation

This tutorial showcases you how to use different blending modes to blend flying hairs easily and to make semi-transparent planet. You will also ging to learn the different techniques of adjustment to get the most realistic results in your photo manipulations!

Tutorial Link

74. Create Grungy Style Artwork with Shattered Effect

In this tutorial, you’ll see the steps to create this Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop. This is an intermediate level tutorial and some steps can be tricky.

Tutorial Link

75. Photo Manipulate a Falling Angel

In this tutorial you can learn how to combine several photos to create a dramatic ‘fallen angel’ scene.

Tutorial Link

76. Bloody Method Photoshop tutorial

This tutorial shows you the step-by-step method to creat some sort of bloody mouth with a dark and quite dramatic style of flow.

Tutorial Link

77. Create a Fantasy Landscape

In this tutorial, you will learn how to create a fantasy landscape using some simple and easy techniques. Everyone with basic Photoshop skills can succeed to recreate this simple image using the most important thing in this kind of photo manipulation – the right stock.

Tutorial Link

78. How To Create a Photo Manipulation with Your Own Photos and Textures

In this tutorial, You can learn some tips on how to take your own photos for the photo manipulation. You will learn, how to blend pictures, apply textures, create your own brushes etc.

Tutorial Link

79. Transform a person into an alien

In this tutorial is written how to create a very cool looking alien using Adobe Photoshop. Grab a picture of someone and get ready to alienize it!

Tutorial Link

80. Design an Intense Particle Illustration

This tutorial shows you a simple process of manipulating a image with lighting effects and incorporating brushes too. This tutorial will bid you a step by step guide on how to achieve the illustrated outcome.

Tutorial Link

81. Create an Old Fantasy Space City

This tutorial will explain how to make an Old Space City from a single source image in photoshop. Please notice that every part in the scene in great detail. Watch the images in each step carefully, as most of the instructions are embedded in the step images.

Tutorial Link

82. Creating an Abstract Watercolor Wallpaper

There are plenty of ways to create a Watercolor Effect in Photoshop. Some are very cheesy and you can easily tell that a simple filter has been used. In this tutorial, we will be using Layer Masking. It is one of the most fascinating and powerful Photoshop method, to use layer masks in your designs.

Tutorial Link

83. Create the Photo Manipulation “Brightness Tomorrows”

In this tutorial, We will see how to create a futuristic looking photo manipulation using some special tools, such as the Background Eraser Tool and how to blend pictures properly using Match Color Adjustments and Lighting Effects.

Tutorial Link

84. Gunshot Through a Glass

In this tutorial you can learn how to create a suspenseful photo manipulation in Photoshop. You will also learn how to create realistic distortions with the displace filter and apply photo effects to give it a cold look.

Tutorial Link

85. Creating the Spoiled Princess Fashion Poster

In this tutorial you will learn how to create a fashion advertisement poster. We’ll be combining multiple images, finding the perfect stock, and unifying it with just the right colors.

Tutorial Link

86. How to Create an Abstract Photo Manipulation

Here we’ll learn how to create an abstract photo manipulation that looks like you’ve just painted the subject. This tutorial included lots of useful techniques for creating impressive abstract pieces which is simple but if you don’t understand any steps then just skip it as not all of them are compulsory.

Tutorial Link

87. How to Create a Chilling Photo Manipulation

In this tutorial we’ll see how one can create a fantasy photo manipulation called “You Can Not Frost The Time” with using several Photoshop tools such as Color Range, different blending modes, and more.

Tutorial Link

88. How To Create a Futuristic Sci-Fi Scene

This tutorial guides you through the steps to create a futuristic sci-fi scene. We will transform original pictures using Photoshop tools that will help to give the image a more spectacular look.

Tutorial Link

How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

Nowadays there are a competing host of JavaScript libraries around these days. Though I prefer jQuery, I have always liked the way the menu on MooTools worked. So in this tutorial well get that same effect.

Official Link

Floating HTML Menu Using jQuery and CSS

For all of you who want to deal with long web pages and need to scroll to the top for the menu, this is a nice alternative: floating menus which move as you scroll a page. With HTML language also CSS and jQuery, and it is fully W3C-compliant.

Official Link Demo

Accordion Menu Using jQuery

In this post, you will get how you can create a fancy accordion menu using jQuery. In this post, you will see two examples of accordion. First menu visibility get toggled on clicking on the header while the another menu visibility and get toggled when mouse is moved over this menu.

Official Link

jQuery Vertical Slide Fixed Height Menu #6

This is an Expanding simple vertical slide menu. This one allow you to have fixed, non-expanding top level links and the ability to click to open and click to close a top level sub list. Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome.

You should make a donation for use of this menu.

Official Link

Unobtrusive Slide Out Menu

In this DHTML menu script, the submenu slides is to left or to the right. The menu is based on an unordered list (<UL><LI>) that makes it search engine friendly and visible to users with JavaScript disabled.

Official Link Demo I II III

Slide Down Menu

This is a slide menu based on an unordered list (<UL><LI>) and supports unlimited depth of items.

Official Link Demo I II

Sliding JavaScript Sidebar Menu

It uses mootools due to the smoothness of their effects, however, this could just as easily be developed in script.aculo.us or other JavaScript libraries.

Official Link

Professional Dropline #5

This Dropline menu us hover instead of click to open (and keep) open submenu. With the top level and the dropline centered within the containing div. Using hovers instead, will make the click allow the top levels to have links.

Just hover over a top level item to dropdown the associated sub line. The top level will stay black to show that it has been selected. Hover the same item to close the sub list or a another top level item to close the current sub level and open a new one. “Home” and “Privacy policy” don’t have sub levels.

The ability to have a selected top level open on page entry is included, that is demonstrated in this menu where “Sales” is selected on page entry (demo).

Tested in IE6, IE7, Firefox, Opera and Safari (PC). Visit stunicholls.com to find more than 30 great menu scripts.

Other Nice Dropliners.

• Professional dropline #4
• Professional dropline #3
• Professional dropline #2

Official Link

jQuery Dropline With Current Selection

A dropline menu with have the ability to set the current page and the menu to open with this highlighted. If you hover over any of the other menu options then the current trail is removed and the new trail displayed. Once you move the mouse of the menu then the current selection will re-appear.

This script make the need to use jQuery to control the display of the droplines decrease and is styled using CSS.

All browsers except IE6 have an opaque background to the droplines. Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome.

Official Link

Horizontal Dropline/Dropdown/Flyout Menu Using jQuery

Dropline Menu with dropsown. It will close automatically after 2 seconds if the mouse moves out off any of the menu items. This feature can be modified to collapse back and keep the dropline.

This JavaScript has been tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome.

You should make a donation for use of this menu.

Official Link

jQuery – Menu Tree

A simple four level vertical sliding menu tree. Clicking any of the orange color list items and it will expand that sub level and contract any other open level. Re-clicking the same list item will close that level and any sub levels which are open.

Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome.

Official Link

jQuery Plugin: Treeview

This is a Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements.

Official Link

CSS Drop-Down Menu Framework

This is a very flexible and good looking navigation menu. Can be transformed just by changing CSS class name. Available transformations: horizontal, vertical left-to-right, vertical right-to-left, horizontal linear, horizontal upwards.

Official Link Demo Download

JavaScript Dropdown Menu with Multi Levels

Just 1.2 KB in weight includes features animation, active header persistence, easy implementation and multiple instance support. This JavaScript dropdown menu will make your web site prettier because this script has been tested in Firefox 2/3, IE 6/7/8, Opera, Safari and Chrome.

Official Link Demo Download

MenuMatic

MenuMatic is a MooTools 1.2 class which take a sematic ordered or unordered list of links and turns it into a dynamic drop down menu. For user who not use JavaScript, it will fall back on a CSS menu system based on Matthew Carroll’s keyboard accessible flavor of Suckerfish Dropdowns by Patrick Griffiths and Dan Webb.

Official Link

Drop Down Tabs (5 styles)

With horizontal CSS tabs menu for dropdown tabs that supports second level drop down menu for each of tabs.

Official Link

Smooth Navigational Menu

It is a multi level navigation menu, CSS list based on menu powered by jQuery which make smooth affair website navigation. And that’s is good thing to give the important role of this element in any site.

The menu’s contents can either be from direct markup on the page, or an external file and fetched via Ajax instead. And thanks to jQuery, a configurable, sleek slide plus fade in transition which applied during the unveiling of the sub menus.

Official Link

Superfish

It is an enhanced Suckerfish-style menu jQuery plugin which take an existing pure CSS dropdown menu (without JavaScript, it will degrades gracefully).

Official Link

Dropdownmenu Made with Scriptaculous/Prototype

A pretty multi level drop down menu.

Official Link

Professional Slide Drop #1

A simple dropdown menu which has a vertical sliding action. With a Hover over a top level link to slide down the submenu and it does slide down, not just appear in a vertical shutter action, and then hover over the same top level to close another top level to open that one and close the previous one. You can take your mouse over the top level items to open and close them and they’ll work simultaneously.

This uses simple JavaScript routine to read the mouse hover and slide the submenu list either up or down depending on the current state of the submenu.

Tested in IE6, IE7, Firefox, Opera and Safari (PC).

Official Link

Professional Dropdown #2

Good looking menu although it is unclear if it is still maintained. Tested in IE5.5, IE6, IE7, Firefox, Netscape, Opera, Mozilla, Safari (PC) and Safari (iPod Touch). Testing in recent browser versions is recommended before using this. You have to make a donation to use this menu. Visit stunicholls.com where you will find more than 30 great menu scripts.

Official Link

List Based Menu with Images

This is a menu which based on an unordered list (<UL><LI>). It make the menu easy to use and search engine friendly.

Official Link

Unlimited Drop Menu

Just unlimited dropdown menu.

Official Link

Create a Multilevel Dropdown Menu with CSS and Improve it via jQuery

The first part of this tutorial is dedicated to the task of building a working CSS-only dropdown menu (also well known as suckerfish menu), the second part will show you how you can pimp the whole thing with a few lines of jQuery.

Official Link

CSS Express Drop-Down Menus

CSS Express menus should be used in a horizontal orientation only with single dropdown level.

Official Link

Chrome CSS Drop Down Menu

Chrome Menu is a CSS and JavaScript hybrid dropdown menu. It’s configurable and search engine friendly.

Official Link

Vimeo-like Top Navigation

Like a Janko creatures on Almost of the same top navigation implemented on Vimeo.com. That drops down when you hover over search box. And give you different search options which you can choose and narrow your search.

With simple base CSS drop down menu based on unordered list tutorial. The structure is described visually in the image below:

Official Link Demo Download Source Code

Sliding Top Menu With jQuery

sliding top menu is script with built of jQuery that can be fired through the open & close button or with any tag with the related class name.

You can use it as an info box, login area & more.

Official Link Demo

A Circular Menu with Sub-Menus

A really nice menu adds a sub menu level of smaller icons in a circular pattern within the top level circle. There’s also the facility to add a simple description for each icon. This menu has been tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome. (Send e-mail to author to get zip).

Official Link

Fancy Sliding Menu for Mootools

The Fancy Sliding Tab Menu is run on Mootools with an idle state listener to bring all of the tabs back to their normal state after a desired amount of time without mouse movement on the window.

Official Link Demo Download Source Code

Collapsable Menu

This tutorial will show to you how to use Mootools to create menus. The result of one of the menus is interesting and gives you a collapsable box with an animated effect on mouse over.. You will get many good posts here which explaining coding stuff in a very relaxed and easy to understand way.

Official Link Demo Download Source Code

01. How to Speed Up Your Blog’s Loading Speed

WordPress, by default, comes uncompressed and sends the uncompressed HTML to the visitor’s browser. With one line of code added to your header, you can compress WordPress’s output by up to 75%. By using zlib compression technology, you can harness the power of PHP and reduce your blog’s load time and increase the load speed!

First, place the following code in a file and call it “test.php” and then upload it to the root of your blog directory:

<?php phpinfo(); ?>

Make sure that “zlib” is enabled by your hosting provider.

Second, place the following code in your header (above the DOCTYPE):

<?php
  ini_set('zlib.output_compression', 'On');
  ini_set('zlib.output_compression_level', '1');
?>

You’re done! Check Port80Software.com to ensure you are compressing your output.

Source Link

 

02. Allow More Time For Slow Servers to Upgrade Wordpress

WordPress auto download/install is a very nice feature, but sometimes a few problems can appear. One of them is that WordPress don’t manage to download the new version. This happens on slow servers. Here is how to solve it.

To apply this hack, you’ll have to edit one of WordPress core files. Keep in mind that it is never recommended. This hack should be applied only if you have problems while auto-upgrading WordPress.

Open the wp-admin/includes/files.php file and go to line 448. You’ll see the following:

$response = wp_remote_get($url, array('timeout' => 60));

To allow more downloading time, simply change the 60 with a greater value, as for example:

$response = wp_remote_get($url, array('timeout' => 120));

it’s all done!!

Source Link

 

03. How to Get All Custom Fields From a Page or a Post

Sometimes you may need to get all custom fields from a specific post or page. Apply following function that do the job.

function all_my_customs($id = 0){
  //if we want to run this function on a page of our choosing them the next section is skipped.
  //if not it grabs the ID of the current page and uses it from now on.
  if ($id == 0) :
    global $wp_query;
    $content_array = $wp_query->get_queried_object();
    $id = $content_array->ID;
  endif;   

  //knocks the first 3 elements off the array as they are WP entries and i dont want them.
  $first_array = array_slice(get_post_custom_keys($id), 3);

  //first loop puts everything into an array, but its badly composed
  foreach ($first_array as $key => $value) :
    $second_array[$value] =  get_post_meta($id, $value, FALSE);

    //so the second loop puts the data into a associative array
    foreach($second_array as $second_key => $second_value) :
      $result[$second_key] = $second_value[0];
    endforeach;
  endforeach;

  //and returns the array.
  return $result;
}

Once done, you can use the function like this:

$result = all_my_customs();
echo $result['my_meta_key'];

Source Link

 

04. How to Show Parent Page Title Regardless of What Subpage You Are On

This hack is useful for peoples who working with WordPress as a CMS and wanting to be easily able to display parent page title on a subpage.

Nothing hard at all: Just paste the following code where you’d like to display the parent page title:

<?php
if($post->post_parent) {
  $parent_title = get_the_title($post->post_parent);
  echo $parent_title;
} else {
  wp_title('');
}
?>

That’s all! Quick and easy!!

Source Link

 

05. Display Guest Author Name in The Front Page and Individual Posts

The first thing we need to do is to set a wordpress if statement to get the custom filed value. This way it will only show up when the custom file value is assigned. Open up your “index.php” and “single.php” and paste the following code where you want the author name to show up. It could be after date or after comments. For example after this code:

<?php the_time(’M j, Y’) ?>

<?php if ( get_post_meta($post->ID, 'guest_author_name', true) ) { ?>
// check to see if custom field guest author name exists
<?php echo get_post_meta($post->ID, "guest_author_name", $single = true); ?>
<?php } ?>

Once we put the if statement we just call it on whichever post we want the guest author name to show up. The guest author name should show up on the front page and for specified post only.

Source Link

 

06. How to Display Content in Multiple Columns

Printed magazines often display text in columns, so why blogs shouldn’t be able to do the same? here you can find out how to easily and automatically display your post content in columns.

This code is powerful but definitely easy to implement. Just paste it on your functions.php file and it will automatically output your post content in columns.
Your post content will be splitted on <h2> tags.

function my_multi_col($content){
  $columns = explode('<h2>', $content);

  $i = 0;

    foreach ($columns as $column){
    if (($i % 2) == 0){
      $return .= '<div class="content_left">' . "\n";
      if ($i > 1){
        $return .= "<h2>";
      } else{
        $return .= '<div class="content_right">' . "\n <h2>";
      }
      $return .= $column;
      $return .= '</h2></div>';
      $i++;
    }

    if(isset($columns[1])){
      $content = wpautop($return);
    }else{
      $content = wpautop($content);
    }
  echo $content;
  }
}
add_filter('the_content', 'my_multi_col');
</h2>
</div>
</h2>

Don’t forget to add the following styles to your style.css file :

.content_right, .content_left{
  float:left;
  width:45%;
}

.content_left{
  padding-right:5%;
}

Source Link

 

07. How to Show WordPress Post Attachments

Since WordPress 2.5, attachments management in WordPress have been improved and is now very powerful. Today, we’re going to show you a simple code snippet that you can use in your WordPress theme to display post attachments.

To achieve this recipe, just paste the following code anywhere in your post.php file and attachments will be displayed.

$args = array(
  'post_type' => 'attachment',
  'numberposts' => null,
  'post_status' => null,
  'post_parent' => $post->ID
);
$attachments = get_posts($args);
if ($attachments) {
  foreach ($attachments as $attachment) {
    echo apply_filters('the_title', $attachment->post_title);
    the_attachment_link($attachment->ID, false);
  }
}

Source Link

 

08. How to Set Post Expiration Date/Time on Your WordPress Blog

Sometimes (for example, if you’re running a contest), you want to be able to publish a post and then automatically stop displaying it after a certain date. This may seem quite hard to do but in fact is not, using the power of custom fields.

Edit your theme and replace your current WordPress loop with this “hacked” loop:

<?php
if (have_posts()) :
  while (have_posts()) : the_post(); ?>
    $expirationtime = get_post_custom_values('expiration');
    if (is_array($expirationtime)) {
      $expirestring = implode($expirationtime);
    }

    $secondsbetween = strtotime($expirestring)-time();
    if ( $secondsbetween > 0 ) {
      // For example...
      the_title();
      the_excerpt();
    }
  endwhile;
endif;
?>

To create a post set to expire at a certain date and time, just create a custom field. Specify expiration as a key and your date and time as a value (with the format mm/dd/yyyy 00:00:00). The post will not show up after the time on that stamp.

Note that this code does not remove or unpublish your post, but just prevents it from being displayed in the loop.

Source Link

 

09. How to Style Posts Individually

Your blog has a lot of posts, but the posts aren’t all of the same type. To give special styling to one or more of your posts, you can take advantage of both the post_class() function and the post ID.

To apply this trick, just open your single.php file, find the loop and replace it with the following:

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
<?php the_content(); ?>
</div>
<?php endwhile; else: ?>
<?php _e('Sorry, no posts matched your criteria.'); ?>
<?php endif; ?>

The important part is mostly in line 3. Here, we have added the PHP post_class() function. Introduced in WordPress 2.8, this function adds CSS classes to the post. For example, it can add:

• .hentry
• .sticky
• .category-tutorials
• .tag-wordpress

With these CSS classes now added, you can now give a custom style to all posts that have the sticky tag or those that belong to the tutorials category.

The other important piece of this code is id=”post-< ?php the_ID(); ?>“. By displaying the ID of the post here, we’re able to style a particular post. As an example:

#post-876{
	background:#ccc;
}

Source Link

 

10. Display Content only to Registered Users in Your Wordpress Blog

As you probably know, WordPress lets you decide whether to allow readers to create accounts and sign in to your blog. If you want to increase your blog’s registered readers or would just like to reward existing readers, why not keep some content private, just for them?

To achieve this hack, we’ll use a shortcode. The first step is to create it. Open your functions.php file and paste the following code:

function member_check_shortcode($atts, $content = null) {
  if (is_user_logged_in() && !is_null($content) && !is_feed()) {
    return $content;
  } else {
    return 'Sorry, this part is only available to our members. Click here to become a member!';
  }

add_shortcode('member', 'member_check_shortcode');

Once that’s done, you can add the following to your posts to create a section or text (or any other content) that will be displayed only to registered users:

[member]
This text will be displayed only to registered users.
[/member]

That’s it. Registered users will see the text contained in the shortcode, while unregistered users will see a message asking them to register.

Source Link

 

11. How to Disable Comments in Old Posts via PHP

In many situations like when you’re giving some alert to your readers or warning, and you don’t want to hear any feedback. Or you simply don’t want to have any comments, pingbacks, or trackbacks for respective event. For such situation you really want to know how to disable comments, pingbacks, and trackbacks via PHP in your WordPress blog.

The first step is to create it. Open your functions.php file and paste the following code:

<?php
function close_comments( $posts ) {
  if ( !is_single() ) { return $posts; }
  if ( time() - strtotime( $posts[0]->post_date_gmt ) > ( 30 * 24 * 60 * 60 ) ) {
    $posts[0]->comment_status = 'closed';
    $posts[0]->ping_status    = 'closed';
  }
  return $posts;
}
add_filter( 'the_posts', 'close_comments' );
?>

You can run this script as a plugin, through your theme’s functions.php, or through a custom user-functions.php file. Simply set the desired number of days by changing the number “30” to whatever you would like. As is, this script will close comments, pingbacks and trackbacks on all articles posted more than 30 days ago.

Source Link

 

12. How to Display Registered Users Comment Count on Your Blog

If your blog is private or have lots of registered users, it may be interesting to be able to display the number of comments posted by registered users. This is the purpose of this code.

Simply paste the following code where you’d like the count to be displayed. Re-arrange the code as desired.

<?php
global $wpdb;
$where = 'WHERE comment_approved = 1 AND user_id <> 0';
$comment_counts = (array) $wpdb->get_results("
    SELECT user_id, COUNT( * ) AS total
    FROM {$wpdb->comments}
    {$where}
    GROUP BY user_id
  ", object);
foreach ( $comment_counts as $count ) {
  $user = get_userdata($count->user_id);
  echo 'User ' . $user->display_name . ' comment count is ' . $count->total . '';
}
?>

That’s it! This will get approved comment count for each registered user.

Source Link

 

13. Separating Trackbacks From Comments in WordPress 2.7+

Separating your trackbacks and comments requires a minimal amount of coding work to set up. First, you’ll want to make a backup of your comments.php file just in case something goes wrong. Next, follow these steps:

Access your comments.php file and locate the following code:

<?php foreach ($comments as $comment) : ?>

Immediately after the above code, you’ll want to place this code:

<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type == 'comment') { ?>

Next, you’ll want to scroll down a little bit and locate the following code:

<?php endforeach; /* end for each comment */ ?>

Immediately before the above code, you’ll want to place this code:

<?php } /* End of is_comment statement */ ?>

This will filter out all of the trackbacks and pingbacks from your main comments loop. Now we need to create a second comments loop to display the trackbacks and pingbacks. Now, Almost immediately below the code from last step you should find this code:

<?php else : // this is displayed if there are no comments so far ?>

Immediately before the above code, you’ll want to place this code:

<h3>Trackbacks</h3>
<ol>
<?php foreach ($comments as $comment) : ?>
<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type != 'comment') { ?>
<li><?php comment_author_link() ?></li>
<?php } ?>
<?php endforeach; ?>
</ol>

Once you’ve got the comments successfully separated from the trackbacks, there are a couple additional tweaks you may want to do to clean up how things look (it really depends on preference I suppose). The first is to clean up your trackbacks/pingbacks by only displaying the title instead of an excerpt and everything else. In order to do this, you’ll need to find the following code in your comments.php file:

<ol>
<?php wp_list_comments('type=pings'); ?>
</ol>

Now replace that code with the following:

<ol>
<?php wp_list_comments('type=pings&callback=list_pings'); ?>
</ol>

Lastly, you’ll need to add the following code to your functions.php file (which can be created if you don’t already have one):

<?php
function list_pings($comment, $args, $depth) {
  $GLOBALS['comment'] = $comment;
?>
<li id="comment-<?php comment_ID(); ?>"><?php comment_author_link(); ?>
<?php } ?>
</li>

That should clean up the trackbacks/pingbacks section and you can also apply the same changes if you use a plugin to display tweetbacks.

The other thing you may want to do is fix the comment count to only show actual comments, filtering out the trackbacks/pingbacks which are included in your comment count by default. Simply add the following code to your functions.php file (which again can be created if you don’t already have one):

<?php
add_filter('get_comments_number', 'comment_count', 0);
function comment_count( $count ) {
  if ( ! is_admin() ) {
    global $id;
    $comments_by_type = &separate_comments(get_comments('status=approve&post_id=' . $id));
    return count($comments_by_type['comment']);
  } else {
    return $count;
  }
}
?>

So there you go. Now you have succesfully separated trackbacks from comments!

Source Link

 

14. Automatically Resize Pictures on Your WordPress Blog

You know it, a picture is worth a thousand words. But pictures means that you have to resize it, which is alwyas boring.
Happilly, a very cool script called TimThumb can resize pictures for you. The function below create a WordPress shortcode that will make Timthumb use even easier.

function imageresizer( $atts, $content = null ) {
  return '';
}

add_shortcode('img', 'imageresizer');

Then, you can use the following syntax to add an automatically resized image to your blog post:

[img]http://www.yoursite.com/yourimage.jpg[/img]

Source Link

 

15. How to Create a Tweetmeme “Retweeet” Shortcode

Twitter is one of the best way to get quality traffic to your blog. In order to help people sharing your articles on Twitter, you should definitely implement a Tweetmeme button, which display how many time time people RT’d your blog posts.

Just paste the function below into your functions.php file.

function tweetmeme(){
  return '<div class="tweetmeme"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>';
}
add_shortcode('tweet', 'tweetmeme');

Once you saved the file, you’ll be able to display the Tweetmeme “retweet” button anywhere on your posts. In WordPress editor, make sure you are in HTML mode and insert the following:

[tweet]

When your post will be published, the shortcode will be replaced by the TweetMeme button.

Source Link

 

16. Send Article to a Friend by Email

In order to create more traffic on your blog, it can be a good idea to let your readers send your posts to their friends by email.

To apply this recipe to your blog, simply paste the following function into your functions.php file, and that’s all. Hard to do something simpler!

function direct_email($text="Send by email"){
  global $post;
  $title = htmlspecialchars($post->post_title);
  $subject = 'Sur '.htmlspecialchars(get_bloginfo('name')).' : '.$title;
  $body = 'I recommend this page : '.$title.'. You can read it on : '.get_permalink($post->ID);
  $link = '<a rel="nofollow" href="mailto:?subject='.rawurlencode($subject).'&body='.rawurlencode($body).'" title="'.$text.' : '.$title.'">'.$text.'</a>';
  return $link;
}

Source Link

 

17. Automatically Insert Author Bio on Each Post

When you’re owning a multi-writers blog, it is important to show who wrote the post. In case of guest bloggers, it is also a nice way to give credit.

Simply insert the following lines of code into your functions.php file, and that’s all. Author bio will be automatically displayed after each post.

function get_author_bio ($content=''){
  global $post;

  $post_author_name=get_the_author_meta("display_name");
  $post_author_description=get_the_author_meta("description");
  $html="
\n";
  $html.="\n";
  $html.="
\n";
  $html.="
Author: ".$post_author_name."

\n";
  $html.= $post_author_description."\n";
  $html.="

\n";
  $html.="


\n";
  $content .= $html;
  }
  return $content;
}

add_filter('the_content', 'get_author_bio');

Source Link

 

18. How to Fetch and Display RSS Feeds

Do you know that WordPress have a built-in RSS reader? And you can use this feed to utilize in many ways. Here we’ll tell how to import and display feeds in wordPress 2.8 and beyond.

Simply paste the following code where you want the feed to be displayed. Don’t forget to define feed url at line 4.

<?php if(function_exists('fetch_feed')) {

  include_once(ABSPATH.WPINC.'/feed.php');
  $feed = fetch_feed('http://feeds.feedburner.com/catswhoblog');

  $limit = $feed->get_item_quantity(7); // specify number of items
  $items = $feed->get_items(0, $limit); // create an array of items

}
if ($limit == 0) echo '<div>The feed is either empty or unavailable.</div>';
else foreach ($items as $item) : ?>

  <div>
    <a href="<?php echo $item->get_permalink(); ?>" title="<?php echo $item->get_date('j F Y @ g:i a'); ?>">
      <?php echo $item->get_title(); ?>
    </a>
  </div>
  <div>
    <?php echo substr($item->get_description(), 0, 200); ?>
    <span>[...]</span>
  </div>

<?php endforeach; ?>

Source Link

 

19. How to Change Excerpt Length Depending of the Category

Do you ever wished to be able to modify the excerpt length based on which category you are on, without modifying your theme files? If yes, we’re pretty sure you’ll be happy with this hack.

No need to modify your theme files. Simply paste the code into your functions.php file. Don’t forget to change the category ID on line 3!

add_filter('excerpt_length', 'my_excerpt_length');
function my_excerpt_length($length) {
  if(in_category(14)) {
    return 13;
  } else {
    return 60;
  }
}

Source Link

 

20. Create a Function to Get Tags Related to Category

First, here is the function you have to paste in your functions.php file:

function get_category_tags($args) {
  global $wpdb;
  $tags = $wpdb->get_results
  ("
    SELECT DISTINCT terms2.term_id as tag_id, terms2.name as tag_name, null as tag_link
    FROM
      wp_posts as p1
      LEFT JOIN wp_term_relationships as r1 ON p1.ID = r1.object_ID
      LEFT JOIN wp_term_taxonomy as t1 ON r1.term_taxonomy_id = t1.term_taxonomy_id
      LEFT JOIN wp_terms as terms1 ON t1.term_id = terms1.term_id,
      wp_posts as p2
      LEFT JOIN wp_term_relationships as r2 ON p2.ID = r2.object_ID
      LEFT JOIN wp_term_taxonomy as t2 ON r2.term_taxonomy_id = t2.term_taxonomy_id
      LEFT JOIN wp_terms as terms2 ON t2.term_id = terms2.term_id
    WHERE
      t1.taxonomy = 'category' AND p1.post_status = 'publish' AND terms1.term_id IN (".$args['categories'].") AND
      t2.taxonomy = 'post_tag' AND p2.post_status = 'publish'
      AND p1.ID = p2.ID
    ORDER by tag_name
  ");
  $count = 0;
  foreach ($tags as $tag) {
    $tags[$count]->tag_link = get_tag_link($tag->tag_id);
    $count++;
  }
  return $tags;
}

Once you have pasted the function, you can use it in your theme:

$args = array('categories' => '12,13,14');
$tags = get_category_tags($args);

Source Link

 

21. How to Create an Anti-IE6 Plugin

With this amazing code created by Nathan Rice, you’ll be able to serve IE6 users the default WordPress theme. After all, those idiots don’t deserve anything better

Just paste the following in a new file and save it as ie6.php. Upload it to your wp-content/plugins directory and activate it on your WordPress dashboard.

<?php
/*
Plugin Name: Serve Default to IE6
Plugin URI: http://www.nathanrice.net/blog/serve-ie6-visitors-the-default-wordpress-theme
Description: This plugin will serve the default theme to any visitors using IE6.
Author: Nathan Rice
Author URI: http://www.nathanrice.net/
Version: 1.0
*/

add_filter('template', 'serve_default_to_iesix');
add_filter('option_template', 'serve_default_to_iesix');
add_filter('option_stylesheet', 'serve_default_to_iesix');
function serve_default_to_iesix($theme) {
  if(strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6') !== false)
    $theme = 'default';
  return $theme;
}
?>

Source Link

 

22. How to Check if a Plugin is Active or Not

When working with lots and lots of plugins, it can be useful for developers to be able to check if a particular WordPress plugin is active or not. If you want to check if a WordPress plugin is active, just use the is_plugin_active() function. The function takes a single parameter, which is the path to the plugin, as shown in below:

<?php
if (is_plugin_active('plugin-directory/plugin-file.php')) {
	//plugin is activated
}
?>

Source Link

 

01. Design a Beautiful Website From Scratch

Tutorial Link

02. Create a Clean and Colorful Web Layout in Photoshop

Tutorial Link

03. How to Make a Creative Blog Layout

Tutorial Link

04. Software Layout Design Tutorial

Tutorial Link

05. Awesome Tutorial Portfolio Design

Tutorial Link

06. How to Create a Unique Wordpress Theme

Tutorial Link

07. How to Make a Light and Sleek Web Layout in Photoshop

Tutorial Link

08. Create a Magic Night Themed Web Design from Scratch

Tutorial Link

09. Create an advanced game or clan layout

Tutorial Link

10. Company/Business/Software Web layout

Tutorial Link

11. Create a Professional Portfolio Design in 17 Easy Steps

Tutorial Link

12. Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!

Tutorial Link

13. Wordpress Layout Design Tutorial

Tutorial Link

14. Design a simple, modern web template

Tutorial Link

15. Design a colorful theme for wordpress

Tutorial Link

16. Portfolio Layout Design Tutorial

Tutorial Link

17. Web Site Design Tutorial: Wellknown.as Case

Tutorial Link

18. How to Create a Unique Colorful Site Layout

Tutorial Link

19. Design A Clean And Fresh Company Website In Photoshop

Tutorial Link

20. Design an impressive web hosting layout

Tutorial Link

21. Hosting Layout Design Tutorial

Tutorial Link

22. Design a Portfolio Site with a Textured Background

Tutorial Link

23. Create a gritty website layout

Tutorial Link

24. How to Make a Green & Sleek Web Layout in Photoshop

Tutorial Link

25. Create a Clean Modern Website Design in Photoshop

Tutorial Link

26. Web Design Layout

Tutorial Link

27. Design a Minimal and Modern Portfolio Layout with Photoshop

Tutorial Link

28. Create A Stylish Portfolio Layout

Tutorial Link

29. Create a webdesign company layout in Photoshop

Tutorial Link

30. Create an Apple inpired website layout in Photoshop

Tutorial Link

31. Design a trendy business & finance layout

Tutorial Link

32. Create a Sleek, High-End Web Design from Scratch

Tutorial Link

33. Design an elegant, dark portfolio site

Tutorial Link

34. Business Layout Design Tutorial

Tutorial Link

35. Design a Sleek and Modern Hosting Layout

Tutorial Link

36. How to Create a Grunge Web Design Using Photoshop

Tutorial Link

37. Making your own portfolio web page

Tutorial Link

38. Design a Dark, Contrasted Layout in Photoshop

Tutorial Link

39. Create a portfolio/business website layout

Tutorial Link

40. Web Design Tutorial: Blog/Portfolio Template!

Tutorial Link

41. Premium Wordpress Theme Design

Tutorial Link

42. Software Layout Design Tutorial

Tutorial Link

43. Tutorial RocknRolla Blog Design

Tutorial Link

44. Create a Portfolio Layout with Wooden Background

Tutorial Link

45. Create a Promotional iPhone App Site

Tutorial Link

46. Create a Nice Web Portfolio Design with a Watercolored Background

Tutorial Link

47. Designer portfolio layout

Tutorial Link

48. Design a Cartoon Grunge Web site Layout

Tutorial Link

49. Create A Forum Layout Using Photoshop

Tutorial Link

50. Create a Clean and Effective Product Layout

Tutorial Link

51. Design a Clean and Colorful Portfolio in Photoshop

Tutorial Link

52. Portfolio Web Layout

Tutorial Link

53. How to Design a Band Website Layout in Photoshop

Tutorial Link

54. Create a Photoshop (PSD) Template for Joomla or Drupal

Tutorial Link

55. Business Layout Design Tutorial

Tutorial Link

56. Create a Nature Inspired WordPress Layout

Tutorial Link

57. Shopping Cart Design Mockup

Tutorial Link

58. How to Create a “Worn Paper” Web Layout Using Photoshop

Tutorial Link

59. Full Photoshop Web Design – Journal

Tutorial Link

60. How to Make a nice, eye catching web/blog layout

Tutorial Link

61. Personal Portfolio Layout Design Tutorial

Tutorial Link

62. Clean Business Layout Tutorial

Tutorial Link

63. Design a creative unusual layout

Tutorial Link

64. Create a Dark and Sleek Web Layout Using Photoshop

Tutorial Link

65. Wordpress Layout Design Tutorial

Tutorial Link

66. How to Design a Space Futuristic Gallery Layout

Tutorial Link

01. Create a Gritty, Action-packed Movie Poster

Official Link

02. New PLUS Tutorial – How to Create a Horrific Zombie Poster with Photoshop and 3-D Renders

Official Link

03. Create an Event Poster with C4D and Photoshop – PSD Plus Tutorial

Official Link

04. Meshing Boxing Gloves and Composing an Event Poster

Official Link

05. ‘Neo-Constructivist’ Poster with Photoshop

Official Link

06. Typographic Concept Poster

Official Link

07. Create and Then Shatter a Grid, While Making a Typographic Poster

Official Link

08. Design a Sin City Style Poster

Official Link

09. Create a Trendy Typographic Poster Design

Official Link

10. Poster From the Words

Official Link

11. Trendy Geometric Lines Design Tutorial

Official Link

12. Mercedes Benz Poster and Postcard Design in Photoshop

Official Link

13. Shoe Advertisement Poster Using Floral Elements

Official Link

14. Cool Movie Poster

Official Link

15. Stylish Fashion Advert

Official Link

16. Create an Amazing Ad in Photoshop

Official Link

17. Step Up 2 Poster

Official Link

18. Color Effects to Create a Stunning Print Advertisement

Official Link

19. Perfume Commercial Poster

Official Link

20. Design a Professional Laptop Advert

Official Link

21. Photoshop tutorial – G900

Official Link

22. War Movie Poster

Official Link

23. PS Quickie! Your Own Crazy Movie Poster

Official Link

24. Create Powerball Effect for Movie Poster

Official Link

25. Create Sci-Fi Poster Art

Official Link

26. B-Movie Poster Art

Official Link

27. X-Men movie poster

Official Link

28. Transformers 2: Revenge of the Fallen Movie

Official Link

29. Sin City Style

Official Link

30. Lord Of The Rings Poster

Official Link

31. Create a Dark, Creepy Movie Poster

Official Link

32. “John Rambo” Movie-Poster

Official Link

33. Spiderman Poster

Official Link

34. Create a movie poster for apocalyptic

Official Link

35. Comic Book Poster

Official Link

36. Create a Grungy Poster In Photoshop

Official Link

37. Create a Constructivist Inspired Poster

Official Link

38. Creating an Old-Collage Effect Poster

Official Link

39. Retro Poster

Official Link

40. Retro Boxing Poster

Official Link

41. Vector Political Poster

Official Link

42. Artistic Poster with Drawn Elements

Official Link

43. Dark and Grungy Poster

Official Link

44. Constructivist Propaganda Poster

Official Link

45. Create a Mock-Retro Poster Concept

Official Link

46. Awesome Grunge Poster

Official Link

47. Gigposter Design the New Sex

Official Link

48. Creating A Retro Grunge Poster

Official Link

49. Create a ’60s Psychedelic Style Concert Poster

Official Link

50. Design a High-Impact Gig Poster Suitable for Screen Printing

Official Link

51. Dirty Grunge Poster

Official Link

52. Design a Vintage Car Poster with Grunge Texture

Official Link

53. Create a Pop-Art-Style Poster with Urban City Background

Official Link

54. Make a Turn-of-the-Century Vaudeville Poster

Official Link

55. Hot Chick on a Muscle Car Poster

Official Link

56. Quick Grungy Poster

Official Link

57. Creating an Abstract Watercolor Wallpaper

Official Link

58. How to Design a Rockin’ ’80s Party Poster

Official Link

59. Grunge Rock Poster

Official Link

60. Create an Awesome Music Poster

Official Link

61. Create a Pulsing Poster with a Vinyl Record and Grunge Type

Official Link

62. Create an Explosive Cover with Precise Photo Manipulation Techniques

Official Link

63. Furious Pink Panther Poster

Official Link

64. Awesome Colorful Poster

Official Link

65. Space Invaders Poster

Official Link

66. How to Create an Ice-Cold Poster with 3-D Text

Official Link

67. Create a Poster Illustration with Floating Floral Elements

Official Link

68. Soul Rebel Poster Tutorial

Official Link

69. Portable Gaming Device Poster

Official Link

70. Fragmented Golden Phone

Official Link

71. Earth Day. Green Planet

Official Link

72. Impactful Child Welfare Poster

Official Link

73. Making a Anti-Terrorism Poster

Official Link

74. Create Fantastic Abstract Poster Effects

Official Link

75. Futuristic Abstract Poster

Official Link

76. Skateboarding Poster

Official Link

77. Awesome Snowboard Poster

Official Link

Further Resources to More Photoshop Tutorials

• PSDtuts
• AdobeTutorialz
• Abduzeedo
• Tutorial9
• PSDfan
• Adobe.com
• Layersmagazine
• PhotoshopTutorials
• 10steps.sg
• Photoshoproadmap
• Photoshopstar
• PhotoshopSupport
• PhotoshopCafe

 

Other Resources

• Adobe Photoshop | Adobe.com
• Adobe Photoshop | From Wikipedia, the free encyclopedia

 

Find Something Missing?

While compiling this list, it’s always a possibility that we missed some other great tutorials. Feel free to share it with us.