Forum Support

Shape 5
March 19, 2024, 03:45:41 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: changing the full box colours - Resolved  (Read 915 times)
topsys
Jr. Member
**
Offline Offline

Posts: 8



« on: January 31, 2009, 07:51:27 AM »

Hi all,
I have read through this forum but haven't been able to find an answer to my problem.

I would like to change the 6 tab box colours, the whole box not just the header colour.
I have looked at the images in the modules folder & see that for each colour there are only 2 images for the header. The rest of the box (main body & right edge) use the same (mainly white) image for all 6 colours.

I have found an area in the code in the mod_s5_frontpage_display.php where I think is related:

<div id="s5_fd_box1_div1" style="padding:0px; margin:0px; height:<?php echo $s5_fd_bottom_div_height ?>px; background-image: url(modules/mod_s5_frontpage_display/s5_frontpage_display/s5_fd_bl.png); background-repeat:no-repeat; background-position:bottom left">
   
            <div id="s5_fd_box1_div2" style="padding:0px; margin:0px; height:<?php echo $s5_fd_bottom_div_height ?>px; background-image: url(modules/mod_s5_frontpage_display/s5_frontpage_display/s5_fd_br.png); background-repeat:no-repeat; background-position:bottom right">

and added the following code to set the box header colour selected:
<?php echo $s5_fd_box1_color ?>

so the top 2 lines now read:
 
<div id="s5_fd_box1_div1" style="padding:0px; margin:0px; height:<?php echo $s5_fd_bottom_div_height ?>px; background-image: url(modules/mod_s5_frontpage_display/s5_frontpage_display/s5_fd_<?php echo $s5_fd_box1_color ?>_bl.png); background-repeat:no-repeat; background-position:bottom left">
   
            <div id="s5_fd_box1_div2" style="padding:0px; margin:0px; height:<?php echo $s5_fd_bottom_div_height ?>px; background-image: url(modules/mod_s5_frontpage_display/s5_frontpage_display/s5_fd_<?php echo $s5_fd_box1_color ?>_br.png); background-repeat:no-repeat; background-position:bottom right">


I have done this for all 6 references for each box.

I have uploaded the relevant png images for each colour to give a filled in box colour so that the image filename follows the same rules

So this is where I am needing some assistance as the template is not showing the new images in the box area.
Where else would I need to look to complete this?

Thanks
« Last Edit: February 02, 2009, 01:32:12 AM by topsys » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: January 31, 2009, 09:38:32 AM »

Hi, are you trying to get each box a solid color but a different color for each box? If so, you're looking in the right spot. Each box has its own section like the code you pasted below. You are right each box uses the same bl and br images and tl and tr are different based on the colors. If you want different colors for each box you'll need to edit the background-image for each box, something like :

modules/mod_s5_frontpage_display/s5_frontpage_display/s5_fd_bl_brown.png
modules/mod_s5_frontpage_display/s5_frontpage_display/s5_fd_br_brown.png
modules/mod_s5_frontpage_display/s5_frontpage_display/s5_fd_tl_brown.png
modules/mod_s5_frontpage_display/s5_frontpage_display/s5_fd_tr_brown.png

Then create your images and upload them to the folder.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
topsys
Jr. Member
**
Offline Offline

Posts: 8



« Reply #2 on: February 01, 2009, 01:35:29 PM »

Hi Mike,
Thanks for the reply, I had already uploaded new images & made changes to code etc. so was thinking what had I not dome correctly.

I have now resolved this, and it was my fault.
I had not changed the reference number for each section after a copy/paste.
So I had this tag <?php echo $s5_fd_box1_color ?> in all the bl & br background image paths for each section for every box & didn't change the box1 to box2, box3, box4 etc.

So a school boy mistake, just posting so that others might not make same error if trying this.
Logged
labra
Jr. Member
**
Offline Offline

Posts: 53



« Reply #3 on: March 19, 2009, 11:28:22 AM »

The same problem: I'd like to define the bottom box title background colors - but instead of using verbal color definitions (blue/red/brown) I'd like to use a hex (#XXXXXX) color setting (to match the default color of the site).

Can this be done? If yes - how?

TIA -

Lev
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.