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] 2 3   Go Down

Author Topic: modify existing theme (newb)  (Read 9431 times)

0 Members and 1 Guest are viewing this topic.

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
modify existing theme (newb)
« on: September 18, 2013, 11:46:42 pm »

Hi Friends,
I have my new gallery installed and successfully bridged with SMF 2.0.5 and Tiny Portal (all major accomplishments for me  :o).  Now I want to make it look at least similar to my forum's theme.  I've read most of the way through http://inkscapecommunity.com/ic_gallery/docs/en/theme_create_matching_page_tutorial.htm#theme_matching, and even performed the steps up until I start editing the code (with the tokens).  And I think I generally get the idea how it works.  It looks like I could even get the portal tabs, just like the forum pages (with gallery where forum goes).

But I have another idea in mind.  The Rainy Day theme is a pretty good match to my forum/portal style, except for the colors.  And it seems like it should be a fairly simple matter to change some of the colors....the ones defined in the CSS stylesheet (such as the background, e.g.).  But the graphics at the top of the page, the bold sort of stripes or bands across the top, appear to be created with several individual GIF images.  Actually more than several.  It looks like around 25 small to tiny images.

I guess those would be what I've seen called "slices"?  So if I wanted to change the colors, wouldn't I have to open those image files and change the colors (using a graphics editor)?  Since the gallery is for graphics (rather than photos) I wouldn't have a problem doing that.  But as such a newb, I just wanted to make sure there's not some handy trick that I haven't learned yet.

Thanks for your help   :)
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15759
Re: modify existing theme (newb)
« Reply #1 on: September 19, 2013, 09:05:52 am »

Unfortunately you have to edit all of those images to adjust the color.
Logged

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #2 on: September 20, 2013, 02:12:33 am »

Well you never know  ???  This is all uncharted territory for me, and  I thought it couldn't hurt to ask.

Thank you very much   ;D
Logged

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #3 on: September 21, 2013, 10:33:08 am »

Hi again,
Sorry for marking solved, and then unmarking it.  I'm still on this topic, now with a different idea.

Either of the previous options -- making the gallery look just like my forum, via the instructions in "Create a theme that matches your overall site layout" in the manual; or changing the colors of an existing theme using a graphics editor; will take me some time, study, and no doubt a lot of trial and error.  So in order to get the gallery up and running sooner, I have another idea.  (And after it's up and running, I can work on more these more elaborate themes, in my own time.)

Now I've chosen classic_w_drop theme, dl'd, installed, configured in the gallery and working.  I want to change a couple of colors which appear to me to be defined in the css (style.css).  But when I make the first change, I can't get it to be actually displayed on the gallery.  Here are my steps:

  • First, I copy classic_w_drop, rename it to my custom theme name.
  • Change all the references from themes/classic_w_drop to themes/new_theme.
  • Changed in style.css, template.html and theme.php
  • Saved
  • Upload via SFTP (Bitvise)
  • Configured gallery to display new_theme.
And now to customize it:
  • Open style.css in my new_theme, in Notepad++
  • Locate the body selector, background property, which has a value of #cccccc
  • Change the value to a different color #3268888 (which is the bg color of my forum)
  • Save changes
  • Upload via SFTP (Bitvise) and overwrite new_theme
And I've even looked at my server to make sure style.css in new_theme shows that change.  And it does.  But I can't see the change in the gallery itself.  I've tried multiple refresh/reloads, closing and re-opening the gallery, resetting the theme back to curve and then back to my new theme.  But the bg color remains the same as before.

Can someone tell me what I'm doing wrong?  Or explain whatever I've apparently misunderstood?

Thank you very much :)
Logged

Niecher

  • LocalSupporter
  • Coppermine frequent poster
  • ***
  • Country: es
  • Offline Offline
  • Gender: Male
  • Posts: 191
Re: modify existing theme (newb)
« Reply #4 on: September 21, 2013, 01:56:46 pm »


And now to customize it:
  • Change the value to a different color #3268888 (which is the bg color of my forum)

Quote
Use this one: #326888

Regards.
Logged

lurkalot

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 905
  • +Tinyportal Support team.
Re: modify existing theme (newb)
« Reply #5 on: September 21, 2013, 03:38:30 pm »


   
  • Change the value to a different color #3268888 (which is the bg color of my forum)

Can someone tell me what I'm doing wrong?  Or explain whatever I've apparently misunderstood?


To many digits in there brynn  See Niecher's post above.  ;)
Logged
Running SMF 2.0.15  / Tinyportal 1.6.4, bridged with Coppermine 1.6.06, plus cpmfetch 2.0.0

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #6 on: September 21, 2013, 05:09:56 pm »

Oh, sorry about that little typing error, guys  :-[

That error does not exist in the file, however.  Still no change in the bg color.  :(
Logged

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #7 on: September 21, 2013, 05:12:32 pm »

I see there's a list of colors just above the body selector.  I haven't added the color to that list.  But I think that list is just comments that don't affect the code.  Although I could be wrong?
Logged

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #8 on: September 21, 2013, 05:14:28 pm »

Sorry, I accustomed to being able to edit messages.

Code: [Select]
/* Colors used in this style sheet:
    Hex 000000 = RBG   0,   0,   0 = black
    Hex 5F5F5F = RBG  95,  95,  95 = light black
    Hex BDBEBD = RBG 189, 190, 189 = dark grey
    Hex D1D7DC = RBG 209, 215, 220 = medium grey
    Hex CCCCCC = RBG 204, 204, 204 = medium grey
    Hex E4E4E4 = RGB 228, 228, 228 = medium grey
    Hex EFEFEF = RBG 239, 239, 239 = dark white
    Hex FFFFFF = RBG 255, 255, 255 = white
    Hex 005D8C = RBG   0,  93, 140 = dark blue
    Hex 0033CC = RBG   0,  91, 104 = medium blue
    Hex 0E72A4 = RBG  14, 114, 164 = light blue
    Hex 840084 = RBG 132,   0, 132 = purple
    Hex 00529B = RGB   0,  82, 155 = blue
    Hex BDE5F8 = RGB 189, 229, 247 = cyan
    Hex 4F8A10 = RGB  79, 138,  16 = dark green
    Hex DFF2BF = RGB 223, 242, 191 = light green
    Hex 9F6000 = RGB 159,  96,   0 = dark brown
    Hex FEEFB3 = RGB 254, 239, 179 = light brown
    Hex D8000C = RGB 216,   0,  12 = red
    Hex FFBABA = RGB 255, 186, 186 = pink
    Hex D63301 = RGB 214,  51,   1 = red
    Hex FFCCBA = RGB 255, 204, 186 = pink
*/

body {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background : #326888;
    color : Black;
    margin: 0px;
Logged

Phill Luckhurst

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Online Online
  • Gender: Male
  • Posts: 4685
    • Windsurf.me
Re: modify existing theme (newb)
« Reply #9 on: September 21, 2013, 07:19:09 pm »

Yes, those are just comments to make it easier for people to find the colours they want to change.

Please post a link to your site so we can advise on the exact changes to make.
Logged
It is a mistake to think you can solve any major problems just with potatoes.

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #10 on: September 21, 2013, 07:46:32 pm »

http://inkscapecommunity.com/ic_gallery/index.php

It's the medium gray bg that's behind everything.  I actually have checked the displayed color, and it is indeed #cccccc.  And since the body selector in style.css indicates #cccccc, that would seem to me to be the proper place to change it.  But I'm such a newbie  :o

Thanks again  :)
Logged

lurkalot

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 905
  • +Tinyportal Support team.
Re: modify existing theme (newb)
« Reply #11 on: September 21, 2013, 10:14:07 pm »

Just edited style.css line 44 in Firebug, and it gives me,

I'm not sure what you renamed your theme to, but it's using the stylesheet from here, http://inkscapecommunity.com/ic_gallery/themes/classic_w_drop/style.css which is still #cccccc   ;)

Please double check you followed this part of the docs http://inkscapecommunity.com/ic_gallery/docs/en/theme_create.htm#theme_create_rename


« Last Edit: September 21, 2013, 10:29:30 pm by lurkalot »
Logged
Running SMF 2.0.15  / Tinyportal 1.6.4, bridged with Coppermine 1.6.06, plus cpmfetch 2.0.0

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #12 on: September 21, 2013, 10:32:58 pm »

The new theme is called ic_gallery_theme.  Why isn't it using the stylesheet of the new theme?

I following the instructions for renaming the file, and changing themes/old_theme to themes/new_themes in all 3 files (style.css, theme.php, template.html).

And I have the new theme enabled in Config > Themes.

What did I do wrong?
Logged

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #13 on: September 21, 2013, 10:34:19 pm »

Oh, oops, I missed the last sentence of your message.  I'll check that out right away.

Thanks.
Logged

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #14 on: September 21, 2013, 10:37:21 pm »

Oh no, I followed that absolutely to the letter.  I must be misunderstanding some part of it then   :-\

If anyone can perceive from my comments what I might be misunderstanding, please let me know.  Meanwhile, I'll peruse it for the millionth time  ::)

Thanks
Logged

lurkalot

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 905
  • +Tinyportal Support team.
Re: modify existing theme (newb)
« Reply #15 on: September 21, 2013, 10:40:22 pm »

The new theme is called ic_gallery_theme.  Why isn't it using the stylesheet of the new theme?

I following the instructions for renaming the file, and changing themes/old_theme to themes/new_themes in all 3 files (style.css, theme.php, template.html).

And I have the new theme enabled in Config > Themes.

What did I do wrong?

In your theme template.html file, did you change the url to the css file? I think you'll find it's still pointing to the original one in the classic_w_drop theme folder

"Edit the files to reflect the theme name
Use a plain text editor (in this example, we will use notepad.exe), open your_coppermine_folder/themes/my_theme/template.html. Find "themes/classic" and replace with "themes/my_theme" (may exist in the file several times, so make sure to replace all occurrences of "themes/classic" with "themes/my_theme"). Save your changes. Then do the same thing for the files theme.php and style.css. "
« Last Edit: September 21, 2013, 10:54:24 pm by lurkalot »
Logged
Running SMF 2.0.15  / Tinyportal 1.6.4, bridged with Coppermine 1.6.06, plus cpmfetch 2.0.0

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #16 on: September 21, 2013, 10:51:58 pm »

"Edit the files to reflect the theme name
Use a plain text editor (in this example, we will use notepad.exe), open your_coppermine_folder/themes/my_theme/template.html. Find "themes/classic" and replace with "themes/my_theme" (may exist in the file several times, so make sure to replace all occurrences of "themes/classic" with "themes/my_theme"). Save your changes. Then do the same thing for the files theme.php and style.css. "

I just followed those steps for the 3rd or 4th time.  All the instances of themes/classic_w_drop  have been changed to themes/ic_gallery_theme in style.css, template.html and theme.php for ic_gallery_theme.  I don't understand why it's using the classic_w_drop style.css and not the ic_gallery_theme style.css.
Logged

lurkalot

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 905
  • +Tinyportal Support team.
Re: modify existing theme (newb)
« Reply #17 on: September 21, 2013, 10:55:51 pm »

I just followed those steps for the 3rd or 4th time.  All the instances of themes/classic_w_drop  have been changed to themes/ic_gallery_theme in style.css, template.html and theme.php for ic_gallery_theme.  I don't understand why it's using the classic_w_drop style.css and not the ic_gallery_theme style.css.

Please attach your theme  template.html file to your next post.
« Last Edit: September 21, 2013, 11:01:32 pm by lurkalot »
Logged
Running SMF 2.0.15  / Tinyportal 1.6.4, bridged with Coppermine 1.6.06, plus cpmfetch 2.0.0

brynn

  • Coppermine frequent poster
  • ***
  • Country: us
  • Offline Offline
  • Gender: Female
  • Posts: 198
    • Inkscape Commmunity
Re: modify existing theme (newb)
« Reply #18 on: September 21, 2013, 10:57:55 pm »

theme.html?
Logged

lurkalot

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 905
  • +Tinyportal Support team.
Re: modify existing theme (newb)
« Reply #19 on: September 21, 2013, 11:00:18 pm »

theme.html?

Sorry, had a brain fart there.  :-[   I meant template.html file.
Logged
Running SMF 2.0.15  / Tinyportal 1.6.4, bridged with Coppermine 1.6.06, plus cpmfetch 2.0.0
Pages: [1] 2 3   Go Up
 

Page created in 0.034 seconds with 21 queries.