Dragonfly CMS v9 ⇒ Coppermine ⇒ Coppermine CSS? (page 2) ⇒ Community Forums ⇒ CPG Dragonfly™ CMS
Forum IndexModules & BlocksCoppermine

Coppermine CSS? Reply to topic


Kinsman wrote
Oh, ah, by process of elimination, I found this in the default/style/style.css

.navmenu { color: #FFF; background: #0E72A4; border-style: none; font-weight: bold; font-size: 12px; } .navmenu img { margin: 1px 5px; } .navmenu a { position: relative; display: block; text-decoration: none; color: #FFF; padding: 2px 5px; } .navmenu a:hover { background: #EFEFEF; text-decoration: none; color: #000; }
Its over-riding the coppermine style.css, which has the EXACT same code in it.

I'm wholly unsure which way to go from here, alter it in the teme.css and risk altering the entire site, or start trawling for all the examples of navmenu in coppermine, and create a custom class for it in the coppermine css???

I doubt I could even find it all in coppermine. 😢

BTW I'm comparing those files from a clean download of 9.3.3.1

Themes/default/styles/styles.css
Modules/coppermine/themes/default/style.css


Actually that's where I told you it was, but that's not the one in this case - see above posts by Nano and myself.

You will have to adjust in the last one - halo - or remove it. Yes it will affect others if they use the same naming, but they can't be - because if they did they would already be displaying the same and you would have an issue Wink

Pro_News CM™ - Content Management for Dragonfly CMS™

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Linux / 1.3.39 - 2.4.9 / 5.5.42 - 5.6.16 / 5.4.37 - 5.5.11 / 9.4


Ok deep breath, heres the navmenu now on my live site, see what you think.

www.junglewraiths.net/...&cat=0

Heres a few things I have learned about styling Coppermine that might save others some hassle.

1: It does not fully respond to changes while located here.

modules/coppermine/themes/default.

your best off copying the entire contents of that folder to

yourtheme/coppermine

then use that folder for ALL changes, and they will ALL work

2: Ignore the above for navmenu only, you MUST alter it in

yourtheme/styles/style.css

3: Coppermine theme refers to tableb_compact in a LOT of places. It does not actually exist, so create tableb_compact in your coppermine style css.

Now a LOT of stuff looks exactly the same as whatever you put in that table.

4: If your fussy like me, and adding lots of text aligns left etc for IE diesplay, you going to need to find various areas of your theme and break this down even futher, in my case i now have

tablec_compact and also tabled_compact.

tableb is stock for the theme
tablec handles ALL the diplay pic page
tabled handles nav buttons only.

Hope that helps, and thanks for pointing out that there not called CASCADING style sheets for nothing. Laughing

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


Glad you got it working!

Pro_News CM™ - Content Management for Dragonfly CMS™

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Linux / 1.3.39 - 2.4.9 / 5.5.42 - 5.6.16 / 5.4.37 - 5.5.11 / 9.4


Only one "IE" bugbear left! Very Happy

"Albums" and "Pictures" do not line up correctly in IE in the header bar.

www.junglewraiths.net/...coppermine

Any other browser seems fine. Does IE not like percentages?

here is the code. (again from the 9.3.3.1 download)

<!-- BEGIN header --> <tr> <td class="tableh1" width="80%"><b>'.CATEGORY.'</b></td> <td class="tableh1" width="10%" align="center"><b>'.ALBUMS.'</b></td> <td class="tableh1" width="10%" align="center"><b>'.PICTURES.'</b></td> </tr>

and tableH1

.tableh1 { background : #0E72A4; color : #FFFFFF; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; }

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


Now I know where its located, I just added the nav buttons from our news page.

www.junglewraiths.net/...&cat=0

Any thoughts on that code (post above yours) not liking IE?

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


Take a look in FF ...

Pro_News CM™ - Content Management for Dragonfly CMS™

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Linux / 1.3.39 - 2.4.9 / 5.5.42 - 5.6.16 / 5.4.37 - 5.5.11 / 9.4


Yep, FF is my default browser, and looks fine. I have IE9 installed for checking things in IE, the headings dont line up.

www.junglewraiths.net/...coppermine

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


It's ok now, wasn't then Wink The new outlines around the page numbers in that coppermine navmenu were slicing through the middle of the numbers.

Helluvaway to learn CSS but we've all been there Rolling Eyes

Pro_News CM™ - Content Management for Dragonfly CMS™

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Linux / 1.3.39 - 2.4.9 / 5.5.42 - 5.6.16 / 5.4.37 - 5.5.11 / 9.4


Hehe, cache is a terrible thing too.

Anyhow, back to that IE code and why the headings don't line up, does IE not understand percentages as width perhaps?

dragonflycms.org/Forum...54/#155454

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


Can't really help you there, as IE doesn't run on Linux. But it's well documented that you can't rely on IE to calculate a percentage of a width unless that width is specified. So if you have an unknown width, meaning it will be discovered at run time, then IE will mess up, because it will never calculate it.

Pro_News CM™ - Content Management for Dragonfly CMS™

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Linux / 1.3.39 - 2.4.9 / 5.5.42 - 5.6.16 / 5.4.37 - 5.5.11 / 9.4


Yeah, I think I have it, as the row below has 4 td's elements.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


Got it to align in IE finally.

In cat_list.inc

Find

<!-- BEGIN header --> <tr> <td class="tableh1" width="80%"><b>'.CATEGORY.'</b></td> <td class="tableh1" width="10%" align="center"><b>'.ALBUMS.'</b></td> <td class="tableh1" width="10%" align="center"><b>'.PICTURES.'</b></td> </tr> <!-- END header -->

and replace with

<!-- BEGIN header --> <tr><td colspan="3" border="0"> <table width="100%" border="0"> <td class="tableh1" width="80%"><b>'.CATEGORY.'</b></td> <td class="tableh1" width="10" align="center"><b>'.ALBUMS.'</b></td> <td class="tableh1" width="10%" align="center"><b>'.PICTURES.'</b></td> </tr> </table> </td> <!-- END header -->

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0

All times are UTC


Jump to: