I'm Awesome 2: January 2014

Saturday, January 25, 2014

GTA V Wallpaper

Friday, January 24, 2014

How to add transparent image or writing text on an existing image using CSS

Suppose you have two images which would look perfect when overlapped over each other or you want to write some description of image over image itself without changing the image.In these cases this article will be of great use.

The article is really easy to understand for all beginners and require very little knowledge of CSS and HTML.

Listing 1: Code for overlapping images

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Making image transparent</title> <style type="text/css"> div.div1   {   width:600px;   height:300px;   background:url(1.jpg) repeat;   } div.div2   {   width:700px;   height:250px;   margin:10px 250px;   opacity:0.4;   filter:alpha(opacity=40);   } </style> </head> <body> <div class="div1"> <div class="div2"> <img  src="2.jpg" width="300" height="270"/> </div> </div> </body> </html>

Explaination

The css has been included in the same page.
First , we come to the body part. Here we have added 2 div .
The class name of first div is div1.
div1 is responsible for adding the background image on the div. The width and height are set to be 600px and 300px respectively .We added the background image using background:url(1.jpg) repeat .Here , url contains the path of image which will be displayed in the background.We used repeat s o that the background image pattern will repeat itself.
Inside the first div we include another div named div2.
div2 contains an image which is the image which we want to overlap the background image
Now we set the property of div2 so that transparency is introduced in the overlapping image.
The width and height are set to be 700px and 250px respectively for the overlapping image.
Now we set the opacity to some value which define the extent to which the image gets transparent like here we gave opacity:0.4 which set image opacity to 40%
For IE 8 or earlier version you need to use filter:alpha(opacity=40); for setting the opacity

Listing 2: Code for writing text on image

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Making image transparent</title> <style type="text/css"> div.div1   {   width:600px;   height:300px;   background:url(1.jpg) repeat;   } div.div2   {   width:400px;   height:250px;   margin:10px 200px;   opacity:0.4;   filter:alpha(opacity=40);   } p { color:#ffffff; } </style> </head> <body> <div class="div1"> <div class="div2"> <p>The Ultimate Dragon...</p> </div> </div> </body> </html>

Explanation :

We made a very small change so that this time we are writing a transparent text on our background image
We don’t make any changes to coding of outer div ie div having class div1
In inner div with class div2 we make a small change. We changed the margin value in css so that our transparent text appears at particular place on the background image.
Now instead of defining a image inside inner div2 ,we introduced a text using p(paragraph) tag.
We write the content which we want to display and then we set its property using css
In css for the paragraph we change its color so that it comes in white color(#ffffff)

Figure 1: Overlapping images

Figure 2: Writing text on image

I hope you liked the article. See you next time with some more interesting articles.

CSS

< meta http-equiv="Content-Type" content="text/ html; charset=iso-8859-1" /> Making image transparent

Thursday, January 23, 2014

AB 37

This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box.

DJ AB

Wednesday, January 22, 2014

TK

Matt Barr Ashley Tisdale Cast Cw Hellcats Pnil Gmmwlx Hellcats

INTERACT

Evolution of Lamborghini

Tm

The Future

Evolution of Lamborghini

Friday, January 17, 2014

Free Photo Edieting Sites

FREE ONLINE PHOTO MANIPULATIONS & EFFECTS (more links):

www.Funny.Pho.to - Use 75 funny layouts with your photos.
www.PizAp.com - Make your photos silly and goofy by adding props.
www.SillyScenes.com - 1000 novelty overlays & awesome frames, add "zing to your zang".
www.MakeSweet.com - Make neat 3D models (creates large files that may transfer slow).
www.PhotoFunia.com - Upload photos and create neat 50 effects.
www.LunaPic.com - Online photo editor and neat photo tricks (special effects & animations).
www.BigHugeLabs.com - Motivational poster creator and other fun Flickr mashups.
www.MoronFace.com - Gooify your photos into silly and funny pics.
www.Gooifier.com - Add crazy goo effects and distort your images online.
www.LiftMagic.com - Give yourself a virtual facelift.
www.MirrorEffect.net - Make reflected mirror copies of your pics.
www.Moonjee.com - Blend & morph faces, virtual makeover.
www.BodySwitcher.com - Your face on a celeb's head (300 templates) or body.
www.FaceInHole.com - Put your face in fun pics, inserted photo to swap facial.
www.Mirrorizer.com - Full reflecting mirror effects for your images! 2 or 4 mirrored panels.
www.PicHacks.com - Get right and left hemisphere side of face made symmetrical.
www.Dumpr.net - Create marvelous photos to share with friends & family.
www.Fotline.ws - Make your photos wiggle and dance with fun animations.
www.SignGeneratorMaker.com - Make your own sign generators with your hosted images.
www.BeFunky.com - Make photos look like paintings, sketches and other art forms.
www.HairMixer.com - Try out other hairstyles (without going to salon) with your recent picture.
www.JPGfun.com - Upload photo, select from many fun frames and layouts.
www.PhotoVisi.com - Make a poster sized photo collage online for free.
www.FotoCrib.com - Create montages and rounded corners. Convert images (jpg, png, gif, pdf).
www.RoundPic.com - Give your images round corners.
www.Blingee.com - The tacky image "tacker", tack on animations to your photos.
www.PicMod.net Add photos to unique templates.*
www.SpiffyText.com - Add cool 3D text to any photo/picture.
www.WriteOnIt.org - 30 interesting templates to place your photos in.
www.TuxPi.com - 30 templates to insert your photo into.
www.ImageLoop.com - Create slideshows for your blogging sites (MySapce, FaceBook).
www.DeeFunia.com - Make your photos more interesting.
www.Flauntr.com - Add stunning effects to your photos.
www.WetFloorMaker.com - Add a mirrored reflection, reflect your self...
www.PicReflect.com - Simple image reflection effect (non animated).
www.WaterEffect.net - Add water ripple effect (like a calm lake).
www.WavyEffects.com - Make your photos into animated flag like animations.
www.Caption.it - Caption photos or write text on premade layouts, over 200 choices.*
www.Picasion.com - Supply each image scene and you will get an animated GIF.
www.3d-Pack.com - Make fake product boxes (like software comes in).
www.Blingee.com - Put some glitter or bling on your pictures and animate them!
www.PikiPimp.com - Pimp out your images with some BLING!
www.Your-Frames.ru - Russian (non English) site to make framed pics.
www.Photo505.com - More fun photo frames to throw your photos in.*
www.KickPlay.com - Make personalized Flash games with your branded images.
www.FrameShow.com - Frame your photos.
www.FakeMyPic.com - More silly frames for your photographs.*
www.ScrapbookGenerator.com - Insert photos into 250 scrapbooking overlays/frames & WordArt.
www.YearBookYourself.com - Make "forgery" yearbook pics with your photos.
www.PosterGenerator.com - 150 poster layouts, you can be the star!*
www.AnyMaking.com - Various effects and photo overlays.
www.UpFramr.com - Frame your photos with 25 scenes.
www.Montagraph.com - Create photo montages with fun templates.*
www.TiltShiftMaker.com - Manipulated to look like miniature model photographs.
www.Festisite.com - Make personalized counterfeit money (not legal tender).
www.PicJoke.com - Yet more fun photo montages frames & borders.
www.FakeMagazineCover.com - 750 covers of real & parody magazines, your face on cover!.
www.MagMyPic.com - 30 fake magazine covers to put your photo on.
www.MyPictureOnMagazine.com - 12 magazine cover layouts for your photos.
www.FrontPageYou.co.uk - Your face on front page (cover) of magazine.
www.OnCoverPage.com - Upload photo to magazine cover, add text captions at the same time.
www.YourMagicPhoto.com - Fun frames for your photos (AKA PhotoMontager.com).*
www.ViralFuns.com - Morph, drag, rotate & 30 templates to make viral picz.*
www.Photo2Text.com - Turn your photo into ASCII text.
www.PicAscii.com - Picture to ASCII (color or black/white).
www.FotoTrix.com - HUGE collection of fun frames & effects for your digital photos.
www.FunPhotoBox.com - Over 75 neat photo effects (digital overlays) for your photos.
www.MakeHotPics.com - More frames and some reflecting for photos.
www.FrameFuns.com - Cute borders and frames for your photos.
www.MyFrame.us - Make your photos look framed.
www.ShapeCollage.com - Create fun shaped collages to download.
www.InStyle.com - Change hair styles for a virtual make over.
www.Stamps.com - Not 100% free! Make USA postage stamps with your photos!
www.Picture2Life.com - Edit, Collage, Animate and Share your pictures online.
www.Blibs.com - Fun photo effects & slideshows.
www.ClubDud.com - More photo fun with frame and border montages.
www.PuriCute.com - Japanese style add-ons & borders for photos.
www.MyMovieMoment.com - Put your face in a Block Buster movie clip.
www.ChooseYourSurrogate.com - Design 3D model using 3D PhotoFace technology.
www.SideKick.com - Put 2 faces of the breakdancers and get a funny movie.
www.GlitterPhoto.net - Glitterize your photos with animated text and effects.
www.WishAFriend.com - 80 effects templates to put your photo in.*

FREE WEB BASED PHOTO EDITORS (more links):

www.Pixlr.com - Upload a photo and use the neat digital photography editor online.
www.SplashUp.com - Online photo editor and web based photo touch-ups.
www.DrPic.com - Fix up your digital photos online and do some editing.
www.SmushIt.com - Optimization of your photos, make smaller web graphics.
www.CropResize.com - Crop and resize images online without software like PhotoShop.
www.FreeOnlinePhotoEditor.com - Free online photo editor (duh).
www.FotoFlexer.com - Complete photo editing web application.
www.SnipShot.com - Simple point & click online photo editor.
www.FotoTrix.com - Online photo tricks, plug-ins & basic editor in one.
www.OnlinePhotoTool.com - Web 2.0 image editor.
www.Resize.it - Cropping and resizing of graphics online.
www.Pixer.us - Edit pix online :)
www.Aviary.com - Advanced online editor, free registration required.
www.SumoPaint.com - Sort of a freebie version of PhotoShop in Flash.

FREE ONLINE WEBCAM EFFECTS TO IMAGE MAKERS (more links):

www.Cameroid.com - Turn your web camera into neat effects and save as JPG.
www.SillyWebcam.com -750 layouts, pose for your live webcam to make JPGs.
www.Webcamtastic.com - Turn your live video stream to goo, weird visual effects, etc.
www.MashFace.com - Make lips move on photo templates. Free membership.

TEXT 2 PIC (NON PHOTO) IMAGE GENERATORS (more links):

www.SignGenerator.org - 500 sign generators, change the letters in the "real" signs & promos.
www.BoobSigns.com - 100 sexy female models holding signs with your message.
www.Says-It.com - Neat "royal shields" to self mutilation (cutting personalized text into arm, yuck).
www.Hetemeel.com - 10 fun txt to pic generators to make dynamic images.
www.Txt2Pic.com - 5,000 text to picture image generators.
www.ImageChef.com - Make cool avatars for MSN Messenger or places like FaceBook.
www.ComicStripGenerator.com - Make cartoons for your blogs or forum signatures, 500 toons.
www.DangerSignGenerator.com - 50 industrial warning labels (post around town, school, subway).
www.Glitterizer.com - Create animated GIF graphics with your own personal words "on the fly".
www.InteractImage.com - Convert basic text to an image.
www.ChurchSignGenerator.com - 10 church sign generators with your custom letters.
www.SignGeneratorMaker.com - Make your own sign generators!
www.HappyFaceGenerator.com - Create customized smilies and silly happy faces.
www.JellyMuffin.com - Convert text to sparkling glitter effects and animations.
www.AvatarGenerator.org - Make 500 small avatars for profile pics.
www.Is-A-Jerk.com - Customize a Flash ecard satire to offend someone politely.
www.UntitledStates.com - 12 high detailed text to picture generators.
www.Text2Logo.com - Make free logos and blog headers, 750+ styles & effects.
www.ImageTxt.com - Handful of text to image generators.
www.CoolText.com - Create cool text and buttons for web sites.
www.Creatr.cc - Make parody Web 2.0 logos to download in PNG format.
www.FanSignGenerator.com - FAN SIGN MAKERS.
www.RSSbuttons.com - Make blog mini labels online.
www.LetterJames.com - Write your own custom text on different items.

FREE IMAGE CREATING & EDITING SOFTWARE TO INSTALL (more links):

www.Gimp.org - Freeware PhotoShop 6.0 clone.
www.Blender.org - Free 3D rendering software package.
www.Poladroid.net - Turn digital pics into Polaroid looking snapshots.

Free Fun Photo Editor, Effects And Frames Sites

FREE ONLINE PHOTO MANIPULATIONS & EFFECTS (more links):

www.Funny.Pho.to - Use 75 funny layouts with your photos.
www.PizAp.com - Make your photos silly and goofy by adding props.
www.SillyScenes.com - 1000 novelty overlays & awesome frames, add "zing to your zang".
www.MakeSweet.com - Make neat 3D models (creates large files that may transfer slow).
www.PhotoFunia.com - Upload photos and create neat 50 effects.
www.LunaPic.com - Online photo editor and neat photo tricks (special effects & animations).
www.BigHugeLabs.com - Motivational poster creator and other fun Flickr mashups.
www.MoronFace.com - Gooify your photos into silly and funny pics.
www.Gooifier.com - Add crazy goo effects and distort your images online.
www.LiftMagic.com - Give yourself a virtual facelift.
www.MirrorEffect.net - Make reflected mirror copies of your pics.
www.Moonjee.com - Blend & morph faces, virtual makeover.
www.BodySwitcher.com - Your face on a celeb's head (300 templates) or body.
www.FaceInHole.com - Put your face in fun pics, inserted photo to swap facial.
www.Mirrorizer.com - Full reflecting mirror effects for your images! 2 or 4 mirrored panels.
www.PicHacks.com - Get right and left hemisphere side of face made symmetrical.
www.Dumpr.net - Create marvelous photos to share with friends & family.
www.Fotline.ws - Make your photos wiggle and dance with fun animations.
www.SignGeneratorMaker.com - Make your own sign generators with your hosted images.
www.BeFunky.com - Make photos look like paintings, sketches and other art forms.
www.HairMixer.com - Try out other hairstyles (without going to salon) with your recent picture.
www.JPGfun.com - Upload photo, select from many fun frames and layouts.
www.PhotoVisi.com - Make a poster sized photo collage online for free.
www.FotoCrib.com - Create montages and rounded corners. Convert images (jpg, png, gif, pdf).
www.RoundPic.com - Give your images round corners.
www.Blingee.com - The tacky image "tacker", tack on animations to your photos.
www.PicMod.net Add photos to unique templates.*
www.SpiffyText.com - Add cool 3D text to any photo/picture.
www.WriteOnIt.org - 30 interesting templates to place your photos in.
www.TuxPi.com - 30 templates to insert your photo into.
www.ImageLoop.com - Create slideshows for your blogging sites (MySapce, FaceBook).
www.DeeFunia.com - Make your photos more interesting.
www.Flauntr.com - Add stunning effects to your photos.
www.WetFloorMaker.com - Add a mirrored reflection, reflect your self...
www.PicReflect.com - Simple image reflection effect (non animated).
www.WaterEffect.net - Add water ripple effect (like a calm lake).
www.WavyEffects.com - Make your photos into animated flag like animations.
www.Caption.it - Caption photos or write text on premade layouts, over 200 choices.*
www.Picasion.com - Supply each image scene and you will get an animated GIF.
www.3d-Pack.com - Make fake product boxes (like software comes in).
www.Blingee.com - Put some glitter or bling on your pictures and animate them!
www.PikiPimp.com - Pimp out your images with some BLING!
www.Your-Frames.ru - Russian (non English) site to make framed pics.
www.Photo505.com - More fun photo frames to throw your photos in.*
www.KickPlay.com - Make personalized Flash games with your branded images.
www.FrameShow.com - Frame your photos.
www.FakeMyPic.com - More silly frames for your photographs.*
www.ScrapbookGenerator.com - Insert photos into 250 scrapbooking overlays/frames & WordArt.
www.YearBookYourself.com - Make "forgery" yearbook pics with your photos.
www.PosterGenerator.com - 150 poster layouts, you can be the star!*
www.AnyMaking.com - Various effects and photo overlays.
www.UpFramr.com - Frame your photos with 25 scenes.
www.Montagraph.com - Create photo montages with fun templates.*
www.TiltShiftMaker.com - Manipulated to look like miniature model photographs.
www.Festisite.com - Make personalized counterfeit money (not legal tender).
www.PicJoke.com - Yet more fun photo montages frames & borders.
www.FakeMagazineCover.com - 750 covers of real & parody magazines, your face on cover!.
www.MagMyPic.com - 30 fake magazine covers to put your photo on.
www.MyPictureOnMagazine.com - 12 magazine cover layouts for your photos.
www.FrontPageYou.co.uk - Your face on front page (cover) of magazine.
www.OnCoverPage.com - Upload photo to magazine cover, add text captions at the same time.
www.YourMagicPhoto.com - Fun frames for your photos (AKA PhotoMontager.com).*
www.ViralFuns.com - Morph, drag, rotate & 30 templates to make viral picz.*
www.Photo2Text.com - Turn your photo into ASCII text.
www.PicAscii.com - Picture to ASCII (color or black/white).
www.FotoTrix.com - HUGE collection of fun frames & effects for your digital photos.
www.FunPhotoBox.com - Over 75 neat photo effects (digital overlays) for your photos.
www.MakeHotPics.com - More frames and some reflecting for photos.
www.FrameFuns.com - Cute borders and frames for your photos.
www.MyFrame.us - Make your photos look framed.
www.ShapeCollage.com - Create fun shaped collages to download.
www.InStyle.com - Change hair styles for a virtual make over.
www.Stamps.com - Not 100% free! Make USA postage stamps with your photos!
www.Picture2Life.com - Edit, Collage, Animate and Share your pictures online.
www.Blibs.com - Fun photo effects & slideshows.
www.ClubDud.com - More photo fun with frame and border montages.
www.PuriCute.com - Japanese style add-ons & borders for photos.
www.MyMovieMoment.com - Put your face in a Block Buster movie clip.
www.ChooseYourSurrogate.com - Design 3D model using 3D PhotoFace technology.
www.SideKick.com - Put 2 faces of the breakdancers and get a funny movie.
www.GlitterPhoto.net - Glitterize your photos with animated text and effects.
www.WishAFriend.com - 80 effects templates to put your photo in.*

FREE WEB BASED PHOTO EDITORS (more links):

www.Pixlr.com - Upload a photo and use the neat digital photography editor online.
www.SplashUp.com - Online photo editor and web based photo touch-ups.
www.DrPic.com - Fix up your digital photos online and do some editing.
www.SmushIt.com - Optimization of your photos, make smaller web graphics.
www.CropResize.com - Crop and resize images online without software like PhotoShop.
www.FreeOnlinePhotoEditor.com - Free online photo editor (duh).
www.FotoFlexer.com - Complete photo editing web application.
www.SnipShot.com - Simple point & click online photo editor.
www.FotoTrix.com - Online photo tricks, plug-ins & basic editor in one.
www.OnlinePhotoTool.com - Web 2.0 image editor.
www.Resize.it - Cropping and resizing of graphics online.
www.Pixer.us - Edit pix online :)
www.Aviary.com - Advanced online editor, free registration required.
www.SumoPaint.com - Sort of a freebie version of PhotoShop in Flash.

FREE ONLINE WEBCAM EFFECTS TO IMAGE MAKERS (more links):

www.Cameroid.com - Turn your web camera into neat effects and save as JPG.
www.SillyWebcam.com -750 layouts, pose for your live webcam to make JPGs.
www.Webcamtastic.com - Turn your live video stream to goo, weird visual effects, etc.
www.MashFace.com - Make lips move on photo templates. Free membership.

TEXT 2 PIC (NON PHOTO) IMAGE GENERATORS (more links):

www.SignGenerator.org - 500 sign generators, change the letters in the "real" signs & promos.
www.BoobSigns.com - 100 sexy female models holding signs with your message.
www.Says-It.com - Neat "royal shields" to self mutilation (cutting personalized text into arm, yuck).
www.Hetemeel.com - 10 fun txt to pic generators to make dynamic images.
www.Txt2Pic.com - 5,000 text to picture image generators.
www.ImageChef.com - Make cool avatars for MSN Messenger or places like FaceBook.
www.ComicStripGenerator.com - Make cartoons for your blogs or forum signatures, 500 toons.
www.DangerSignGenerator.com - 50 industrial warning labels (post around town, school, subway).
www.Glitterizer.com - Create animated GIF graphics with your own personal words "on the fly".
www.InteractImage.com - Convert basic text to an image.
www.ChurchSignGenerator.com - 10 church sign generators with your custom letters.
www.SignGeneratorMaker.com - Make your own sign generators!
www.HappyFaceGenerator.com - Create customized smilies and silly happy faces.
www.JellyMuffin.com - Convert text to sparkling glitter effects and animations.
www.AvatarGenerator.org - Make 500 small avatars for profile pics.
www.Is-A-Jerk.com - Customize a Flash ecard satire to offend someone politely.
www.UntitledStates.com - 12 high detailed text to picture generators.
www.Text2Logo.com - Make free logos and blog headers, 750+ styles & effects.
www.ImageTxt.com - Handful of text to image generators.
www.CoolText.com - Create cool text and buttons for web sites.
www.Creatr.cc - Make parody Web 2.0 logos to download in PNG format.
www.FanSignGenerator.com - FAN SIGN MAKERS.
www.RSSbuttons.com - Make blog mini labels online.
www.LetterJames.com - Write your own custom text on different items.

FREE IMAGE CREATING & EDITING SOFTWARE TO INSTALL (more links):

www.Gimp.org - Freeware PhotoShop 6.0 clone.
www.Blender.org - Free 3D rendering software package.
www.Poladroid.net - Turn digital pics into Polaroid looking snapshots.

Wednesday, January 15, 2014

Online PDF, PostScript and Word Viewer

This is an online viewer, with which you can view PDF and PostScript files as browsable images and Word documents as web pages. Given a URL on the net or a file on your computer, the viewer will try to retrieve the document, convert it and show it to you. No plugin software is required.

WEB view - Fetch the document from the web:

FILE view - Upload a file from your computer:

Sunday, January 5, 2014

About 1.5

We Know The True Value Of A Moment Once It Becomes A Memory

There is a lot of information on this page so please feel free to jump through using the menu below.

I'm Awesome 2

Ashwin