Scaling API-first â The story of a global engineering organization
Â
Libguides 2012 boxes
1. Libguides at UCT: Adding content to Boxes
Add content to your page by using content Boxes.
Click on âAdd New Boxâ to get started.
2. Libguides at UCT: Adding content to Boxes
In the âAdd New Boxâ screen, use the
âCreate New Boxâ tab to get started.
3. Libguides at UCT: Adding content to Boxes
This is the most
versatile box
type, for any type
of formatted
Select the type of box you want to use from text, HTML, or
the drop down menu. JavaScript code, or
embedded
Choose âRich text/dynamic content/scriptsâ widgetsâŠ..
4. Libguides at UCT: Adding content to Boxes
Choose the position of the box on the page
5. Libguides at UCT: Adding content to Boxes
A box has been added to the pageâŠ..
Now add some content.
Click on âAdd textâ.
6. Libguides at UCT: Adding content to Boxes
Add text in the
âRich Text Editorâ
âSave changesâ
7. Libguides at UCT: Adding content to Boxes
Add a hyperlink:
Highlight the words you want
to hyperlink.
Click the hyperlink icon on the
toolbar.
Fill in the URL (web address).
Target: Choose âOpen Link in
New Windowâ if you want the
linked page to open in a new
window. This is the default.
Title: Give your link a
description.
Click âInsertâ
8. Libguides at UCT: Adding content to Boxes
Add an email address:
Highlight the words you want
to hyperlink.
Click the hyperlink icon on the
toolbar.
Fill in the email in the âLink
URLâ field as follows:
mailto:your.name@uct.ac.za
Title: Give your link a
description.
Click âInsertâ
9. Libguides at UCT: Adding content to Boxes
The âPlain-text Editorâ tab will show the HTML coding.
You can add your own coding here.
For example the coding for an email link is:
<a href="mailto:your.name@uct.ac.za">Your Name</a>
10. Libguides at UCT: Adding content to Boxes
Content has been
added to the box
Click on âEdit Textâ to add more content â we
will now add a pictureâŠ.
11. Libguides at UCT: Adding content to Boxes
Click on the Picture Icon in
the toolbar.
Now we have to fill in the
URL of the imageâŠâŠâŠ
12. Libguides at UCT: Adding content to Boxes
Choose the picture that
you want from your
computer.
Copy the file.
14. LoginâŠâŠ
If you do not know what
this is please check with
your section head or email
jen.eidelman@uct.ac.za
You must be a Libguide
user to have rights hereâŠâŠ
15. Find your library folder
where you will store all
your images.
PLEASE NOTE:
The law here is â do not
delete or mess with anyone
elseâs folder!!
16. Paste your file in the folder where you have chosen to store your
images. In this instance the SciTech folder has been chosen.
Your URL will be the address you find in the toolbar plus the name of
your file.
http://legacy.lib.uct.ac.za/scitech/images/law_bookshx_.png
Copy this address into the Libguide âImage URLâ
17. Libguides at UCT: Adding content to Boxes
Paste your URL here
Click âInsertâ
http://legacy.lib.uct.ac.za/scitech/images/law_bookshx_.png
18. Libguides at UCT: Adding content to Boxes
Your image has been inserted â you
can play with the size of your image
by clicking on the image and then
dragging the handles to the size that
you want.
Click âSave and Closeâ
19. Libguides at UCT: Adding content to Boxes
Now letâs add
another boxâŠâŠ.
Your image has been inserted in the Box
20. Libguides at UCT: Adding content to Boxes
Create a box with
Links and Lists
21. Libguides at UCT: Adding content to Boxes
Fill in a title for your
new box and choose
the position you
want for the box.
Choose âCreate Boxâ
22. Libguides at UCT: Adding content to Boxes
A new box has been
created.
Click on âAdd New
Linkâ
23. Libguides at UCT: Adding content to Boxes
Fill in the Link title
Link URL (web address)
Add a description of the
link.
Choose âCreate Linkâ
24. Libguides at UCT: Adding content to Boxes
The link has
been added to
the box.
You can add as
many links as
you like.
Remember
that text in
front of the Now letâs add
link can always another new
be added by boxâŠâŠ.
clicking on
âadd textâ.
25. Libguides at UCT: Adding content to Boxes
Now we are going to
add a box for
âEmbedded Media &
Widgetsâ
26. Libguides at UCT: Adding content to Boxes
âDisplay a video, audio or
any widget inside the box.â
Give the box a title, choose
the position and then click on
âCreate Box.â
27. Libguides at UCT: Adding content to Boxes
A new box has been added.
Click âAdd Media/Widget Codeâ
28. Libguides at UCT: Adding content to Boxes
Choose any widget
from an internet
source. Download the
file with the code.
Save the file.
29. Libguides at UCT: Adding content to Boxes
The coding for the
widget.
Copy the code
and paste it into
the âEmbedded
Media & Widgetsâ
Libguide template.
Click âEmbed itâ.
30. Libguides at UCT: Adding content to Boxes
The widget has
been embedded in
the Box
31. Libguides at UCT: Adding content to Boxes
Click on the âEditâ
button to edit
the box
information.
32. Libguides at UCT: Edit content to Boxes
Here you can
change the heading
(box title) of your
box.
You may also wish
to change the type
of box here.
33. Libguides at UCT: Edit content to Boxes
Edit âBox coloursâ â
allows you to make
changes to the colours
of your box.
Edit âBox Link & Embed
Codeâ â allows you to
make changes to the
code or links in your
box.
34. Libguides at UCT: Reorder Boxes
Go to âAdd Edit
Pagesâ and click on
Reorder Boxes to
change the order in
which the boxes
appear on the page.
35. Libguides at UCT: Reorder Boxes
This screen shows the order in which boxes
appear on the page
36. Libguides at UCT: Reorder Boxes
Swop the order of the
boxes by clicking on the
box you want to move and
dragging it into the
position you want.
When you see the green +
icon the item has been
successfully moved.
37. Libguides at UCT: Reorder Boxes
âSearch HeinOnlineâis now in the centre of
the page and âResourcesâ has moved to the
right of the page.
38. Libguides at UCT: Adding content to Boxes
You can also put the
boxes underneath
each other in the
same way.
39. Libguides at UCT: Reorder Boxes
Boxes now appear
one underneath the
other on the page.
40. Libguides at UCT: Resize Columns
Choose âAdd/Edit Pagesâ
and click on âResize
Columnsâ
41. Libguides at UCT: Resize Columns
Drag the handles
to resize the
left, centre or
right columns
Left columns
have been
successfully
enlarged.
42. Libguides at UCT: Resize Columns
Choose to hide one of
the three columns.
In this instance choose
to hide the right column
Left and Centre columns
are shown. No right
column is shown.