Download: Junction.zip
Screenshot:
I would welcome your feedback and opinions.
Custom pix taken from the Newbury College Themes (Thanks!)
**Added to Moodle Theme Database - Awaiting approval: Link
We'll the theme wont effect which lanuage you can use, the only difference with the Junction theme is that the usual "Your are logged in as..." menu is missing from the header:
To add it back in you'll need to add the following to the header.html file somewhere:
<?php echo $menu ?>
Perhaps something like:
<li class="headermenu"><?php echo $menu ?></li>
Between lines 35 and 36, probably still need to tweak the CSS to get it to display correctly.
Now the questions of icons instead of text in the header, I cant see any problem with that?
E.g.
<div id="navwrapper">
<ul class="lavaLampWithImage" id="1">
<li class="current"><a href="<?php echo $CFG->wwwroot.'/' ?>">Home</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/course' ?>">Courses</a></li>
<li><a href="#"><img height="40px" width="30px" src="http://assets.tweetdeck.com/splashes/frontpage_1.png"></a></li>
<li><a href="<?php echo $CFG->wwwroot.'/login' ?>">Login</a></li>
<h1 class="headermain"><?php echo $heading ?></h1>
</ul>
</div>
Or visit http://vl3.co.uk/moodle to see the icon ive added to the navigation bar. Note the icon doesnt link to anything right now.
To add it back in you'll need to add the following to the header.html file somewhere:
<?php echo $menu ?>
Perhaps something like:
<li class="headermenu"><?php echo $menu ?></li>
Between lines 35 and 36, probably still need to tweak the CSS to get it to display correctly.
Now the questions of icons instead of text in the header, I cant see any problem with that?
E.g.
<div id="navwrapper">
<ul class="lavaLampWithImage" id="1">
<li class="current"><a href="<?php echo $CFG->wwwroot.'/' ?>">Home</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/course' ?>">Courses</a></li>
<li><a href="#"><img height="40px" width="30px" src="http://assets.tweetdeck.com/splashes/frontpage_1.png"></a></li>
<li><a href="<?php echo $CFG->wwwroot.'/login' ?>">Login</a></li>
<h1 class="headermain"><?php echo $heading ?></h1>
</ul>
</div>
Or visit http://vl3.co.uk/moodle to see the icon ive added to the navigation bar. Note the icon doesnt link to anything right now.
I love this theme. But the CHAT background is the great image and you can't read the text. So I read in Moodle Docs forum (see below) that you should add a line that highlights your words in white as you type. I know that I found this info about the problem in another theme, but I can't find the file that it refers to in junction. Can you help? I've only successfully edited a theme one time before.
/td> The user solved the problem this way:
Openes styles_layout.css under the standard theme.
Went to:
#mod-chat-gui_header_js-jsupdate .chat-event,
#mod-chat-gui_header_js-jsupdate .chat-message
#mod-chat-gui_header_js-jsupdate .chat-message
and added
background-color: #FFFFFF;
Didn't change the window bg image but it gives the block of text a white background that makes the text legible.
Maybe you could help me do the above task...Thanks...
Hi There, this is such a beautiful theme - well done!!!
I have just one problem that I am hoping someone can fix for me here:
Because the theme has a background image - We cannot see the quiz questions or glossarise properly. We hare hoping there is an easy way to have the questions and glossary whited out so (background in plain white) so it's easier on the user completing the elearning programs. This is something we want to set for ALL questions and glossary entries...!
I have tried to change the background colour in a question - but it only changes the background behind the text and not the entire box - I don't want this.
I am wondering if it is something I have to do in the css somewhere...if so, where? and how? please give examples of the how/coding...
My coding skills are pretty poor so I hope this won't be too hard.
Please help 
Hi Jessica,
If you look in the custom.css file in your Junction theme folder you will see this line of code.
I think that will fix the problem...if not let me know.
Mary
If you look in the custom.css file in your Junction theme folder you will see this line of code.
#site-index #middle-column, #course-view #middle-column {
background: url('custompix/middlebackground.png') repeat-x;
padding-top: 4px;
}
You need to add this extra css selector , .entrybox to that line as can be see in this screen shot below...background: url('custompix/middlebackground.png') repeat-x;
padding-top: 4px;
}
I think that will fix the problem...if not let me know.
Mary
Hello again,
Sorry that didn't fix the Quiz, that probably needs some other tweeking, not quite sure where, but as a quick fix try adding this to the bottom of the custom.css file
tbody { background-color: white}
The only problem with this fix is that the whole of the table area background will be white.
but it will allow you to view the questions.
In the mean time I'll look for a proper fix to this problem, which seems to be one of this particular theme's weakest links!!!
Cheers
Mary
Sorry that didn't fix the Quiz, that probably needs some other tweeking, not quite sure where, but as a quick fix try adding this to the bottom of the custom.css file
tbody { background-color: white}
The only problem with this fix is that the whole of the table area background will be white.
but it will allow you to view the questions.
In the mean time I'll look for a proper fix to this problem, which seems to be one of this particular theme's weakest links!!!
Cheers
Mary
Hey again,
I am using the junction theme on my site which is really beautiful but my problem at the moment is that the header "contact" link doesn't navigate to anywhere at all. Where do I change the link so it goes to an email address or our business contact_us webpage?
I tried downloading and manually changing the links in header.html but when i upload it the display becomes very wonky and unformatted.
Jess
Hi Jess,
If you look in header.html you should find the following code (see below)...just add a URL or (as in the highlighted example I've added) your boss's email address. Hope this is of some help? Mary
<?php print_container_start(true, '', 'header-home'); ?>
<div id="navwrapper">
<ul class="lavaLampWithImage" id="1">
<li class="current"><a href="<?php echo $CFG->wwwroot.'/' ?>">Home</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/course' ?>">Courses</a></li>
<li><a href="mailto:ceo@work.com">Contact</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/login' ?>">Login</a></li>
<h1 class="headermain"><?php echo $heading ?></h1>
</ul>
</div>
<?php print_container_end(); ?>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<?php print_container_start(true, '', 'header'); ?>
<div id="navwrapper">
<ul class="lavaLampWithImage" id="1">
<li class="current"><a href="<?php echo $CFG->wwwroot.'/' ?>">Home</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/course' ?>">Courses</a></li>
<li><a href="mailto:ceo@work.com">Contact</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/login' ?>">Login</a></li>
<h1 class="headermain"><?php echo $heading ?></h1>
</ul>
</div>
<?php print_container_end(); ?>
If you look in header.html you should find the following code (see below)...just add a URL or (as in the highlighted example I've added) your boss's email address. Hope this is of some help? Mary
<?php print_container_start(true, '', 'header-home'); ?>
<div id="navwrapper">
<ul class="lavaLampWithImage" id="1">
<li class="current"><a href="<?php echo $CFG->wwwroot.'/' ?>">Home</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/course' ?>">Courses</a></li>
<li><a href="mailto:ceo@work.com">Contact</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/login' ?>">Login</a></li>
<h1 class="headermain"><?php echo $heading ?></h1>
</ul>
</div>
<?php print_container_end(); ?>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<?php print_container_start(true, '', 'header'); ?>
<div id="navwrapper">
<ul class="lavaLampWithImage" id="1">
<li class="current"><a href="<?php echo $CFG->wwwroot.'/' ?>">Home</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/course' ?>">Courses</a></li>
<li><a href="mailto:ceo@work.com">Contact</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/login' ?>">Login</a></li>
<h1 class="headermain"><?php echo $heading ?></h1>
</ul>
</div>
<?php print_container_end(); ?>