Skip to main content

Data Services For the LIbrary: Bouncing text

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;
    text-align:center;}
</style><body>
<div class="marquee1">
<h3><strong><em><!--Add you text here-->ANNOUNCEMENT Bouncing text...</em></strong></h3>
  <hr><!--Is a line -->
<marquee behavior="alternate" direction="up"><!--Add you text here-->Add your bouncing text...</marquee>
</div></body>

Results

ANNOUNCEMENT/NOTICE(BOUNCING TEXT)


Add your bouncing text...