Links to the Zoom support site manuals on branding:
NOTE: All change might take time as there is caching and a lot of servers on the Cloud that needs to update.
NORDUnet Branding
From the Admin Console find branding low on the left navigation:
Tabs explained
First up is Landing page (https://nordunet.zoom.us) Where you can have all sorts of fun with the stylesheets and links you want.
Header/Footer is applied to all other pages (Login, Join and so forth).
CSS has a few variables and a custom field to support the above.
Images can be used in the pages.
Emails is where the fun begins, see subpage for more information.
Under Zoom Rooms you can upload a default background image for all Zoom Rooms in you organisation.
On the Meetings tab you can add a Post meeting page URL and you can add a custom message to the international Dial-in phone number list.
Details
Landing page
A fully fledged Bootstrap Menu (Header) and Cards for links directly to helpfull things as well as a couple of relevant Twitter feeds. And NORDUnet contact details (Footer).
Header/Footer
Header
The NORDUnet Header has stylesheet overrides for color and positioning.
<style>
.bg-ndn {
background-color: #1BAAD7!important;
}
#btnJoinMeeting, #btnHostMeeting, #btnLogout {
color: #EEEEEE!important;
}
.link {
color: #EEEEEE!important;
}
.navbar-brand{
padding: 5px 5px;
}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
margin-left: 0px
}
.navbar-brand img{
height: 50px!important;
}
</style>
<div id="header" class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container bg-ndn">
<div class="navbar navbar-fixed-top navbar-default bg-ndn">
<a class="navbar-brand" href="http://www.nordu.net"><img src="https://www.nordu.net/sites/all/themes/NORDUnet/images/nordunet.png"></a>
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="btnJoinMeeting" href="/join" class="joinameeting">JOIN A MEETING</a></li>
<li><div id="dropdown-hostmeeting" class="dropdown hidden-xs">
<a id="btnHostMeeting" data-toggle="dropdown" href="javascript:;" class="hostmeeting">HOST A MEETING <span class="caret"></span></a>
<ul id="hostMeetingDropdown" class="dropdown-menu pull-right">
<li><a href="/start/webmeeting">With Video Off</a></li>
<li><a href="/start/videomeeting">With Video On</a></li>
</ul>
</div>
</li>
<div role="presentation" class="visible-xs divider"></div>
<li><a href="/start/webmeeting" class="visible-xs">HOST A MEETING WITH VIDEO</a></li>
<div role="presentation" class="visible-xs divider"></div>
<li><a href="/start/videomeeting" class="visible-xs">HOST A MEETING WITHOUT VIDEO</a></li>
</ul>
</div>
</div>
</div>
</div>
Footer
The NORDUnet Footer also contains loading of the Bootstrap and jQuery Javascript files from media.nordu.net
<div class="container-fluid">
<footer class="footer bg-light text-center">
<span class="text-muted">NORDUnet A/S | Kastruplundgade 22 DK-2770 Kastrup DENMARK | Phone +45 32 46 25 00 | Fax +45 45 76 23 66 | <a href="mailto:info@nordu.net">info@nordu.net</a> ​</span>
</footer>
</div>
<script src="https://media.nordu.net/js/jquery-3.2.1.slim.min.js" crossorigin="portal"></script>
<script>window.jQuery || document.write('<script src="https://media.nordu.net/js/jquery-3.2.1.slim.min.js"><\/script>')</script>
<script src="https://media.nordu.net/js/popper.min.js" crossorigin="portal"></script>
<script src="https://media.nordu.net/js/bootstrap.min.js" crossorigin="portal"></script>
Images
To link to images uploaded here you need to use: <Vanity URL>/account/branding/p/<filename>
Example: https://nordunet.zoom.us/account/branding/p/d1cca45a-57ea-4dcc-80ff-53f02384e69b.png
Comments
0 comments
Article is closed for comments.