Author Topic: Button for 'Oxygen' theme (Bloc)  (Read 5188 times)

Offline Daniel15

Button for 'Oxygen' theme (Bloc)
« on: July 22, 2006, 01:13:50 pm »
This is the shop button code for the 'Oxygen' theme by Bloc. This theme handles the buttons a bit differently, so some people get confused when implementing a button on this theme. Anyways...

The file for the button is attached to this post. Please save this button to Themes/oxygen/images/english/back/shop.gif

Code modifications:
Open Themes/oxygen/Index.template.php
Find:

        // The [calendar]!
        if ($context['allow_calendar'])
                echo '
                                <div id="bbcalendar"  '
.$mycode.'><a href="'$scripturl'?action=calendar"><img src="' $settings['images_url'] . '/blank.gif" alt="' $txt['calendar24'] . '" style="margin: 0px; width: 74px; height: 24px;" border="0" /></a></div>';


Add after:

	
	
//Shop
	
	
	
	
	

        echo '
                                <div id="bbshop"  '
.$mycode.'><a href="'$scripturl'?action=shop"><img src="' $settings['images_url'] . '/blank.gif" alt="Shop" style="margin: 0px; width: 47px; height: 24px;" border="0" /></a></div>';


Now, we also need to modify a bit of the CSS.
Open Themes/oxygen/style.css
Find:

Code: [Select]
#bbcalendar
 {
  background-image: url(images/english/back/calendar.gif);
  background-repeat: no-repeat;
  background-position:0 -24px;
  border-width:0;
  position: relative;
  float: left;
  }

Add after:

Code: [Select]
  #bbshop
 {
  background-image: url(images/english/back/shop.gif);
  background-repeat: no-repeat;
  background-position:0 -24px;
  border-width:0;
  position: relative;
  float: left;
  }

Then, your shop button should be working :D

Offline Daethian

Re: Button for 'Oxygen' theme (Bloc)
« Reply #1 on: September 12, 2006, 08:06:07 am »
Yah thanks so much for this!!!

Offline Daniel15

Re: Button for 'Oxygen' theme (Bloc)
« Reply #2 on: September 16, 2006, 01:00:04 pm »
No problem :)