<?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>Web Dev Bros &#187; wordpress</title>
	<atom:link href="http://www.webdevbros.net/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webdevbros.net</link>
	<description>hot talk about web development</description>
	<lastBuildDate>Thu, 20 Jan 2011 19:55:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Link categories: &#8220;Between Link and Description&#8221; bugfix/workaround</title>
		<link>http://www.webdevbros.net/2006/11/18/link-categories-between-link-and-description-bugfixworkaround/</link>
		<comments>http://www.webdevbros.net/2006/11/18/link-categories-between-link-and-description-bugfixworkaround/#comments</comments>
		<pubDate>Sat, 18 Nov 2006 19:12:28 +0000</pubDate>
		<dc:creator>Michal</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://fabiankoehler.de/wdb/?p=10</guid>
		<description><![CDATA[We are currently using the 2.0.4 version of wordpress and I have discovered that the "between link and description" property for link categories is being completely ignored by the system. As i am not really into the architecture of worpress yet i am not sure if its a real bug or if the feature should [...]]]></description>
			<content:encoded><![CDATA[<p>We are currently using the 2.0.4 version of wordpress and I have discovered that the "between link and description" property for link categories is being completely ignored by the system. As i am not really into the architecture of worpress yet i am not sure if its a real bug or if the feature should be activated somewhere but as i have seen on the wordpress support boards it seems to be a bug and people strugle to find a nice workaround/bugfix for this. I have a stylesheet solution for this.<span id="more-10"></span></p>
<p>I played around with the stylesheet and found a solution for this which just touches the Sidebar file and the stylesheet of the default theme. It will generate a line break after the link title. The following needs to be done:</p>
<p>Open the Sidebar file and search for <strong>get_links_list()</strong> function call and replace this with the following code:</p>
<div class="igBar"><span id="lphp-4"><a href="#" onclick="javascript:showCodeTxt('php-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-4">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#767676;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;div id=<span style="color:#FF0000;">"linklist"</span>&gt;</div>
</li>
<li style="font-weight: bold;color:#767676;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &lt;ul&gt;&lt;? get_links_list<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span> ?&gt;&lt;/ul&gt;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#767676;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;/div&gt; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>What we do here is we create an own container for the linklist in order to be able to refer to it afterwards in the stylesheet. As the sidebar is built of lists we need to close down the list before and open it afterwards again to be able to bang in the DIV around the function call. The next step is opening the stylesheet of the theme and overriding the definitions for the listitems within the linklist. Add this to the end of your stylesheet:</p>
<div class="igBar"><span id="lcss-5"><a href="#" onclick="javascript:showCodeTxt('css-5'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CSS:</span>
<div id="css-5">
<div class="css">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#767676;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">#linklist ul li a <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#767676;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000000; font-weight: bold;">display</span>:<span style="color: #993333;">block</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#767676;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>What we've done here is a trick that the A-tag displays as a block and therefore the description is on a new line. In Internet explorer this works fine already but in Firefox we still have the list bullets and they're displayed also in a new line. What we can do is to get rid of them by adding another rule to the end of the stylesheet:</p>
<div class="igBar"><span id="lcss-6"><a href="#" onclick="javascript:showCodeTxt('css-6'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CSS:</span>
<div id="css-6">
<div class="css">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#767676;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">#linklist ul li ul li<span style="color: #3333ff;">:before </span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#767676;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000000; font-weight: bold;">content</span>:<span style="color: #ff0000;">""</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#767676;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>The list bullets are defined with the :before pseudo class using the content property. We've just overriden this to display nothing.</p>
<p>That was my quick solution for this small problem. I am curious about other solutions. So lets post them here if you've another tips &amp; tricks.</p>
<div><table> <td><iframe src='http://digg.com/api/diggthis.php?w=new&amp;u=http://www.webdevbros.net/2006/11/18/link-categories-between-link-and-description-bugfixworkaround/&amp;t=Link+categories%3A+%22Between+Link+and+Description%22+bugfix%2Fworkaround&amp;s=normal' height='80' width='52' frameborder='0' scrolling='no'></iframe></td> <td><iframe src='http://www.reddit.com/button_content?newwindow=1&amp;url=http://www.webdevbros.net/2006/11/18/link-categories-between-link-and-description-bugfixworkaround/&amp;title=Link+categories%3A+%22Between+Link+and+Description%22+bugfix%2Fworkaround&amp;t=2 ' height='80' width='52' scrolling='no' frameborder='0' ></iframe></td> <td><iframe src='http://widgets.dzone.com/links/widgets/zoneit.html?url=http://www.webdevbros.net/2006/11/18/link-categories-between-link-and-description-bugfixworkaround/&amp;title=Link+categories%3A+%22Between+Link+and+Description%22+bugfix%2Fworkaround&amp;t=1 ' height='80' width='52' scrolling='no' frameborder='0' ></iframe></td> <td><script type="text/javascript"><!--yahooBuzzArticleHeadline=Link+categories%3A+%22Between+Link+and+Description%22+bugfix%2Fworkaround;//--></script><script type="text/javascript" src="http://d.yimg.com/ds/badge2.js" badgetype=square></script></td> <td><script type="text/javascript">tweetmeme_url='http://www.webdevbros.net/2006/11/18/link-categories-between-link-and-description-bugfixworkaround/'; tweetmeme_style = 'normal';; </script><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js" ></script></td></table></div><!-- This is a HTML comment, it will not display in any page. Feel free to remove this comment if it cause any inconvenient to you.
	Thanks for using digg digg, please visit http://www.mkyong.com/blog/digg-digg-wordpress-plugin for any comments and ideas, 
	
    Author : Yong Mook Kim
    Website : http://www.mkyong.com
	-->]]></content:encoded>
			<wfw:commentRss>http://www.webdevbros.net/2006/11/18/link-categories-between-link-and-description-bugfixworkaround/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

