I put together an Elgg 1.0 theme. Blue Gneiss (pronounced nice) represents modest changes from the default core theme. The main differences are the color scheme, an image in the header, and the use of Spotlight. Spotlight has been moved to the login page and does not appear once logged in. This can serve as a site introduction.
Blue Gneiss installs as a plugin and uses the override system. Any edits to the theme, including Spotlight contents, should be done in mod/blue_gneiss_theme/ directories. While I didn’t include all the core default view files, I included several that I had edited and yet others that I suspect some may want to edit. It also includes a full set of graphics from the core, allowing you to make changes to the theme while leaving the core intact.
This theme includes edits to:
views/default.css.php (several changes)
views/default/pageshell/pageshell.php (moved spotlight and made it load not logged in)
views/default/page_elements/footer.php
views/default/spotlight/default.php
In the graphics I added:
graphics/header.jpg
I also altered:
footer_back.gif
spotlight_back.gif
owner_block_back.gif
To install, download, unpack and upload to elgg/mod. Log in, go to Administration–>Tools Administration, then enable. The theme’s default spotlight has some customization hints,
I’m sure there are a few bugs and tweaks that I missed. I have not tested it with Internet Explorer. I would appreciate comments!
Update September 1, 2008:
This is a new version that eliminates the ability to collapse Spotlight and an error that occurred while trying to log on with Spotlight collapsed.
You can preview here. Download here.
Hints for hacking Elgg Themes.
Explanation of theme overrides in Elgg.
Related Posts
-
Hey that’s pretty cool! Just wanted to let you know I tested it out and everything seemed to work. As stated before I’m not big on design until AFTER I’ve programmed the functionality, so I’m glad someone is working on theming! Just a quick observation: don’t you think width’s should be relative as much as possible? In other words use percentages. The reason I say this is because on a quick glance of the css files, I notice some views like the register box being absolute values.
-
Thanks for the theme Steve, I have tested in both firefox and IE 7 and it seems to be working great in both.
I installed Elgg three days ago and it has been working great so far, quite an easy set up once I got my head around the htaccess file. I have not really done much work on web development before so this is a new and exciting concept for me.
I had managed to make a few changes to the spotlight, but I hope to do lots more with Elgg, and your tutorials have been a great help, as I really did not have a clue where to start and what to files to edit.
Well, I am now going to play around with some of the files and see what I can edit. I like that you have made the spotlight show when not logged in, I was wondering if that would be possible and now I know
I wonder if it is possible to show spotlight for both logged in, and not logged in users?Again, Many thanks
Diane
-
This is great. The theme worked just fine. It was easy to install and customize.
One question:
I need to change the text color in the layout header. I tried modifying the layout_header in css.php. I tried to add color and font-color to this.color:#FFFFFF
But it doesn’t seem to work. I am new to PHP so it might just be that I am using the wrong construct. What and where do I need to change to change to font color of the header text?
#layout_header {
text-align:left;
color:#FFFFFF;
width:100%;
height:67px;
border-bottom:0px solid #00578A;
background-image: url(mod/blue_gneiss_theme/graphics/header.jpg);
} -
Thank you for your reply Steve
I have managed to get the spotlight to show constantly.
However, doing this has created a problem when logging in. When a user logs in, instead of being taken to the dashboard, they are taken to a blank page which is being called from
/action/user/spotlight?closed=true
I have taken a look at the code from /action/user/spotlight (which I have pasted below) and will try to edit the file for a fix
spotlightclosed = $closed;
exit;?>
-
I think I have fixed the above issue by replacing
$closed = get_input(’closed’,'true’);
with
$closed = get_input(’closed’,'false’);
-
nope scrap that, its still directing to /action/user/spotlight?closed=true when logging in.
-
Everything works fine if spotlight is open when logging in, but if spotlight is closed when logging in that is when I get the error /action/user/spotlight?closed=true
I will see what I can come up with to fix this
Thanks for your help
-
Hi Steve
I have noticed the same error with the spotlight when trying to log into your web site http://openedweb.com/elgg1
If I close the spotlight before clicking “log in” i am taken to http://openedweb.com/elgg1/action/user/spotlight?closed=true
This happens in both the latest firefox and internet explorer 7
Pressing the back button on the browser redirects to the dashboard.
Diane
-
Im glad im not the only one seeing it
Sorry I did not explain myself properly before, it is something I have trouble doing… even the most simplest things i seem to over complicate them lol
I shall have another look at it again tomorrow, and get back to you if I find a fix.
-
Hi and thanks for the blue gneiss theme.
Unfortunately, I ended up with a site crash and an error message: blue_gneiss_theme is a misconfigured plugin.
I followed the instructions: To install, download, unpack and upload to ellg/mod. Log in, go to Administration–>Tools Administration, then enable.
Did i miss something? Are there any other changes that are required?
Thanks,
Rbryn
-
@ steve I have found a solution to the spotlight problem…
In /actions/user/spotlight.php comment out the ‘exit’
Thanks to Andrew with help with this – view thread http://groups.google.com/group/elgg-development/browse_thread/thread/e445cdff65c297fc#
-
It is difficult to test because I no longer have version 1.0 kicking around. Are you sure you are using version 1.0? Check you file: version.php in your Elgg root.
Are you running any other extensions? There may be a conflict.
If your site is locked up over this, rename the theme. That will disable it.



30 comments
Comments feed for this article
Trackback link: http://openedweb.com/blog/2008/08/29/elgg-10-blue-gneiss-theme/trackback/