Smiley Helper » Resources http://smileyhelper.com Resources and tutorials for web design Fri, 30 Jul 2010 00:40:19 +0000 en hourly 1 http://wordpress.org/?v=3.0 About Me Banners http://smileyhelper.com/resources/about-me-banners/ http://smileyhelper.com/resources/about-me-banners/#comments Mon, 06 Jul 2009 00:17:21 +0000 Katie http://smileyhelper.com/?p=117 About Me Banners
Banners for your website or profile that say About Me.
]]>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme1.png" alt="" style="border: 0px" /></a>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme2.png" alt="" style="border: 0px" /></a>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme3.png" alt="" style="border: 0px" /></a>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme4.png" alt="" style="border: 0px" /></a>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme5.png" alt="" style="border: 0px" /></a>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme6.png" alt="" style="border: 0px" /></a>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme7.png" alt="" style="border: 0px" /></a>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme8.png" alt="" style="border: 0px" /></a>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme9.png" alt="" style="border: 0px" /></a>

<a href="http://www.smileyhelper.com"><img src="http://www.smileyhelper.com/images/aboutme10.png" alt="" style="border: 0px" /></a>
]]> http://smileyhelper.com/resources/about-me-banners/feed/ 0 Backgrounds http://smileyhelper.com/resources/backgrounds/ http://smileyhelper.com/resources/backgrounds/#comments Thu, 09 Jul 2009 04:49:21 +0000 Katie http://smileyhelper.com/?p=177 Backgrounds
Several hundred unique and original backgrounds for your page.
]]>

Please do not give these away or claim you made them.
Por favor no hurtes éstos o aparentas tú los creaste.

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_rainbowdots.gif')}</style> <img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_rainbowhearts.gif')}</style> <img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_rainbowhearts3.gif')}</style>
<img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_rainbowhearts2.gif')}</style>
<img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_rainbowhearts4.gif')}</style>
<img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_stripes2.gif')}</style>
<img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_stripes1.gif')}</style>
<img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_rainbowstripes1.gif')}</style>
<img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_rainbowstripes2.gif')}</style>
<img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />

<style type="text/css">body {background: url('http://www.smileyhelper.com/images/bg_rainbowstars1.gif')}</style>
<img src="http://www.smileyhelper.com/images/backgroundfrom.gif" alt="" />
]]> http://smileyhelper.com/resources/backgrounds/feed/ 0 Blinkie Maker http://smileyhelper.com/resources/blinkie-maker/ http://smileyhelper.com/resources/blinkie-maker/#comments Wed, 05 Aug 2009 20:10:12 +0000 Katie http://smileyhelper.com/?p=1381 Blinkie Maker
Create a blinkie with our drag and drop maker.
]]>


How to Save:

Press Print Screen (next to F12), open up a paint program and paste it in. Then open up an animation program and animate it!

Make Them Here

Blinkie Blocks






















Letters










Props

]]> http://smileyhelper.com/resources/blinkie-maker/feed/ 0 Blinkies http://smileyhelper.com/resources/blinkies/ http://smileyhelper.com/resources/blinkies/#comments Mon, 13 Jul 2009 01:12:01 +0000 Katie http://smileyhelper.com/?p=317 Blinkies
Hand-pixeled, animated blinkies to spice up a page.
]]>


Made by Orple

<img alt="blinkie made by smileyhelper.com" src="http://i1.tinypic.com/2d8rvyq.gif" />


Made by Orple

<img alt="blinkie made by smileyhelper.com" src="http://i11.tinypic.com/4dlrnkz.gif" />

blinkie made by smileyhelper.com

<img alt="blinkie made by smileyhelper.com" src="http://www.smileyhelper.com/images/blinkiecuteheart.gif" />

blinkie made by smileyhelper.com

<img alt="blinkie made by smileyhelper.com" src="http://www.smileyhelper.com/images/mascarablinkie.gif" />

blinkie made by smileyhelper.com

<img alt="blinkie made by smileyhelper.com" src="http://www.smileyhelper.com/images/welcomeblinkie.gif" />

blinkie made by smileyhelper.com

<img alt="blinkie made by smileyhelper.com" src="http://www.smileyhelper.com/images/spookyblinkie.gif" />

blinkie made by smileyhelper.com

<img alt="blinkie made by smileyhelper.com" src="http://www.smileyhelper.com/images/loveblink.gif" />

blinkie made by smileyhelper.com

<img alt="blinkie made by smileyhelper.com" src="http://www.smileyhelper.com/images/rainbowblinkie.gif" />

blinkie made by smileyhelper.com

<img alt="blinkie made by smileyhelper.com" src="http://www.smileyhelper.com/images/blinkiecherries.gif" />

blinkie made by smileyhelper.com

<img alt="blinkie made by smileyhelper.com" src="http://www.smileyhelper.com/images/lipglossblinkie.gif" />
]]> http://smileyhelper.com/resources/blinkies/feed/ 0 Blog Templates http://smileyhelper.com/resources/blog-templates/ http://smileyhelper.com/resources/blog-templates/#comments Thu, 16 Jul 2009 06:14:02 +0000 Katie http://smileyhelper.com/?p=452 Blog Templates
Blog templates and codes to make creating blogs easier.
]]>
  1. Copy and paste one of the templates into your paint program
  2. Add pictures and text
  3. Upload it to a host (like tinypic.com)
  4. Copy and paste the code under the template you used
  5. Replace IMAGE URL HERE with the url the image host gave you

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 200px; height: 170px; position: relative; left: 140px; top: 105px; width: 195px; height: 152px; overflow: auto;">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 175px; height: 250px; position: relative; left: 175px; top: 25px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 323px; height: 135px; position: relative; left: 25px; top: 135px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 166px; height: 250px; position: relative; left: 25px; top: 24px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 210px; height: 165px; position: relative; left: 32px; top: 107px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>
]]> http://smileyhelper.com/resources/blog-templates/feed/ 0 Blogs http://smileyhelper.com/resources/blogs/ http://smileyhelper.com/resources/blogs/#comments Mon, 13 Jul 2009 02:06:17 +0000 Katie http://smileyhelper.com/?p=329 Blogs
Graphic blog boxes to write a little message in.
]]>

Just copy the code and put your text where it says YOU CAN PUT YOUR TEXT HERE.

<div style="background-image: url('http://www.smileyhelper.com/images/blog1.jpg'); height: 297px; width: 373px;"><div style="width: 323px; height: 135px; position: relative; left: 25px; top: 135px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('http://www.smileyhelper.com/images/blog2.gif'); height: 297px; width: 373px;"><div style="width: 323px; height: 135px; position: relative; left: 25px; top: 135px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('http://www.smileyhelper.com/images/blog3.gif'); height: 297px; width: 373px;"><div style="width: 323px; height: 135px; position: relative; left: 25px; top: 135px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('http://www.smileyhelper.com/images/blog4.gif'); height: 297px; width: 373px;"><div style="width: 323px; height: 135px; position: relative; left: 25px; top: 135px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('http://www.smileyhelper.com/images/blog5.gif'); height: 297px; width: 373px;"><div style="width: 323px; height: 135px; position: relative; left: 25px; top: 135px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('http://www.smileyhelper.com/images/blog6.gif'); height: 297px; width: 373px;"><div style="width: 323px; height: 135px; position: relative; left: 25px; top: 135px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>
]]> http://smileyhelper.com/resources/blogs/feed/ 0 Brushes http://smileyhelper.com/resources/brushes/ http://smileyhelper.com/resources/brushes/#comments Sun, 19 Jul 2009 17:39:00 +0000 Katie http://smileyhelper.com/?p=554 Brushes
Brush downloads available as .ABR files and image packs.
]]>

Please credit us if you use these and do not give them away or claim you made them.
Por favor acredítenos si utilizas estos y no hurtes nuestros cepillos o aparentas tú los creaste.

Here are tutorials to save the image packs in Adobe Photoshop or Paint Shop Pro or Gimp.

Fleur de Lis Land
Fleur de Lis Land - PS | Image Pack
Falling in Hearts
Falling in Hearts - PS | Image Pack
Grunge it Up
Grunge it Up - PS | Image Pack
Recycle Signs
Recycle Signs - PS | Image Pack
Scribbled Out Text
Scribbled Out Text - PS | Image Pack
Star Struck
Star Struck - PS | Image Pack
Swirly-Do
Swirly-Do - PS | Image Pack
Magical Fairy Dust
Magical Fairy Dust - PS | Image Pack
Tablet Doodles
Tablet Doodles - PS | Image Pack
Tiny Symbol Text
Tiny Symbol Text - PS | Image Pack
]]> http://smileyhelper.com/resources/brushes/feed/ 3 Button Maker http://smileyhelper.com/resources/button-maker/ http://smileyhelper.com/resources/button-maker/#comments Thu, 06 Aug 2009 02:27:44 +0000 Katie http://smileyhelper.com/?p=1416 Button Maker
Create a button with our maker.
]]>

How to Save:

Press Print Screen (next to F12), open up an art program, paste it in, crop to just the button, and save.

Credit highly appreciated, but not required for your own site's use. =) If you redistribute buttons made here, however, credit is required.

Make Them Here

Blocks

Letters









Props

]]> http://smileyhelper.com/resources/button-maker/feed/ 2 Buttons http://smileyhelper.com/resources/buttons/ http://smileyhelper.com/resources/buttons/#comments Sat, 11 Jul 2009 01:35:51 +0000 Katie http://smileyhelper.com/?p=259 Buttons
Button templates you can paste into any paint program to add your site name.
]]>

Copy and paste the button into any paint program and type in your site name, save it, and upload it to a site like tinypic.com.
Just don't redistribute these templates, please!

Made by Melfina Made by Kat Made by Rachel Made by Fiona

]]> http://smileyhelper.com/resources/buttons/feed/ 0 Cursors http://smileyhelper.com/resources/cursors/ http://smileyhelper.com/resources/cursors/#comments Mon, 13 Jul 2009 03:54:40 +0000 Katie http://smileyhelper.com/?p=336 Cursors
Animated and non-animated pixel cursors (only work in Internet Explorer)
]]>

Please leave the credit on and don't give these away on your site.

Note: these only work on Internet Explorer. Put your mouse over the test box to see if they work on your computer.

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor18.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor18.ani);}
</style>

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor19.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor19.ani);}
</style>

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor16.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor16.ani);}
</style>

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor17.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor17.ani);}
</style>

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor7.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor7.ani);}
</style>

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor15.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor15.ani);}
</style>

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor6.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor6.ani);}
</style>

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor14.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor14.ani);}
</style>

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor5.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor5.ani);}
</style>

<img src="http://www.smileyhelper.com/images/cursorc.gif" alt="" /><style type="text/css">
body{cursor: url(http://www.smileyhelper.com/images/cursor13.ani);}
a{cursor: url(http://www.smileyhelper.com/images/cursor13.ani);}
</style>

]]> http://smileyhelper.com/resources/cursors/feed/ 0