Skip to main content

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