<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>Web Master Tutorial And Help</title>
	<atom:link href="http://www.hostingcritic.net/blog/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.hostingcritic.net/blog</link>
	<description></description>
	<pubDate>Sat, 14 Aug 2010 07:25:20 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.2</generator>
	<language>en</language>
			<item>
		<title>Photoshop: Stencil Sketch</title>
		<link>http://www.hostingcritic.net/blog/?p=443</link>
		<comments>http://www.hostingcritic.net/blog/?p=443#comments</comments>
		<pubDate>Sat, 14 Aug 2010 07:22:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop]]></category>

		<category><![CDATA[Photoshop: Stencil Sketch]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=443</guid>
		<description><![CDATA[Here&#8217;s a simple technique for creating a stencil sketch line artwork from photos. There are two things different about this method: the higher the image resolution the better and a three two step (repeat) filter effect will be applied to a channel copy instead of the RGB composite. 
Step 1  Starter Image 
To begin, [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s a simple technique for creating a stencil sketch line artwork from photos. There are two things different about this method: the higher the image resolution the better and a three two step (repeat) filter effect will be applied to a channel copy instead of the RGB composite. </p>
<p>Step 1  Starter Image </p>
<p>To begin, click on this image and save it to your computer. Then open it in Photoshop to follow along. </p>
<p><img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/11.jpg"><br />
Step 2 � Duplicate Red Channel </p>
<p>Open the Channels Palette (Window > Channels) then drag-and-drop the Red Channel onto the New Channel icon command (encircled in red) located at the bottom of the Channels Palette. </p>
<p>Doing so will create a �Red copy� channel as captured below. <br />
<img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/2.jpg"><br />
Step 3 � Filter > Stylize > Find Edges </p>
<p>With the Red copy Channel active in the Channels Palette, go Filter > Stylize > Find Edges.<br />
There is no dialog with this filter so the effect will be instant and is without any property settings. It�s a one-shot deal and the result should be as captured below. <br />
<img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/31.jpg"><br />
Step 4 � Filter > Artistic > Cutout </p>
<p>Still with Red copy Channel active in the Channels Palette, go Filter > Artistic > Cutout.<br />
At the Filter Gallery dialog, accept the Cutout properties defaults (or set them as captured below) and then click OK to commit changes. </p>
<p>[Note: If you do not see the default settings, hold down the Command key (PC: Ctrl key) and the Cancel command will revert to Reset. Click Reset to get back to the default active filter settings.] </p>
<p>The results below are useful, but let�s take it a step further and reapply these same two filters for a deviation.<br />
<img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/41.jpg"><br />
Step 5 � Filter > Stylize > Find Edges </p>
<p>As with Step 3, reapply the Filter > Stylize > Find Edges on Red copy Channel to get the following result. </p>
<p>Step 6 � Filter > Artistic > Cutout </p>
<p>Again, reapply the Filter > Artistic > Cutout command on Red copy Channel, except this time explore for various line edge artwork variants, other than the default Cutout setting.<br />
<br />
<img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/41.jpg"><br />
I settled on the 4, 7, 3 property slider items below to get a rigid edge and sharp grayscale contrast.<br />
Click OK to commit the Cutout Filter.<br />
<br />
<img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/51.jpg"><br />
[Note: When you�re in the Cutout filter and, as in this case, when the target is a grayscale Channel, adjusting the Number of Levels slider to the left will strip all grayscale tones and just leave you with black and white, as opposed to the far right with a wider range of grey tones. Each of them can make for separate variant results, as well.]<br />
<br />
<img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/61.jpg"><br />
Now it�s just a matter of copying the contents of the filtered Red copy Channel and pasting them into a new Layer in the Layers Palette. </p>
<p>What I realized when dabbling with Filter Effects is that the best results are achieved with a higher resolution image. Here�s another tip: avoid complexities of color algorithms by applying the filters to a channel copy (or a grayscale composite). </p>
<p>Final note - filter effects vary from image to image so the above settings may not replicate, but you will be able to adjust the sliders and tweak it to a close enough resemblance.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=443</wfw:commentRss>
		</item>
		<item>
		<title>Photoshop: create transparent background</title>
		<link>http://www.hostingcritic.net/blog/?p=434</link>
		<comments>http://www.hostingcritic.net/blog/?p=434#comments</comments>
		<pubDate>Sat, 14 Aug 2010 07:07:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop]]></category>

		<category><![CDATA[Photoshop: create transparent background]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=434</guid>
		<description><![CDATA[In this photoshop tutorial, I will explain how to create a transparent background.
You will need to get the background out of the picture. If you background is one color, the process can be very easy. Use the magic wand tool, select the background:

You can then feather if you wish and hit the delete key:


You should [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/2.png"></a>In this photoshop tutorial, I will explain how to create a transparent background.</p>
<p><span style="font-weight: bold;"><span style="color: black;">You will need to get the background out of the picture. If you background is one color, the process can be very easy. Use the magic wand tool, select the background:</span></span></p>
<p><img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/1.jpg" alt="" /></p>
<p><span style="FONT-WEIGHT: bold"><span style="color: black;">You can then feather if you wish and hit the delete key:</span></span><br />
<img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/2.png" alt="" /><br />
<br />
You should see a checkered board background&#8230; The checker board background means it is transparent.<br />
<br />
<img src="http://www.hostingcritic.net/blog/wp-content/uploads/2010/08/3.jpg" alt="" /><br /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=434</wfw:commentRss>
		</item>
		<item>
		<title>css: rollover text links</title>
		<link>http://www.hostingcritic.net/blog/?p=432</link>
		<comments>http://www.hostingcritic.net/blog/?p=432#comments</comments>
		<pubDate>Fri, 13 Aug 2010 17:57:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=432</guid>
		<description><![CDATA[this little tutorial will show you how to achieve text rollover using css:

a:hover{
color:red;
}


]]></description>
			<content:encoded><![CDATA[<p>this little tutorial will show you how to achieve text rollover using css:<code><br />
<style type="text/css">
a:hover{
color:red;
}
</style>
<p></code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=432</wfw:commentRss>
		</item>
		<item>
		<title>css: Center a box horizontally</title>
		<link>http://www.hostingcritic.net/blog/?p=430</link>
		<comments>http://www.hostingcritic.net/blog/?p=430#comments</comments>
		<pubDate>Fri, 13 Aug 2010 17:40:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=430</guid>
		<description><![CDATA[#container{text-align:center;}
#centered{width:300px; margin-left:auto; margin-right:auto;}

this should be centered


]]></description>
			<content:encoded><![CDATA[<p><code>#container{text-align:center;}<br />
#centered{width:300px; margin-left:auto; margin-right:auto;}</p>
<div id="container">
<div id="centered">this should be centered</div>
</div>
<p></code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=430</wfw:commentRss>
		</item>
		<item>
		<title>javascript: show/hide elements</title>
		<link>http://www.hostingcritic.net/blog/?p=427</link>
		<comments>http://www.hostingcritic.net/blog/?p=427#comments</comments>
		<pubDate>Fri, 13 Aug 2010 17:36:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[javascript show elements. javascript hide elements]]></category>

		<category><![CDATA[javascript show/hide elements]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=427</guid>
		<description><![CDATA[This little javascript function will let you show/hide elements on a form.
function showorhide(id) {
if(document.getElementById(id)){
var ele = document.getElementById(id);
if(ele.style.display==&#8221;none&#8221;){ ele.style.display=&#8221;block&#8221;;               }else{            ele.style.display=&#8221;none&#8221;;           [...]]]></description>
			<content:encoded><![CDATA[<p>This little javascript function will let you show/hide elements on a form.</p>
<p>function showorhide(id) {</p>
<p>if(document.getElementById(id)){</p>
<p>var ele = document.getElementById(id);</p>
<p>if(ele.style.display==&#8221;none&#8221;){ ele.style.display=&#8221;block&#8221;;               }else{            ele.style.display=&#8221;none&#8221;;             }    } }</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=427</wfw:commentRss>
		</item>
		<item>
		<title>Adding a Beam of Light on your photos</title>
		<link>http://www.hostingcritic.net/blog/?p=405</link>
		<comments>http://www.hostingcritic.net/blog/?p=405#comments</comments>
		<pubDate>Thu, 14 May 2009 19:30:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=405</guid>
		<description><![CDATA[I will show you today how to add a beam of light to your photos.
Open a photo in photoshop from your stock photo. if you don&#8217;t have one you can use mine:

Open the photo you want to add a light beam effect.
Press Control-J to duplicate the layer.
With your Polygonal Lasso Tool draw a beam of [...]]]></description>
			<content:encoded><![CDATA[<p>I will show you today how to add a beam of light to your photos.</p>
<p>Open a photo in photoshop from your stock photo. if you don&#8217;t have one you can use mine:<br />
<a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/11.jpeg"><img class="alignnone size-medium wp-image-406" title="11" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/11-300x256.jpg" alt="" width="300" height="256" /></a></p>
<p>Open the photo you want to add a light beam effect.<br />
Press Control-J to duplicate the layer.</p>
<p>With your Polygonal Lasso Tool draw a beam of light similar with mine:<br />
<a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/21.jpeg"><img class="alignnone size-medium wp-image-407" title="21" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/21-300x255.jpg" alt="" width="300" height="255" /></a></p>
<p>Go to the Channels palette and click on the Save Selection as Channel icon</p>
<p><a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/32.jpeg"><img class="alignnone size-medium wp-image-410" title="32" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/32-135x300.jpg" alt="" width="135" height="300" /></a></p>
<p>Now, click on Alpha 1 and press Control-D to Deselect.</p>
<p>Go to Filter menu &gt; Blur &gt; Gaussian Blur. When the dialog appears, enter 15 pixels</p>
<p>Now, you&#8217;ll need to load the Alpha channel as a selection, so click on the Load Channel as Selection button at the bottom of the palette.<br />
<a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/41.jpeg"><img class="alignnone size-medium wp-image-411" title="41" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/41.jpeg" alt="" width="166" height="78" /></a></p>
<p>Once it&#8217;s loaded, return to the RGB Composite channel by pressing Control + ~</p>
<p>Inverse your selection by pressing Control-Shift-I. Then press Control-L to open Levels, and drag the bottom-right Output Levels slider to the left to darken the surrounding areas</p>
<p><a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/5.jpeg"><img class="alignnone size-medium wp-image-412" title="5" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/5-300x205.jpg" alt="" width="300" height="205" /></a></p>
<p>You&#8217;ll have to Inverse the selection again, so press Control-Shift-I again.</p>
<p>Now that you&#8217;ve inversed the selection, bring up Levels again, but this time drag the bottom-left Output Levels slider to the right to lighten up the beam. Again, lighten it up more than you think you need to, and then click OK.<br />
<a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/6.jpeg"><img class="alignnone size-medium wp-image-414" title="6" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/6-300x207.jpg" alt="" width="300" height="207" /></a></p>
<p>Press Control-D to Deselect your beam.</p>
<p>Add a layer mask to your beam layer. Click on the Add Layer Mask icon at the bottom of the Layers palette</p>
<p><a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/7.jpeg"><img class="alignnone size-medium wp-image-415" title="7" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/7.jpeg" alt="" width="236" height="89" /></a></p>
<p>Press D and then X to set your Foreground color to black,<br />
Press B to get the Brush tool, and then choose a small soft-edged brush from the Brush Picker</p>
<p>Now you can start painting over this girl , but only paint over the areas that fall inside the beam of light.</p>
<p>Another step you can do it is to lower the opacity of this layer.Try to change the opacity to 50 % or less.</p>
<p><a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/51.jpeg"></a></p>
<p><a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/8.jpeg"><img class="alignnone size-medium wp-image-416" title="8" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/8-300x256.jpg" alt="" width="300" height="256" /></a></p>
<p>This technique is very useful if you have the right photo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=405</wfw:commentRss>
		</item>
		<item>
		<title>Photoshop: Add Fog on your Photos</title>
		<link>http://www.hostingcritic.net/blog/?p=400</link>
		<comments>http://www.hostingcritic.net/blog/?p=400#comments</comments>
		<pubDate>Thu, 14 May 2009 19:07:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=400</guid>
		<description><![CDATA[This is a very simple way to add fog on your photos.
The secret to realistic fog is to vary its density;
Open a image you like to add fog:

Create a new layer (press Ctrl+Shift+Alt+N in the same time)
Select a brush with a large and soft tip.Then choose Dissolve from the Mode pull-down menu in the Options [...]]]></description>
			<content:encoded><![CDATA[<p>This is a very simple way to add fog on your photos.<br />
The secret to realistic fog is to vary its density;</p>
<p>Open a image you like to add fog:<br />
<a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/1.jpeg"><img class="alignnone size-medium wp-image-401" title="1" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/1.jpeg" alt="" width="300" height="225" /></a></p>
<p>Create a new layer (press Ctrl+Shift+Alt+N in the same time)<br />
Select a brush with a large and soft tip.Then choose Dissolve from the Mode pull-down menu in the Options bar, and set the Opacity to 80%<br />
to create tiny dots with each stroke.Set the foreground color to a grey and draw something like this<br />
<a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/2.jpeg"><img class="alignnone size-medium wp-image-402" title="2" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/2-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>Now No go to Filter &gt; Blur &gt; Gausian Blur and use a radius amount of 7<br />
<a href="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/3.jpeg"><img class="alignnone size-medium wp-image-403" title="3" src="http://www.hostingcritic.net/blog/wp-content/uploads/2009/05/3-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>I hope you like it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=400</wfw:commentRss>
		</item>
		<item>
		<title>PHP: List Directories And Files On my server</title>
		<link>http://www.hostingcritic.net/blog/?p=398</link>
		<comments>http://www.hostingcritic.net/blog/?p=398#comments</comments>
		<pubDate>Wed, 13 May 2009 19:16:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=398</guid>
		<description><![CDATA[I found the easiest solution for listing directories and files on my server. Please take a look below:
&#60;?
$dir = &#8220;images/&#8221;; //You could add a $_GET to change the directory
$files = scandir($dir);
foreach($files as $key =&#62; $value){
echo $value; //You could add an icon in here maybe, a link to the file/directory, or a link to list files [...]]]></description>
			<content:encoded><![CDATA[<p>I found the easiest solution for listing directories and files on my server. Please take a look below:</p>
<p><span style="font-size: x-small; font-family: Arial;">&lt;?<br />
$dir = &#8220;images/&#8221;; //You could add a $_GET to change the directory<br />
$files = scandir($dir);<br />
foreach($files as $key =&gt; $value){<br />
echo $value; //You could add an icon in here maybe, a link to the file/directory, or a link to list files in that directory<br />
}<br />
?&gt; </span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=398</wfw:commentRss>
		</item>
		<item>
		<title>CSS dotted </title>
		<link>http://www.hostingcritic.net/blog/?p=394</link>
		<comments>http://www.hostingcritic.net/blog/?p=394#comments</comments>
		<pubDate>Fri, 17 Apr 2009 18:44:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=394</guid>
		<description><![CDATA[The following code will create dotted hr using css
hr {
height: 0;
border-bottom: 2px dotted #000;
} 
]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: x-small;"><span style="font-family: Verdana;"><strong><span style="background-color: #ffffaa;">The following code will create dotted hr using css</span></strong></span></span></p>
<p><span style="font-size: x-small;"><span style="font-family: Verdana;"><strong><span style="background-color: #ffffaa;">hr</span></strong> {<br />
height: 0;<br />
border-bottom: 2px <strong style="color: black; background-color: #bbffff;">dotted</strong> #000;<br />
} </span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=394</wfw:commentRss>
		</item>
		<item>
		<title>CSS: How can I reduce the spacing between paragraphs?</title>
		<link>http://www.hostingcritic.net/blog/?p=390</link>
		<comments>http://www.hostingcritic.net/blog/?p=390#comments</comments>
		<pubDate>Mon, 09 Mar 2009 04:40:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[CSS reduce the spacing between paragraphs]]></category>

		<guid isPermaLink="false">http://www.hostingcritic.net/blog/?p=390</guid>
		<description><![CDATA[Set line-height to less than 1. But be careful - while paragraphs are drawn closer together, the lines within a paragraph are pushed very close together. With anything less than .9, letters on two lines within a para will touch. It is therefore only useful if you know your paragraphs will be less than one [...]]]></description>
			<content:encoded><![CDATA[<p>Set line-height to less than 1. But be careful - while paragraphs are drawn closer together, the lines within a paragraph are pushed very close together. With anything less than .9, letters on two lines within a para will touch. It is therefore only useful if you know your paragraphs will be less than one line long. For example if each para is a brief data output field and you want to maximise the number of fields you can display on the screen at any one time.</p>
<p class="code">
&lt;style&gt;<br />
P {line-height: .5 }<br />
&lt;/style&gt;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hostingcritic.net/blog/?feed=rss2&amp;p=390</wfw:commentRss>
		</item>
	</channel>
</rss>
