Subject: Theme Integration Help

Posted on: 15/04/08 10:26am
By: Anonymous

I was wondering if anyone in the community would want to help me with integrating a theme from oswd.org. I'm trying to create a CMS for my Church's Youth Group and although I know some basic designing and CSS, taking one of those open source designs and converting it into Geeklog is proving to be more difficult that I imagined. This would be a time donation project only, but I would have no problem linking a designer's site from ours for a good reference. If anyone is interested, please let me know.

Re: Theme Integration Help

Posted on: 15/04/08 11:26am
By: mevans

Check out the Creating a Theme for Geeklog documentation at gl Labs. There is a section specifically on porting an open source theme.

Thanks!
Mark

Re: Theme Integration Help

Posted on: 15/04/08 11:41am
By: geiss

Which theme were you thinking about porting over at http://oswd.org? Post a link and we'll check it out to see if it is compatible with Geeklog, as some of the designs don't lend themselves well to Geeklog.

Also, as Mark says, check out the How to Port a Theme tutorial.

*cough* whomever wrote it did a fabulous job *cough* Mr. Green

Thx!

Eric

Re: Theme Integration Help

Posted on: 15/04/08 02:19pm
By: Anonymous

Thanks for posting. I'm looking at that tutorial now and it seems to be leading me in the right direction. The template I'd like to use is http://www.oswd.org/design/information/id/3436/#comments

If anyone can tell me if I'm wasting my time, that would be much appreciated.

Re: Theme Integration Help

Posted on: 15/04/08 03:34pm
By: geiss

Interesting theme! Since that theme places both left and right blocks to the right of the main content window, you will have to do some things a little differently. You might want to check out these two themes to see how similar layouts were accomplished.

dkBlog - http://www.geeklog.net/filemgmt/index.php?id=863

Greenery Theme - http://www.gllabs.org/filemgmt/index.php?id=140

MindBreak - http://www.gllabs.org/filemgmt/index.php?id=139

Also, check out http://demo.geeklog.net/vthemes/index.php to see some other current gl v1.4.1 compatible themes that might work for you as well.

Hope this helps!

Eric

Re: Theme Integration Help

Posted on: 15/04/08 05:36pm
By: Anonymous

I looked at those themes for a little while and honestly I think porting that is a little out of my league. I just don't know enough about CSS to change everything around and honestly I don't think I have enough time to as well.

If anyone would be interested in helping me, I'd really appreciate it. I'll talk to the youth minister tonight and see if we could rustle up some funds to get an incentive going. Someone with mad skills I'm sure could rip that out in a few hours. I hope it isn't against forum rules to offer payment for something like this. I'm just looking for someone to do a little freelance on the side work. Please let me know if you are at all interested in helping.

Re: Theme Integration Help

Posted on: 24/04/08 11:27am
By: Anonymous

Ok, well with no takers on the theme editing, I was forced to take the project on myself. After a lot of hours, I think I have it looking pretty good. There are a few minor adjustment that I need to make though and I can't seem to find where those are stored so I need some help.

First, when going into event, the title is spread across two lines and the [Add an event] [Back to calendar] links are overlapping so I need to clean that up but I can't find where that html is. Anyone know where that html is stored?

Re: Theme Integration Help

Posted on: 24/04/08 11:50am
By: geiss

Ok, well with no takers on the theme editing, I was forced to take the project on myself.


Personally, I do this for a hobby, so I'm not interested in paid work. But perhaps if you at least registered on Geeklog, instead of remaining anonymous, someone who is interested might take your offers for paid help a little more seriously... Just some friendly advice. :wink:

The calendar is a plugin, so you can find the .thtml template files at (path_to_geeklog)/plugins/calendar/templates and the style.css file at (public_html)/calendar/

If you post a link to the site, then I might be able to take a look and see if I can shed any light on what is going on. Big Grin

Thx!

Eric


Re: Theme Integration Help

Posted on: 24/04/08 02:20pm
By: squiggie

Thanks for the advice Eric. I did actually register but when I made that last post, I hadn't logged in so it posted it as anonymous. Sorry about that. I will look in the plugins dir and see what I can find. If you want to take a look at the site, hit www.1waysm.com

Re: Theme Integration Help

Posted on: 25/04/08 03:01pm
By: squiggie

Might anyone be able to help me with a little CSS/HTML issue. When looking at www.1waysm.com through IE, everything looks pretty good. When looking at it through FireFox, the footer pic is up around the middle. Now when I use some html/css tools, I notice the Footer div is registering as taking the whole Content div up but I swear there is no footer section anywhere else in the files other than the footer.thtml. Any ideas?

Re: Theme Integration Help

Posted on: 25/04/08 03:11pm
By: geiss

Hmmm,

All I can see is the default professional theme at that site, and all looks well in IE and FF.

If you are working on a custom theme, in config.php set your theme to be the new one, so we can all take a look. Big Grin

Thx!

Eric

Re: Theme Integration Help

Posted on: 25/04/08 03:52pm
By: squiggie

Dang it Eric you keep making me look like and idiot :banghead:
Anyway, it should be changed to the default template now. Thanks!

Re: Theme Integration Help

Posted on: 25/04/08 04:25pm
By: geiss

Don't feel bad! We all need :helpme: at some point or another. Big Grin

In style.css, try adding clear:both; to your footer div, like this:

PHP Formatted Code

#footer {
background:transparent url(images/fbg.jpg) no-repeat scroll 0% 50%;
color:#FFFFFF;
clear:both;
font-family:"trebuchet MS";
font-size:10px;
height:150px;
text-align:left;
vertical-align:middle;
width:1100px;
}
 


Also, just an FYI, I am running at 1024x768 screen resolution (my eyes aren't what they used to be anymore Frown ) and the layout induces a horizontal scroll bar at that resolution. It may or may not bug you, but you might want to take a look at it at that resolution to see if you are ok with it.

Hope this helps!

Eric

Re: Theme Integration Help

Posted on: 25/04/08 04:34pm
By: squiggie

OMG Genius!! Thanks! That worked.

And yeah, I'm working on the horizontal rule. I'm trying to maximize the space as on my screen there is so much wasted real estate on the right side but I need to get it just right to not have that problem on 1024x768. Thanks and I'm sure there are more questions to come.

Re: Theme Integration Help

Posted on: 26/04/08 02:20am
By: beewee

You should use a min-width of 960 or 970 px, and can set the max-width to your own needs

Re: Theme Integration Help

Posted on: 28/04/08 12:49pm
By: squiggie

Ok, I'm mixing things up a little and trying to make this a little more fluid. I've relocated the sidebarleft to the left of the center area and I'm going to essentially turn this into a 3 column layout. My problem is that I can't seem to get sidebarright to line up on the right hand side correctly. I always sinks down under the center area. Any ideas?

Re: Theme Integration Help

Posted on: 28/04/08 01:16pm
By: geiss

What order are you sending content to the browser, leftblocks-centercolumn-rightblocks? If so, then you need to make sure that you leave room for the rightblocks. So, if your center column is width=100%, then you will run into issues, since the browser interprets the code for leftblocks (and then places it), and then the center (and if set to 100% it takes up the rest of the available window space), then the rightblocks get pushed down.

You can try to either specify a right margin for the center column wide enough so that the rightblocks can fit inside, or you can re-order the way the content is spit out by Geeklog to be leftblocks, rightblocks, center column, OR like the upcoming Nouveau theme, be SEO friendly and order it centercolumn first, then left and rightblocks.

Hope this helps!

Eric

Re: Theme Integration Help

Posted on: 28/04/08 01:32pm
By: squiggie

Yes leftblocks, centerblocks and then right blocks. Left blocks floats left and right blocks floats right. I did actually think of that as well and I'm positive there is enough room. The center column is set to be a width of 70%. The left and right blocks are set to be 15% each. I have even taken them down to 10% think that might help but it didn't. I know there is a piece I'm missing somewhere that is really easy.

Re: Theme Integration Help

Posted on: 28/04/08 11:03pm
By: geiss

Make sure to add the following css:

PHP Formatted Code
display: inline;


to your left and right floated columns.

Also take into account padding, borders, etc. for the left and right columns. 30% 40% 30% layouts with additional padding will push the last called 30% down.

If all else fails, these examples should get you started (but note that they are SEO friendly, placing the content column first in the code, followed by the left and right blocks!)

Hope this helps!

Eric

Re: Theme Integration Help

Posted on: 29/04/08 04:49pm
By: squiggie

I'm terribly sorry to keep being a pest on this thread, but I keep running into road blocks, changing things up, then running into more road blocks.

In an effort to create a more fluid there and not such a fixed one, I have changed the theme a little. I took a fluid template and copied all the files contents and started changing. I think it is turning out nicely however I've run into a snag and can't seem to figure it out. Is there a setting somewhere that turns the left blocks off completely? I cannot get them to show even though they are in my header.thtml and the leftblocks.thtml is formatted exactly like the fluid theme where it is working. Any ideas on what I'm missing?

Re: Theme Integration Help

Posted on: 30/04/08 02:06pm
By: beewee

There's a setting in config.php to tell Geeklog that the leftbocks should be rendered in the footer instead of the header. Default is header, did you change that?


left_blocks_in_footer 0 When set to 1, this will make the {left_blocks} variable available in footer.thtml (and disable it in header.thtml). This is really only useful for two-column layouts where you want the left column contain the stories and the right columni contain the standard blocks.

Re: Theme Integration Help

Posted on: 30/04/08 02:25pm
By: squiggie

Nope, it is set to 0

$_CONF['left_blocks_in_footer'] = 0;

Geeklog - Forum
https://www.geeklog.net/forum/viewtopic.php?showtopic=82303