Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: [Solved] Theme : Reynolds Problem : Moving Navigation Bar Left  (Read 2966 times)

0 Members and 1 Guest are viewing this topic.

JesseLeeStringer

  • Coppermine newbie
  • Offline Offline
  • Posts: 16

Hi All,

This is my first post mainly due to my expert searching skills  ;D,
I've just dabbed into working with Coppermine[Latest Build] and would like to change the Right-Based Reynolds Theme.

My apparent problem is that I'll be using Coppermine to store high-resolution photographic images with
pixels ranging from 2000px onwards [H=>2000, w=>2000].
The images routinely move under the right-hand menu.
If I have the menu based of the left hand side it would it would solve many problems.
Reynold is the "ONLY" theme I would like to use due to it's simplist yet stylish interface,
I don't wish to sound selfish but rather work on this problem rather then steer to a different theme.

I've dabbed into working with the template.html and style.css files. [changedf from theme.css]
I'm using Dreamweaver Mx as my editing environment for both files,
the WYSIWYG editing doesn't reflect the changes I've made nor does it seem to work when I change
theme.css on codes such as :

Code: [Select]
#menu {
        width: 14em;
        position: absolute;
        float: left;
        top: 97px;
        right: 5em;
        font-size: 100%;
}

Any help would be appreciated.
Should someone already have done the work then it would be very much appreciated.
My Email address is jesseleestringer[a-t]gmail.com.

Thanks
Jesse-Lee
« Last Edit: May 25, 2006, 07:07:37 am by Paver »
Logged

Paver

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 1609
  • Paul V.
Re: Theme : Reynolds Problem : Moving Navigation Bar Left
« Reply #1 on: May 25, 2006, 06:25:45 am »

First of all, there is no theme.css file.  I assume you mean style.css.  Otherwise, I don't know what you are doing wrong. 

I changed #menu as shown:
Code: [Select]
#menu {
        width: 14em;
        position: absolute;
        float: left;
        top: 122px;
        left: 5em;
        font-size: 100%;
}
* html #menu { /* make IE put it in the right place */
        left: 5em;
}
and #content as shown:
Code: [Select]
#content {
        margin-left: 21em;
        margin-right: 40px;
        background-color: #eff3f6;
        padding: 1.0em;
        margin-top: 110px;
        margin-bottom:5px;
        border: 1px #eee solid;
}
and the navbar is now on the left.  As you can see, I just swapped "left" with "right" in the blocks.

As a general note, you should copy the theme folder to a new folder before you make modifications so you can recover or look at the original (in this case Reynolds) theme if you have trouble.  But when you do so, you need to make sure to modify template.html to point to the correct style.css file (with the new folder name).
Logged

JesseLeeStringer

  • Coppermine newbie
  • Offline Offline
  • Posts: 16
Re: Theme : Reynolds Problem : Moving Navigation Bar Left
« Reply #2 on: May 25, 2006, 06:55:42 am »

Thank You for your quick reply Paver,

For user to see the examples provided visit modform.com.au/index.html
I shall be using this as my default template as discussed before.

A short not for users/editors,
To move the {GAL_NAME} and {GAL_DESCRIPTION} tags,

Change the following codes in style.css

#header & #tagline
padding-left: 45px; TO padding-left: 90px;

Code: [Select]
#header {
        position: absolute;
        top: 40px;
        left: 0px;
        background-image: url("images/pen-sm.jpg");
        background-position: top right;
        background-repeat: no-repeat;
        color:#1e5780;
        width:100%;
        margin: 0px;
        height: 75px;
        padding-left: 90px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 2.4em;
}

Should anyone request a copy of the modified source please email me.

Thanks All
Logged
Pages: [1]   Go Up
 

Page created in 0.024 seconds with 16 queries.