The Ultranet - from Simple to Snazzy


Published on

The Ultranet can seem quite boring with its grey community spaces, green collaborative spaces and blue design spaces, not to mention the grey portals! BUT, it is easy to add some glitz and colour into the Ultranet. Follow my easy step by step procedures to turn your Ultranet spaces into colourful and appealing spaces.

Published in: Education, Technology, Design
1 Comment
  • Thanks Nicole.
    I was about to create a set of instructions on this topic but then found yours :) I have converted it to a pdf and placed it in an iFrame in my design space for my colleagues. Thanks again.
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

The Ultranet - from Simple to Snazzy

  1. 1. The UltranetFrom Simple toSnazzy<br />Nicole Barnes – EDF 6447 / Rangeview Primary<br />
  2. 2. OK – be honest, the blue design spaces, green collaborative and grey community spaces are bland and boring. <br />BUT <br />we can add some glitz to them!<br />
  3. 3. Click on the cog, and go to Look and Feel<br />
  4. 4. Give your portlet a title rather than Publication. Tick on Use Custom Title and add your title.<br />
  5. 5. Take the tick off Show Borders, this takes off the large grey area around all applications.<br />
  6. 6. Choose a background colour for your portlet, after you save these alterations, be sure to click on the refresh button for the website to view the change.<br />
  7. 7. Once you have finished working on your space, it is possible to hide the menu across the top of all portlets, such as Look & Feel and Configuration. Go to Actions, click on Edit Control.<br />
  8. 8. It is easy to change your background with the Ultranet CSS Generator, created by Darrel Branson. <br /><br />
  9. 9. Backgrounds can be changed for all areas of the Ultranet. Click on “Let’s do it” to begin changing the background colour<br />
  10. 10. There are lots of colours to choose from for background colours, font colours, tab colours, hyperlink colours, in fact every part of your space can be easily changed with the click of a button.<br />
  11. 11. When you are finished choosing your colours, the generator will give you the code required, this need to be copied .. .. ..<br />
  12. 12. Open up the Look and Feel on any portlet in your space, and click on the Advanced Styling tab<br />
  13. 13. Paste the code into this section here(Ctrl V or right click and paste)<br />Click here (add a CSS rule for all ....)<br />And here ( Update the styles .....)<br />
  14. 14. Be sure to click on save – a ‘Before’ shot with the traditional background and tabs<br />
  15. 15. The ‘After’ shot – with a pale blue background and blue tabs<br />
  16. 16. An Ultranet space looking very different!<br />