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: Scrolling 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 your 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{<!--This in code you will be able to check the color,height,text-align and width of marquee-->
      width:98%;
      height:20%;
      margin: 4px;
      padding: 1px;
      background-color: darkblue;
      font-family:monospace;
      font-size: 18px;
      color: white;
        text-align: center;
           }
</style><body>
<div class="marquee1">
<h3><strong><em>ANNOUNCEMENT(USING IMAGE)</em></strong></h3>
  <hr>
<!--Edit the following code with what you want to appear-->
<!--edit behavior,direction img src-->
<marquee behavior="scroll" direction="left"><img src="//www.html.am/images/html-codes/marquees/fish-swimming.gif" width="100" height="150" alt="Swimming fish" /></marquee></div></body>

Result

ANNOUNCEMENT(USING IMAGE)


Swimming fish