<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SmileyLover Blog &#187; CSS</title>
	<atom:link href="http://blog.smileylover.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.smileylover.com</link>
	<description>Sharing Knowledge and Resources</description>
	<lastBuildDate>Sun, 04 Apr 2010 18:32:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Remove Friendster Ads With CSS Injection</title>
		<link>http://blog.smileylover.com/remove-friendster-ads-with-css-injection/</link>
		<comments>http://blog.smileylover.com/remove-friendster-ads-with-css-injection/#comments</comments>
		<pubDate>Sat, 29 Nov 2008 07:43:59 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Friendster]]></category>
		<category><![CDATA[CSS Injection]]></category>

		<guid isPermaLink="false">http://blog.smileylover.com/?p=119</guid>
		<description><![CDATA[If you feel all ads around your Friendster profile so annoying, you can try this simple CSS injection to remove it all. Login to your account, go to Edit Profile and add this CSS code in Costumize CSS Box. This code will try to hidden all Class and ID that contains ads. Code 1 ?View [...]


Related posts:<ol><li><a href='http://blog.smileylover.com/auto-add-friends-using-javascript-friendster-hacks/' rel='bookmark' title='Permanent Link: Auto Add Friends Using (Javascript) Friendster Hacks'>Auto Add Friends Using (Javascript) Friendster Hacks</a></li>
<li><a href='http://blog.smileylover.com/boost-your-friends-using-javascript-friendster-hacks/' rel='bookmark' title='Permanent Link: Boost Your Friends Using (Javascript)-Friendster Hacks'>Boost Your Friends Using (Javascript)-Friendster Hacks</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><!--noadsense-->If you feel all ads around your <a title="Social Site" href="http://friendster.com" target="_blank"><strong>Friendster</strong></a> profile so annoying, you can try this <strong>simple CSS injection</strong> to remove it all.  Login to your account, go to Edit Profile and add this CSS code in Costumize CSS Box.  This code will try to hidden all <strong>Class</strong> and <strong>ID</strong> that contains <strong>ads</strong>.</p>
<p>Code 1</p>

<div class="wp_codebox_msgheader wp_codebox_hide"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p119code3'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p1193"><td class="code" id="p119code3"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/* Hide Google Search */</span>
<span style="color: #cc00cc;">#search</span> form <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">display</span> <span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span> !important<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Hide Friendster Classifieds */</span>
<span style="color: #cc00cc;">#marketing</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span>!important<span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Hide Footer */</span>
<span style="color: #cc00cc;">#footer_container</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span>!important<span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Hide Footer link only */</span>
<span style="color: #cc00cc;">#footer</span> a <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span>!important<span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p><span id="more-119"></span></p>
<p>Code 2</p>

<div class="wp_codebox_msgheader wp_codebox_hide"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p119code4'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p1194"><td class="code" id="p119code4"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/* Hide sidebar google ads*/</span>
<span style="color: #cc00cc;">#content_14</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span>!important<span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Hide Classifieds | Jobs | */</span>
<span style="color: #6666ff;">.secondary_links</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span>!important<span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* Hide banner ads on top */</span>
<span style="color: #6666ff;">.banner_ad_fix</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span>!important<span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>Now see your profile, bingo! So clean!! If your profile doesn&#8217;t change immediately, don&#8217;t worry, come back later in few hours or tommorow until Friendster clear the cache <img src='http://blog.smileylover.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<script type="text/javascript" class="owbutton" src="http://onlywire.com/btn/button_3793" title="Remove Friendster Ads With CSS Injection" url="http://blog.smileylover.com/remove-friendster-ads-with-css-injection/"></script>

<p>Related posts:<ol><li><a href='http://blog.smileylover.com/auto-add-friends-using-javascript-friendster-hacks/' rel='bookmark' title='Permanent Link: Auto Add Friends Using (Javascript) Friendster Hacks'>Auto Add Friends Using (Javascript) Friendster Hacks</a></li>
<li><a href='http://blog.smileylover.com/boost-your-friends-using-javascript-friendster-hacks/' rel='bookmark' title='Permanent Link: Boost Your Friends Using (Javascript)-Friendster Hacks'>Boost Your Friends Using (Javascript)-Friendster Hacks</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://blog.smileylover.com/remove-friendster-ads-with-css-injection/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>WordPress Exchange Links Plugin &#8211; AJAX Version</title>
		<link>http://blog.smileylover.com/wordpress-exchange-links-plugin/</link>
		<comments>http://blog.smileylover.com/wordpress-exchange-links-plugin/#comments</comments>
		<pubDate>Fri, 26 Sep 2008 19:04:40 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Localhost]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[wordpress exchange links plugin]]></category>
		<category><![CDATA[wordpress links exchange plugin]]></category>
		<category><![CDATA[wordpress seo plugin]]></category>

		<guid isPermaLink="false">http://blog.smileylover.com/?p=75</guid>
		<description><![CDATA[Let me introduce a new plugin called WpExLinks. This is my first plugin for WordPress that enable you to build your links network with other webmaster. This proccess now more easier in WordPress realm. We can automate the proccess and we&#8217;ll get some notification email in the end of proccess. Here are some feature from [...]


Related posts:<ol><li><a href='http://blog.smileylover.com/making-wordpress-exchange-links-without-plugins/' rel='bookmark' title='Permanent Link: Making WordPress Exchange Links Without Plugins'>Making WordPress Exchange Links Without Plugins</a></li>
<li><a href='http://blog.smileylover.com/simple-ajax-captcha/' rel='bookmark' title='Permanent Link: Simple AJAX Captcha'>Simple AJAX Captcha</a></li>
<li><a href='http://blog.smileylover.com/free-cb-plugin-simple-invitation-invite-friends/' rel='bookmark' title='Permanent Link: Free CB Plugin Simple Invitation (Invite Friends)'>Free CB Plugin Simple Invitation (Invite Friends)</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Let me introduce a new plugin called <strong>WpExLinks</strong>.  This is my first plugin for WordPress that enable you to build your links network with other webmaster.  This proccess now more easier in WordPress realm.  We can automate the proccess and we&#8217;ll get some notification email in the end of proccess.  Here are some feature from my plugin :</p>
<ol>
<li>Auto checking error if this fields were blank (name, email, website title, website URL, reciprocal URL, website description)</li>
<li>Checking for valid format of email, website url, reciprocal url</li>
<li>Checking for status reciprocal url before submitted</li>
<li>Auto blocked same domain submitted</li>
<li>Integrate AJAX CAPTCHA and AJAX sending form in user interface</li>
<li>Notification email for admin when some submit link</li>
<li>Edit Links Page! available</li>
<li>Widget already</li>
<li>Easy manage links (<em>delete, approve, unapprove, check reciprocal links</em>) from Options page</li>
</ol>
<p><span id="more-75"></span></p>
<p>Here are installation step :</p>
<ul>
<li>Make sure you upload a whole folder WpExLinks into your <em>wp-content/plugins</em>, please keep the structure files</li>
<li>Activate both WpExLinks plugin and WpExLinks widget from your <em>Dashboard</em></li>
<li>Create a new page, give a title as you like (ex. Exchange Links) and paste the code in the textarea and publish</li>
</ul>

<div class="wp_codebox_msgheader wp_codebox_hide"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p75code7'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p757"><td class="code" id="p75code7"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;!--</span>wpExLinks<span style="color: #339933;">--&gt;</span></pre></td></tr></table></div>

<ul>
<li>Set WpExLinks options if you need from <em>Settings &gt; Wp Exchange Links</em> options page (default is enough to run)</li>
<li>Finished!  Now everyone want to do exchange links with you just refer to Exchange Links Page <img src='http://blog.smileylover.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>
<p>Screenshot :</p>
<p><img src="http://i36.tinypic.com/2nr1o95.jpg" alt="WpExLinks options page.  You can set website url, title, description, and email address for notification.  Also you can manage all links from here." width="450" /></p>
<p><img src="http://i34.tinypic.com/11b5dzs.jpg" alt="Example WpExLinks page submit form" /></p>
<p>Because this is BETA version, so i need input from you all.  Please report bugs here.</p>
<p>History version:</p>
<p><em>Tested up to 2.6.5</em></p>
<ul>
<li>V1.0 &#8211; 28 Sept 2008, first release WpExLinks WordPress Plugin</li>
<li>V1.1 &#8211; 7 Oct 2008, Change to HTML email, repair bugs function show list without widget, fix admin options area, add description to anchor link as title/alt</li>
<li>V1.2 &#8211; 8 Oct, Fix HTML email, add Edit Links Page!, add permalink to Exchange Link Page in Options Page, etc . Please read changelog in readme.html for details.</li>
<li>V1.3 &#8211; 17 Oct, Change CAPTCHA method hope will fix compatibility issues, add new option to use captcha or not.  Please extract to wpExLinks folder and upload all files. </li>
<li>V1.4 &#8211; 10 Nov, Change default widget to display all links or use 0 to do it, Change AJAX system using  Simple AJAX Code-Kit (SACK) to avoid &#8220;Invalid Captcha&#8221; problem, Fixed minor bugs </li>
</ul>
<blockquote><p><a title="WpExLinks WordPress Plugin" href="http://downloads.wordpress.org/plugin/wp-ex-links.zip" target="_blank"><strong>Download Code</strong></a><br />
Now hosted by <a href="http://wordpress.org/extend/plugins/wp-ex-links/">WordPress</a> <img src='http://blog.smileylover.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p></blockquote>
<p>Update note :<br />
You can show links list without widget, just add this code into your themes, not post/page textarea!  Anyway you can do it if you have execPHP plugin installed in your WordPress <img src='http://blog.smileylover.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>

<div class="wp_codebox_msgheader wp_codebox_hide"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p75code8'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p758"><td class="code" id="p75code8"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><a href="http://www.php.net/function_exists"><span style="color: #990000;">function_exists</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wpExLinksList'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>wpExLinksList<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Default will show links list in unordered list with div id=&#8221;wpExLinks&#8221; for setting in CSS and no limit number links, order by name, and ASCENDING.  Please refer to readme.html file for details.</p>
<p>Enjoy my plugin <img src='http://blog.smileylover.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<script type="text/javascript" class="owbutton" src="http://onlywire.com/btn/button_3793" title="Wordpress Exchange Links Plugin - AJAX Version" url="http://blog.smileylover.com/wordpress-exchange-links-plugin/"></script>

<p>Related posts:<ol><li><a href='http://blog.smileylover.com/making-wordpress-exchange-links-without-plugins/' rel='bookmark' title='Permanent Link: Making WordPress Exchange Links Without Plugins'>Making WordPress Exchange Links Without Plugins</a></li>
<li><a href='http://blog.smileylover.com/simple-ajax-captcha/' rel='bookmark' title='Permanent Link: Simple AJAX Captcha'>Simple AJAX Captcha</a></li>
<li><a href='http://blog.smileylover.com/free-cb-plugin-simple-invitation-invite-friends/' rel='bookmark' title='Permanent Link: Free CB Plugin Simple Invitation (Invite Friends)'>Free CB Plugin Simple Invitation (Invite Friends)</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://blog.smileylover.com/wordpress-exchange-links-plugin/feed/</wfw:commentRss>
		<slash:comments>246</slash:comments>
		</item>
		<item>
		<title>Fixing Identity Themes Broken CSS In IE</title>
		<link>http://blog.smileylover.com/fixing-identity-themes-broken-css-in-ie/</link>
		<comments>http://blog.smileylover.com/fixing-identity-themes-broken-css-in-ie/#comments</comments>
		<pubDate>Mon, 01 Sep 2008 18:26:30 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[fixing identity themes sidebar]]></category>

		<guid isPermaLink="false">http://blog.smileylover.com/?p=23</guid>
		<description><![CDATA[If you are Identity Theme for WordPress user, you may notice this theme will broken in IE but fine in Firefox. So would you leave them out? leave it with nothing? or you will fix it? I prefer option to fix it. Because this is a nice layout and just need a small touch for [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p>If you are <a title="Identity WordPress Theme" href="http://www.blogohblog.com/wordpress-theme-identity/" target="_blank">Identity Theme</a> for WordPress user, you may notice this theme will broken in IE but fine in Firefox.  So would you leave them out?  leave it with nothing? or you will fix it?  I prefer option to fix it.  Because this is a nice layout and just need a small touch for fixed in IE.</p>
<p>As we already know, IE has an extra padding (or margin?) that added to CSS.  So we need a little script in our header theme to make IE read different CSS so this theme will show perfectly across browser <img src='http://blog.smileylover.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .  Add this code to your header.php theme before <strong>wp_head;</strong> via theme editor that built in <em>Dashboard &gt; Design &gt; Theme Editor</em>.</p>
<p><span id="more-23"></span></p>
<blockquote><p>&lt;!&#8211;[if IE]&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;&lt;?php bloginfo(&#8216;template_directory&#8217;); ?&gt;/style_ie.css&#8221; /&gt;<br />
&lt;![endif]&#8211;&gt;</p></blockquote>
<p>You&#8217;re almost done.  And now download this fixed CSS and replaces old CSS in your theme folder.</p>
<blockquote><p><strong><a title="download css fixed" href="http://rapidshare.com/files/141862592/Fixed_CSS_Identiy.zip" target="_blank">Download CSS Fixed</a></strong></p></blockquote>
<p>If you finished all step, now it&#8217;s time to preview theme using IE and Firefox.  Everything is OK?  Hey, you have done <img src='http://blog.smileylover.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Just let me know if you found something wrong in different browser (type/version). Happy blogging <img src='http://blog.smileylover.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<script type="text/javascript" class="owbutton" src="http://onlywire.com/btn/button_3793" title="Fixing Identity Themes Broken CSS In IE" url="http://blog.smileylover.com/fixing-identity-themes-broken-css-in-ie/"></script>

<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://blog.smileylover.com/fixing-identity-themes-broken-css-in-ie/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
