RocketTheme - TOPIC: Up site right corner at jamboworks...What is this? How to add this... (1/2)

Welcome Guest! Login

0 items Join Now

Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago
- Dear sirs,
  
  I'm really interested to add something like this at jamboworks.com ( the 'image' with link ) :
  
  This image is hidden for guests.
  Please log in or register to see it.
  
  I wish to add the similar thing to my site . What should i do?
  
  Where to edit the html / code?
  
  Please guide me with step by step ...maybe others like to have this too.
  
  Thank you.
#4824
- Zorro
- Sr. Rocketeer
- Posts: 114
- Thanks: 0
Re: Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago
- Check out the "One More Thing" template. It's been done there as well.
  
  Kind regards,
  Zorro
#4858
Re: Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago
- I'm using Internet Gazette template. I already search and read through the One More thing guide. I can't find any guide to insert this 'sticker' on webpage.
  
  Jambowork's peoples, can you please give me a help.
  
  Thank you.
#4859
- damo
- Elite Rocketeer
- Posts: 2142
- Thanks: 0
Re: Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago
- look in the archived forum. i think you'll find an answer ...
- www.c3p0.se - sweden
#4878
Re: Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago
- There is an archived forum?
#4931
Re: Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago
- i already search and see every page that contain 'one more thing' , but still no answer.
  ???
#4944

Cory Webb
Jr. Rocketeer
Posts: 32
Thanks: 0

Re: Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago

Look at the source code for OneMoreThing. The line that corresponds to what you want is:

<span id="joomla" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.rockettheme.com/nov05/templates/jw_onemorething/images/omt_joomla_trans.png',sizingMethod='scale');"></span>

The corresponding CSS code from template_css.css is:

span#joomla {
     position: absolute;
     right: 14px;
     top: 21px;
     z-index: 99;
     width: 151px;
     height: 140px;
     background: url(../images/omt_joomla_trans.png) 0 0 no-repeat !important;
     background: transparent;
}

I hope this helps.

#5001

Re: Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago

Any idea how to hyperlink the logo. I tried

<a href="http://www.nigeriavillagesquare.com/" >
 
 
<span id="logo" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php 
 
echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); 
 
?>/images/omt_logo_trans.png',sizingMethod='scale');"></span>
                         
</a>

but it ended up breaking the xhtml compliance

#5085

Andy Miller
Preeminent Rocketeer
Posts: 9919
Thanks: 96
Web Kahuna

Re: Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago

try this technique as used on this site and on the joomla.org sites:

<a href="http://www.joomla.org/content/view/689/79/" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.joomla.org/templates/jw_joomla/images/joomla_donate.png,sizingMethod=scale);z-index:100;position:absolute;right:0;top:0;display:block;height:90px;width:100px;background:url(http://www.joomla.org/templates/jw_joomla/images/joomla_donate.png) !important;text-indent:-999em;text-decoration:none;cursor:pointer">Support Joomla!</a>

#5107

Re: Up site right corner at jamboworks...What is this? How to add this...

Posted 18 years 8 months ago

Andy Miller wrote:

try this technique as used on this site and on the joomla.org sites:

<a href="http://www.joomla.org/content/view/689/79/" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.joomla.org/templates/jw_joomla/images/joomla_donate.png,sizingMethod=scale);z-index:100;position:absolute;right:0;top:0;display:block;height:90px;width:100px;background:url(http://www.joomla.org/templates/jw_joomla/images/joomla_donate.png) !important;text-indent:-999em;text-decoration:none;cursor:pointer">Support Joomla!</a>

Thanks Andy. Worked a treat

#5136

Time to create page: 0.058 seconds