Theme: Monochrome Beta 1

hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Thu, 2010-02-25 21:23

Hey

I made a new theme. Where should I post the code?

Status:
Based on wind theme.
CSS Restyled in monochrome color scale.
Basic stuff not yet done such as form buttons.
No fancy stuff added yet, so IMO as stable as wind theme
Font family changed
Album icon removed

Plans:
Minimalistic and clean
Remove sidebar in favour of Mac Menu (ex: http://www.skunk.agentura.dk/var/css-dock-menu/test.html)
Find different solution to tag cloud and random photo
Add albums/image grid accross entire screen so that content in all pages does not need scrolling

Maybe add lightbox - maybe not

See example attached

all the best
HB - http://www.image.agentura.dk

AttachmentSize
thumbnail_600px.png221.17 KB
 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Thu, 2010-02-25 22:17
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Fri, 2010-02-26 00:32

Create a codex page for it. If you need help; let me know the name of the theme and post the code in this forum.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Fri, 2010-02-26 10:15

I need help but please explain what you do and where. Otherwise I have to ask again... :-)

Lets call it beta 1

Name: Monochrome
Code: think I need a refresh - next post

all the best
HB - http://www.image.agentura.dk

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Fri, 2010-02-26 10:16

Monochrome theme attached
Beta 1

all the best
HB - http://www.image.agentura.dk

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sun, 2010-02-28 01:34

http://codex.gallery2.org/Gallery3:Themes:monochrome
You will need to login and edit as required.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
mfg

Joined: 2010-02-28
Posts: 1
Posted: Sun, 2010-02-28 17:47

Where is the download link ?

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sun, 2010-02-28 18:04

2 posts up.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Sun, 2010-02-28 22:10

Thanks Dave

Not sure where to edit the theme page. Do I have access?

all the best
HB - http://www.image.agentura.dk

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2010-03-01 04:51

This post:
http://gallery.menalto.com/node/94631#comment-336781
has a attachment. The zip file is the theme.
Or you can use this link:
http://gallery.menalto.com/files/monochrome.zip

I don't understand your question. Do you have access to what?

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Mon, 2010-03-01 10:46

What I mean is how can update this page as I go along?
http://codex.gallery2.org/Gallery3:Themes:monochrome

additions
changes

I dissagree to demo link to my site, since it may change along the way. I prefer a screendump changed according to release of the theme.

I hope you understand what I mean

all the best
HB - http://www.image.agentura.dk

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2010-03-01 14:33

Go to:
http://codex.gallery2.org/Gallery3:Themes:monochrome
click login on the top-right
You can use the current forums login if you wish

Once logged in you will see a edit button.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Sat, 2010-03-06 18:09

Updated css for calenderview module fitted to monochrome theme. Copy code to "calendarview_calendar.css"

The code compacts the calendar grid allowing next release of this theme to display calendar within 2 rows 970x600px. The view does not need scrolling. Note. current theme will squese this into 3 rows though.

The calendar module now use floats for the grid as opposed to a table previously.

This css also align form fields to a right margin ... drop down over dropdown and go button

Colors and fonts adjust perfectly to monochrome.

RTL language correction that prevents floats to invert the month display in the grid.

Note: when upgrading the module, you need to backup this css. I have requested a fix, so that this is not needed or I will port this code directly to the theme itself. Not tested yet and I a concerned with overwriting from the module css..

Quote:
/* Grid view ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-calendar-grid {
position: relative;
margin: 0px 0px 0px 8px;
height: 200px;
align: center;
float: left;
}

/* Search form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#cal_user {
position: relative;
top: 0px;
left: 60px;
display: inline;
}
#cal_year {
position: relative;
top: 0px;
left: 240px;
display: inline;
}
#cal_go {
position: relative;
top: 0px;
left: 328px;
display: inline;
}

/* Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.calendar {
text-align: center;
}
table.calendar caption {
font-size: 1.5em;
padding: 0.2em;
}
table.calendar th, table.calendar td {
padding: 0.2em;
background: #222222;
border: 0px;
}
table.calendar td:hover {
background: black;
}

/* For RTL Languages ~~~~~~~~~~~~~~~~~~~~~~~ */

.rtl #g-calendar-grid {
float: right;
}

all the best
HB - http://www.image.agentura.dk

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Thu, 2010-03-11 10:16

Beta 2 coming up soon - having issues!

Margins left/right and header displays nicely, also search and login. At <div="yui-main"> the page sort of jumps to the right around 300-400px. This includes content, sidebar, footer etc.

I have tried to locate what's causing this, but no idea. Any suggestions. Could it relate to the docs, which I know very little about at this time...

[img]http://gallery.menalto.com/files/mono_problem.jpg[/img]

css content looks like this:

Quote:
#g-content {
/*border: 1px solid #fff;*/ /*for test of content size*/
margin-bottom: 5px;
padding-left: 0px;
position: absolute;
top: 280px;
/*left: 150px;*/
width: 970px;
height: 550px;
}

all the best
HB - http://www.image.agentura.dk

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Thu, 2010-03-11 10:27

Pulling the breadcrumbs from the box model did it... Added to beta 2 coming soon

all the best
HB - http://www.image.agentura.dk

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Sat, 2010-03-13 10:28

Monochrome Beta 1½ available:
[img]http://gallery.menalto.com/files/preview_0.jpg[/img]

Note:
This release will rearrange your G3 layout as follows:

Header - Login and search are squeezed down to give room for Language Flags Module (This Block will move to new front in Beta 3)

Superfish menu (Blue dropdown) - is from here concidered an administration menu, for wich it is brilliant. No browsing and gets you where you want in one click. For users, potentially too much hidden. IMO administration and user apart. This menu is elevated to z-index 1000 (on top of everything), forced to top left of your screen. This way it's out of your G3 but always available. Any drupal admin will know what I mean if I say "admin menu". Working on removal of the home button. It's in the logo and it's in the new menu - Fisheye, see below

Sidebar - Is moved horizontal above content (IMPORTANT! check known issues)
It's a hard fit - therefore, space requiring blocks will not fit. May be removed from Appearance - Sidebar. The idea is that visual blocks and more will move to a new front. Coming for Beta 3.

Content - Primary display (album icon, calendar grid (using the above css for Calender will sqeueeze it hard), contact form etc):
content span the entire G3 width/ less height - this allows for non scrolling pages (may appear in small screens for now, working on it)

Footer - Left bottom, limited width allowing only small chunks

Image - Not themed at all yet. This is why this is a half release. If you cannot live with this, WAIT!!!

All of the above gives options:
Space for Fisheye Menu - http://codex.gallery2.org/Gallery3:Modules:fisheye_menu

1) Home is nicely displayed in this menu - hence, home in admin menu can be removed. Superfish menu is only displayed to admin when done
2) Killer blocks/Modules that will not fit in sidebar (topbar) can be accessed from here and blocks can be removed
3) The iconbar from sidebar is not nice and it is sort of an orphan. Links can be moved to this menu. Note - dynamic links is not yet sorted out for the menu.

In general a major clean up when done

KNOWN ISSUES (concider to wait for Beta 2):
1) Image view is not yet themed. Its messy, don't say you were not warned (plan is small preview, no scroll and fancybox or lightbox2)
2) Dynamic links are displayed in top bar if they fit in. The ones in icon menu are hidden away for now (Slideshow, Comment)
3) Only the following blocks are styled to fit in top bar for now:

Img Block - Random image
Tag Cloud - flash
Calendar
Tags

Moved to Fisheye menu:
- From Blocks
Contact
Updates
Changes
Popular
RSS Album
RSS Photo Movie

- From Icon
Gmaps

all the best
HB - http://www.image.agentura.dk

 
sjskent

Joined: 2005-11-29
Posts: 9
Posted: Thu, 2010-08-19 14:42

Nice Theme. Thank you for the post!

 
marcalicious

Joined: 2011-01-19
Posts: 1
Posted: Wed, 2011-01-19 00:48

Keep going man, this looks like it will be one of the best themes out at the moment! Maybe just get 2.0 to be functional, and put all the bells and whistles onto 3.0?

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Tue, 2011-02-22 15:54

Sorry guys - I have been away :-) and thx...

Looking at as we speak...

all the best
HB - http://www.skunk.agentura.dk

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Fri, 2012-06-01 03:58

Comments are now permitted for this topic.

 
weiyyang

Joined: 2012-07-11
Posts: 1
Posted: Wed, 2012-07-11 12:27

just run into this fabulous theme. anyone can show me how to make translation for chinese for this theme for personal use and also to add into this project for everyone?

 
hebhansen
hebhansen's picture

Joined: 2009-02-10
Posts: 573
Posted: Wed, 2012-07-11 12:35

Theme has not been updated for quite a while. It will not work for G3 as is. There was an update that messed up theme CSS and I never got around to fix it.

I might give it a shot one day. In that case I will keep you posted...

all the best
HB - http://www.skunk.agentura.dk

 
AOWANDERS

Joined: 2012-11-06
Posts: 2
Posted: Tue, 2012-11-06 00:31

Can some please tell me what to do with this zip file I just downloaded. I cant find anywhere on the gallery dashboard on where to upload it. if you need my website its www.aowanders.com the gallery is installed at www.aowanders.com/testing

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Tue, 2012-11-06 01:23

Simply unpack/unzip into your themes directory and go to Admin > Appearance > Theme Choice to select the new theme.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
AOWANDERS

Joined: 2012-11-06
Posts: 2
Posted: Tue, 2012-11-06 01:30

There is no upload button in my admin > Appearnce > theme choice there is only download links no upload links