In this post we present 4 free high quality rss feed icons pack collected from deviantart.com as this is a best graphic website around, these packs are free to use for both personal and commercial purpose, so enjoy these free icons and design your webpages.
Download: RSS Feed Icons
In this post i have collected 8 free high quality WordPress themes, these themes have been manually selected by me, these themes are free to use for both personal and commercial purpose.
Download: Volvo Concept Wordpress Theme
In this short tutorial i will show you how to create shining text effect in adobe photoshop with simple background, i hope you will learn something new from this tutorial.
here is my final Result of this text effect:
Create a new document, use the size you want, it doesn’t matter, (I have used 500×300) and fill it with dark gray color, #222222
Now create new layer and name it “Text” place your text in this layer,
right click on this layer now and choose blending options > Gradient overlay and use colors setting which are given below,
Duplicate this Layer and name it “Dupliacted Text”
now choose “Dupliacted Text” layer and goto Filter > Blur > Gaussian Blur and set radius to 31.7
you will get something like this
Now choose the layer “Text”, right click on it and then goto blending options , tick on inner glow and press ok,
choose the background layer (which you have filled with dark gray color, #222222) and goto Filter > Render > clouds and then Filter > Render > Difference Clouds,
working on the same background layer, goto Filter > Blur > Gaussian Blur and set Radius to 30.0,
after setting Gaussian Blur effect, goto Filter > Stylize > Glowing Edges and choose this setting,
now you will get something like this,
Now goto Filter > Texture > Craquelure and use this setting
Now your Result will be like this,
Now working on the same background layer goto Filter > Render > Lense Flare , Choose 50-300mm zoom and set brightness to 77%,
if you want to create a shadow for it then simply choose the layer “Text” and duplicate it again, flip it vertically and decrease its opacity,
if you like my tutorial then simply leave a comment or if you want to ask a question then you can simply ask it here,
In this tutorial I am going to show you how to create simple text which change its color on roll over . I assume you have a basic knowledge of HTML, and know what CSS is. If you have any questions please leave comments in this post with your email and i will try to solve it.
First of all open a new notepad file and make a head tag,
then you need to add a style tag in order to give your text a roll over effect
<head>
<style type=”text/css”>
Now, assume that we have a link with blue in color and we want “red” as its rollover color so we have to use this code,
<head>
<style type=”text/css”>
a:link {
color:#0000FF;
}
a:hover {
color:#FF0000;
}
</style>
</head>
Now, if you want to change the color of visited link then add these lines in the above code,
a:visited {
color:#336600;
}
this will change the color of visited link to green.
similarly if you want to show a background color on rollovering then simply add this code in a:hover area,
background-color:#0066FF;
for example:
Our code is:
<head>
<style type=”text/css”>
a:link {
color:#0000FF;
}
a:hover {
color:#FF0000;
}
</style>
</head>
Add <head>
<style type=”text/css”>
a:link {
color:#0000FF;
}
a:hover {
color:#FF0000;
}
</style>
</head> in a:hover to show background color on rollover
so our final code will be,
<head>
<style type=”text/css”>
a:link {
color:#0000FF;
}
a:visited {
color:#336600;
}
a:hover {
color:#FF0000;
background-color:#0066FF;
}
</style>
</head>
now, in order to add underline on the link on rollover, then add this code in a:hover too
text-decoration:underline;
so the final code for the rollover link must be look like this,
<head>
<style type=”text/css”>
a:link {
color:#0000FF;
}
a:visited {
color:#336600;
}
a:hover {
color:#FF0000;
background-color:#0066FF;
text-decoration:underline;
}
</style>
</head>
you can also give other effects on the link like , text get bold on rollver, font size change on rollover, font style change on rollover by adding these lines in a:hover.
font-weight:bold;
font:Arial, Helvetica, sans-serif;
font-size:16px;
This is just a sample of what you can do using CSS, to learn more about CSS or to ask a question or request a tutorial then kindly contact me.
