Any easy way to add a corner ribbon to my header?

[purplemartinart]

I have a ribbon tool from quickribbon.com that I use for my blog and it is very easy. Has anyone used this for an oscommerce site? Or if not, is there a noob friendly way to add a ribbon with link to the header of my site? Where would the code go or do I have to change the header image and change the whole header link to the link within my site of where I want it to go?

Thanks so much.

Just trying to give folks an easy visual to lead them to my "Gifts" section.

[germ]

I have a ribbon tool from quickribbon.com that I use for my blog and it is very easy. Has anyone used this for an oscommerce site? Or if not, is there a noob friendly way to add a ribbon with link to the header of my site? Where would the code go or do I have to change the header image and change the whole header link to the link within my site of where I want it to go?

Thanks so much.

Just trying to give folks an easy visual to lead them to my "Gifts" section.

I looked at the HTML source for your site.

 

It will be much easier to integrate into your left column than the header.

:thumbsup:

[purplemartinart]

Yes, it would be easier but I am trying to decrease my bounce rate since the header img would be further down the page than the initial page view when someone lands on the site.

[germ]

Yes, it would be easier but I am trying to decrease my bounce rate since the header img would be further down the page than the initial page view when someone lands on the site.

In the code for your header you could try adding this after the code for your "tab buttons":

 

<td align-"right" valign="top">
******** DELETE THIS LINE AND INSERT YOUR CODE HERE ********
</td>

BACKUP THE FILE BEFORE EDITING.

 

I did some experimenting in Firefox and this seemed to work well as long as the image is 75 pixels wide or narrower.

 

After that your horizontal alignment goes right out the window...

:blush:

[germ]

<td align-"right" valign="top">
<img src="http://quickribbon.com/ribbon/2009/11/838c7e96086cf9f068b2e725165d1290.gif" border="0" height="75" width="75">
</td>

That gets the image there.

 

Now all you need is to link it to the page.

:thumbsup:

[germ]

And because it's a remotely hosted image it will foul up your SSL in IE ("non secure items" popup) unless you hide it when in SSL mode like this:

 

<?php
 if ( $request_type == 'NONSSL' ) {
?>

<td align-"right" valign="top">
 <img src="http://quickribbon.com/ribbon/2009/11/838c7e96086cf9f068b2e725165d1290.gif" border="0" height="75" width="75">
</td>

<?php
 }
?>

[purplemartinart]

Thanks Germ,

I tried but it seems to push the out the purple sidebars out-expanding the site below the header.

Close though.

I am sure its me though...I added it after the tabs

as follows

<?php
 if ( $request_type == 'NONSSL' ) {
?>

<td align-"right" valign="top">
 <img src="http://quickribbon.com/ribbon/2009/11/838c7e96086cf9f068b2e725165d1290.gif" border="0" height="75" width="75">
</td>

<?php
 }
?>

 

(I fixed my link, thanks!!!)

[germ]

Thanks Germ,

I tried but it seems to push the out the purple sidebars out-expanding the site below the header.

Close though.

I am sure its me though...I added it after the tabs

as follows

<?php
 if ( $request_type == 'NONSSL' ) {
?>

<td align-"right" valign="top">
 <img src="http://quickribbon.com/ribbon/2009/11/838c7e96086cf9f068b2e725165d1290.gif" border="0" height="75" width="75">
</td>

<?php
 }
?>

 

(I fixed my link, thanks!!!)

You could post (or PM) the code for your header and I'll show you where it needs to go.

 

It worked for me using the Web Developer plugin in Firefox.

 

Sometimes what works in FF doesn't in IE though.

:blush: