Skip to main content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

Data Services For the LIbrary: Bouncing Image

Matumba Thuso 24/07/2018 How to creater Lib guide banner and notice

Source Code

Instructions

<!--1.Read all the instruction-->
<!--2.The text in green color tells what to do and the text in blue color are the one you should change/ replace with what you want to be there.-->
<!--3.Copy and  paste it on you guide in one of the box you what it to be-->
<!--4.Edit/Replace the blue text to meet what you want to be there-->

<style>
.marquee1{
    width:98%;
    height:20%;
    margin: 4px;
    padding: 1px;
    background-color:darkblue;<!--change color-->
    font-family:monospace;
    font-size: 18px;
    color: white;<!--change color-->
    text-align: center;}
</style><body>
<div class="marquee1">
<h3><strong><em>ANNOUNCEMENT/NOTICE(USING BOUNCING IMAGE)</em></strong></h3>
  <hr><!--Is a line-->
<marquee behavior="alternate" direction="down"><!--you can change image here--><img src="//www.html.am/images/html-codes/marquees/coffee.gif" width="150" height="108" alt="Cup of coffee on saucer">
</marquee>
</div></body>

Result

ANNOUNCEMENT/NOTICE(USING BOUNCING IMAGE)


Cup of coffee on saucer