Skip to main content

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