Buttons, Buttons and More Buttons!

Version 2

    Looking to create an "Easy" Button for your landing page? Check out these simple HTML (Tile) examples:

     

    Example #1: (pretty fancy - you probably would create a different graphic)

    Screen+Shot+2013-10-21+at+6.47.21+PM.png

    *** Before you begin, you will need to upload the attached actionButtons.png when you edit your HTML Tile. ***

     

    Copy the attached HTML -> ButtonExample1.rtf into the HTML Tile.

     

    Make sure to adjust the section in the HTML to reflect the link to the actionButtons.png you included in the HTML TIle.

     

    .backgroundDiv { 

      background: url(/resources/statics/1000/actionButtons.png) top left no-repeat; 

      width: 200px; 

      height: 200px; 

     

    Example #2 (really basic button)

     

    In an HTML Tile do something like:

     

    <a href="https://jivedemo-rex.jiveon.com/blog/create-post.jspa?containerType=37&containerID=1029" class="button">Post A Blog in HR!</a>

    a.button {
      
    -webkit-appearance: button;
      
    -moz-appearance: button;
      appearance
    : button;

      text
    -decoration: none;
      color
    : initial;
    }

     

    Change the value  (https://jivedemo-rex.jiveon.com/blog/create-post.jspa?containerType=37&containerID=1029) to link to your place/content type. https://jivedemo-rex.jiveon.com/blog/create-post.jspa?containerType=37&containerID=1029