Please enable javascript to view this page in its intended format.

Queen's University
 

Callouts!

 

Callouts can be added to page to bring greater attention to a link.  Whatever text is added to the callout can be turned into a hyperlink.

 

To use the Callouts

  • in the source (HTML) copy and paste the markup for the callout to be inserted.
  • Replace the current text with your text
  • in the a href = " " statement add the url for your text between the quotation marks .  This can also be done in the WYSIWYG editor.
  • exit the source (HTML)
  • save the page.
  • The code will be translated to the results. 

Note:  The Callouts will not display while editing.  Save your page to view the callout.

 

Note:  The Markup below has extra space after each <  and before each > to allow them to be displayed on the page.  Without the extra spaces the markup would be translated into the callout.   When entering the markup in your source remove the extra spaces.

 

 

Callout Markup

Basic


Basic callout

< div class="callout" >

    < p > <a href=" " > WebPublish < /a > < /p >

< /div >


Large
 

Large callout

< div class="callout-large" >

    < p >  Learn more about: < a href=" " > WebPublish < /a > < /p >
< /div > 

Twitter
 

Twitter callout

< div class="callout-twitter" >

    < p > < a href=" " > Follow: WebPublish < /a > < /p >

< /div >

Facebook


Facebook callout

 

< div class="callout-facebook" >

    < p > < a href=" " > Like: WebPublish < /a > < /p >

< /div >

YouTube

YouTube callout

< div class="callout-youtube" >

    < p > < a href=" " > Watch: WebPublish < /a > < /p >

< /div >

Flickr 

Flickr callout

< div class="callout-flickr" >

    < p > < a href=" " > Find us: WebPublish < /a > < /p >

< /div >

LinkedIn 

LinkedIn callout

< div class="callout-linkedin" >

    < p > < a href=" " > Connect: WebPublish < /a > < /p >

< /div >

Blog (Generic)

Blog callout

< div class="callout-blog" >

    < p > < a href=" " > Read about: WebPublish < /a > < /p >

< /div >

Blog (WordPress)

WordPress callout

< div class="callout-wordpress" >

    < p > < a href=" " > Read about: WebPublish < /a > < /p >

< /div >

Pinterest 

Pinterest callout

< div class="callout-pinterest" >
 

    < p > < a href=" " > Follow: WebPublish < /a > < /p >

< /div >

Instagram

Instagram callout

< div class="callout-instagram" >   

    < p > < a href=" " > Follow: WebPublish < /a > < /p >

< /div >


Kingston, Ontario, Canada K7L 3N6 613.533.2000