Skip to main content

Data Services For the LIbrary: LibGuide Banner(Marquee)

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

Source Code

 Instruction
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><!--make sure that your close the style because if not closed it wont work-->
               .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;}
.marquee1 marquee{<!-- this code is for the fonts and size-->
            font-family:monospace;
            text-align: center;}<!--end here-->
</style><!-- This is a closed tag for style-->
<body><div class="marquee1">
<!--This ais code that appears on top as Notice Board you can change it-->
<h3><strong>

<em>ANNOUNCEMENT/NOTICE</em>

</strong></h3>
<hr>
<!--The following code it is the one which is responsible of  the  scrolling/movement of the text//To put what you what to move replace AND         TEXT HERE with what you want to appear-->
<marquee behavior="scroll" direction="left" height="20%">Add text here...</marquee></div></body>

Result

ANNOUNCEMENT/NOTICE


Add text here...