Creating a Button

This is a UNT-styled button. It is a rectangle with text with a working link to another web page.

 

 

To add and create a button on your page.

You can create a simple HTML button that will link to another page when the user clicks on it. The following HTML code can be copy and pasted to your source code of WYSIWYG Filtered. You can give name of the button by replacing 'Add text here'

Right Aligned button

<div class="rteright">
  <div class="btn btn1 c1 altcolor ">
    <a href="https://..."> Add text here </a>
  </div>
</div>

 

 

Left Aligned button

<div class="rteleft"> 
  <div class="btn btn1 c1 altcolor "> 
    <a href="https://..."> Add text here </a> 
  </div> 
</div>

 

 

Center Aligned button

<div class="rtecenter"> 
  <div class="btn btn1 c1 altcolor "> 
    <a href="https://..."> Add text here </a> 
  </div> 
</div>

 

 

Colored button

 

<div class="btn btn2 light-gray solid">
   <a href="https://..."> Add text here </a>
</div>

 

 

<div class="btn btn2 c2 altcolor">
   <a href="https://..."> Add text here </a>
</div>

 

 

<div class="btn btn1 c2 altcolor">
   <a href="https://..."> Add text here </a>
</div>

 

 

<div class="btn btn2 c3" style="background-color:yellow">
   <a href="https://..."> Add text here </a>
</div>

 

 

<div class="btn btn1 c1">
  <a href="https://..." style="background-color:#000080; border-color:#000080;">
    <span style="color:#FFFFFF">Add text here </span>
  </a>
</div>