Welcome to Geeklog Tuesday, July 16 2019 @ 04:26 am EDT

Geeklog Forums

Theme Integration Help


Squiggie

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.

Status: offline

mevans

Forum User
Full Member
Registered: 08/02/04
Posts: 393
Location:Texas
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

Status: offline

geiss

Forum User
Full Member
Registered: 10/02/04
Posts: 176
Location:Boise, Idaho
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
Synergy - Stability - Style --- Visit us at glfusion.org

Squiggie

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.

Status: offline

geiss

Forum User
Full Member
Registered: 10/02/04
Posts: 176
Location:Boise, Idaho
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
Synergy - Stability - Style --- Visit us at glfusion.org

Squiggie

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.

Squiggie

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?

Status: offline

geiss

Forum User
Full Member
Registered: 10/02/04
Posts: 176
Location:Boise, Idaho
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


Synergy - Stability - Style --- Visit us at glfusion.org

Status: offline

squiggie

Forum User
Junior
Registered: 24/04/08
Posts: 18
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

Status: offline

squiggie

Forum User
Junior
Registered: 24/04/08
Posts: 18
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?

Status: offline

geiss

Forum User
Full Member
Registered: 10/02/04
Posts: 176
Location:Boise, Idaho
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
Synergy - Stability - Style --- Visit us at glfusion.org

Status: offline

squiggie

Forum User
Junior
Registered: 24/04/08
Posts: 18
Dang it Eric you keep making me look like and idiot :banghead:
Anyway, it should be changed to the default template now. Thanks!

Status: offline

geiss

Forum User
Full Member
Registered: 10/02/04
Posts: 176
Location:Boise, Idaho
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
Synergy - Stability - Style --- Visit us at glfusion.org

Status: offline

squiggie

Forum User
Junior
Registered: 24/04/08
Posts: 18
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.

Status: offline

beewee

Forum User
Full Member
Registered: 05/08/03
Posts: 969
Location:The Netherlands, where else?
You should use a min-width of 960 or 970 px, and can set the max-width to your own needs
Dutch Geeklog sites about camping/hiking: www.kampeerzaken.nl | www.campersite.nl | www.caravans.nl | www.caravans.net

Status: offline

squiggie

Forum User
Junior
Registered: 24/04/08
Posts: 18
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?

Status: offline

geiss

Forum User
Full Member
Registered: 10/02/04
Posts: 176
Location:Boise, Idaho
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
Synergy - Stability - Style --- Visit us at glfusion.org

Status: offline

squiggie

Forum User
Junior
Registered: 24/04/08
Posts: 18
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.

Status: offline

geiss

Forum User
Full Member
Registered: 10/02/04
Posts: 176
Location:Boise, Idaho
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
Synergy - Stability - Style --- Visit us at glfusion.org

Status: offline

squiggie

Forum User
Junior
Registered: 24/04/08
Posts: 18
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?

All times are EDT. The time is now 04:26 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content