the ultranet - from simple to snazzy
DESCRIPTION
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.TRANSCRIPT
![Page 1: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/1.jpg)
The UltranetFrom Simple to
Snazzy
Nicole Barnes – EDF 6447 / Rangeview Primary
![Page 2: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/2.jpg)
OK – be honest, the blue design spaces, green collaborative and grey community spaces are bland and boring.
BUT we can add some glitz to them!
![Page 3: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/3.jpg)
Click on the cog, and go to Look and Feel
![Page 4: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/4.jpg)
Give your portlet a title rather than Publication. Tick on Use Custom Title and add your title.
![Page 5: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/5.jpg)
Take the tick off Show Borders, this takes off the large grey area around all applications.
![Page 6: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/6.jpg)
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.
![Page 7: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/7.jpg)
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.
![Page 8: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/8.jpg)
It is easy to change your background with the Ultranet CSS Generator, created by Darrel Branson.
http://www.smsn.vic.edu.au/ultranetcss/
![Page 9: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/9.jpg)
Backgrounds can be changed for all areas of the Ultranet. Click on “Let’s do it” to begin changing the background colour
![Page 10: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/10.jpg)
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.
![Page 11: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/11.jpg)
When you are finished choosing your colours, the generator will give you the
code required, this need to be copied .. .. ..
![Page 12: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/12.jpg)
Open up the Look and Feel on any portlet in your space, and click on the Advanced Styling tab
![Page 13: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/13.jpg)
Paste the code into this section here(Ctrl V or right click and paste)
Click here (add a CSS rule for all ....)And here ( Update the styles .....)
![Page 14: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/14.jpg)
Be sure to click on save – a ‘Before’ shot with the traditional background and tabs
![Page 15: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/15.jpg)
The ‘After’ shot – with a pale blue background and blue tabs
![Page 16: The Ultranet - from Simple to Snazzy](https://reader033.vdocuments.net/reader033/viewer/2022061117/54671268af7959c6768b5a57/html5/thumbnails/16.jpg)
An Ultranet space looking very different!