N2S

Topic: Display RSS Feed Icon in Category View

USES: display a simple rss icon next to the current category that the user is viewing.
SAVE AND UPLOAD: http://i38.tinypic.com/9iaic1.png (upload as /img/cat_rss.png)

OPEN: /_templates/category.tpl

Code:
FIND:
        <h2>
                    {$translations.category.jobs_for} {$current_category}</a>
        </h2>

REPLACE WITH:
        <h2 id="none">
                    {$translations.category.jobs_for} {$current_category} <a href="{$BASE_URL}rss/{$current_category}/" alt="RSS Feeds for {$current_category}"/><img src="{$BASE_URL}img/cat_rss.png" border="0" alt="RSS Job Feed"></a>
        </h2>

OPEN: /css/screen.css

Code:
FIND:
a {color:#0099CC; background-color:transparent;text-decoration:none;}
a:hover {color:#0099CC; background-color:transparent; text-decoration:underline;}

ADD AFTER:
div#job-listings h2#none a:hover {background-color:transparent !important;} // no background color for rss category rss icon

(only tested in firefox. I dont really care about IE users. If it works in IE please post and tell us.)

DEMO: http://i38.tinypic.com/2em0x2g.jpg

Last edited by N2S (2008-10-29 02:51:52)

http://i34.tinypic.com/2affofk.png

jobberboards.com

Re: Display RSS Feed Icon in Category View

hey mate. it works in IE but not in my firefox for some reason smile can u help

nice addition.

www.jobberBoards.com - Helping Promote Irish Charities and offering Free Advert Services for Employers

jobberboards.com

Re: Display RSS Feed Icon in Category View

any help with this... thanks

www.jobberBoards.com - Helping Promote Irish Charities and offering Free Advert Services for Employers

Chronos

Re: Display RSS Feed Icon in Category View

Seems to work fine when I visit your site. Maybe some (ad-blocking) plugin hides the image or so?

Member of Jobberbase Development Team - Implementation and Coding

Visit my Blog: ChronoScripts (JobberBase scripts, support and freelance)
JobBoards: Telefonisch Werk and Top Bijbaan
Chronos's Website

jobberboards.com

Re: Display RSS Feed Icon in Category View

thanks for the reply.

it seems your option to remove the hover over background blue color messed up the h2 tag.

when anyone hovers over my rss icon the background turns blue...anyway around this

www.jobberBoards.com - Helping Promote Irish Charities and offering Free Advert Services for Employers

Chronos

Re: Display RSS Feed Icon in Category View

Only did a quick check on your CSS file, but the following seems to work:

Code:
#content a:hover {
background-color:#0099CC;
color:#FFFFFF;
padding:2px;
text-decoration:none;
}

change to

Code:
#content a:hover {
color:#FFFFFF;
padding:2px;
text-decoration:none;
}
Member of Jobberbase Development Team - Implementation and Coding

Visit my Blog: ChronoScripts (JobberBase scripts, support and freelance)
JobBoards: Telefonisch Werk and Top Bijbaan
Chronos's Website

evertsemeijn

Re: Display RSS Feed Icon in Category View

You could also add a class to your feed icon. From that you can be more directive with the css. Instead of changing the hover state of all the links in #content you can specify only the hover state of the rss icon. So starting from step 1 paste

Code:
<h2 id="none">{$translations.category.jobs_for} {$current_category} <a href="{$BASE_URL}rss/{$current_category}/" alt="RSS Feeds for {$current_category}"/><img class="feed_icon "src="{$BASE_URL}img/cat_rss.png" border="0" alt="RSS Job Feed"></a></h2>

Notice the added class to the icon.

Your css than should be

Code:
a.feed_icon:hover {background-color:transparent !important;}
Member of Jobberbase Development Team - Templates/Usability :: Looking for installation and/or custom design? :: Beautiful Wordpress themes
evertsemeijn's Website

elgreco

Re: Display RSS Feed Icon in Category View

for me it works like that:
in the template:

Code:

<div id="rss-feed">
<h2>
{$translations.category.jobs_for} {$current_category} <a href="{$BASE_URL}rss/{$current_category}/" alt="RSS Feeds for {$current_category}"/><img src="{$BASE_URL}img/cat_rss.png" border="0" alt="RSS Job Feed"></a>
</h2>
</div>

in css:

Code:

div#rss-feed a:hover { background-color:transparent !important;}
evertsemeijn wrote:

You could also add a class to your feed icon. From that you can be more directive with the css. Instead of changing the hover state of all the links in #content you can specify only the hover state of the rss icon. So starting from step 1 paste

Code:
<h2 id="none">{$translations.category.jobs_for} {$current_category} <a href="{$BASE_URL}rss/{$current_category}/" alt="RSS Feeds for {$current_category}"/><img class="feed_icon "src="{$BASE_URL}img/cat_rss.png" border="0" alt="RSS Job Feed"></a></h2>

Notice the added class to the icon.

Your css than should be

Code:
a.feed_icon:hover {background-color:transparent !important;}

jobberboards.com

Re: Display RSS Feed Icon in Category View

excellent thanks. I opted for the last option. worked perfect

Chronos by the way I am very impressed with your site and theme? Do you plan to share the code smile

you can PM me if you want. thanks

www.jobberBoards.com - Helping Promote Irish Charities and offering Free Advert Services for Employers

Chronos

Re: Display RSS Feed Icon in Category View

I won't be sharing the theme I'm currently using (I'd like to stay unique at some points), but I was planning to release 1~3 basic layouts to improve my skills a bit (and since all JB installs look very much alike, I suppose they'd be welcome). Any suggestions?

Member of Jobberbase Development Team - Implementation and Coding

Visit my Blog: ChronoScripts (JobberBase scripts, support and freelance)
JobBoards: Telefonisch Werk and Top Bijbaan
Chronos's Website