This is the "Home" page of the "Add Pop to LibGuides" guide.
Alternate Page for Screenreader Users
Skip to Page Navigation
Skip to Page Content
Candler School of Theology Pitts Theology Library St. Jerome


Add Pop to LibGuides  

Last Updated: Aug 14, 2013 URL: http://guides.theology.library.emory.edu/guides_tricks Print Guide RSS Updates

Home Print Page
  Search: 
 
 

Styling Text

Creating a drop-cap at the start of a paragraph:

<p style="font-size: 44px; float: left; color: #000000; line-height: 30px; padding-top: 3px; padding-right: 3px; font-family: Times, serif, Georgia;">U</p>

 

See the next box for an example.

 

Using Unicode Fonts

U

nicode characters can be added to libguides pages via the "Plain-Text Editor."  Characters need to use the HTML character reference - usually "&#" followed by a number.  Characters can be copied from the following site:

Free Online Unicode Character Map http://www.atm.ox.ac.uk/user/iwi/charmap.html

 

Unicode Example

Greek: ἀλφα

Hebrew: אבגדה

Arabic: ؀ڌڜڼ

 

Code to make popup

<a href="#" onClick="MyWindow=window.open('http://www.addresstopopup.com','MyWindow',
'toolbar=no, location=yes,directories=no,status=no,menubar=no,scrollbars=yes,
resizable=no,width=800,height=700'); return false;">name of link</a>

 

Columns without tables

Two columns:

<div style="width: 50%; float: left;"></div>

<div style="width: 50%; float: right;"></div>

Three columns:

<div style="width: 33%; float: left;"></div>

<div style="width: 33%;"></div>

<div style="width: 33%; float: right;"></div>

 

Guide Button for Browser

Add the Pitts Theology Library
Research Guides button to your browser. 

 

Pitts Research Guides

Click and drag the button to the
bookmarks bar in your browser.

 

Code for browser button: 

[Comment: put link outside of span that styles button to make entire button clickable]

<a href="http://guides.theology.library.emory.edu/" style="line-height: 25px; font-size: 110%;">

          [Comment: span adds borders and size]

<span style="border-style: outset; border-width: 4px; border-bottom-color: #151B8D; border-right-color: #151B8D; border-top-color: #3BB9FF; border-left-color: #3BB9FF; padding: 7px;">

          [Comment: the style in the img tag removes the link-border and centers it vertically on the text]

<img src="http://lgimages.s3.amazonaws.com/data/imagemanager/24640/featuretn_dolphinanchor.gif" style="vertical-align: middle; border: none;" />

Pitts Research Guides

</span>

</a>

© Emory University Libraries - 540 Asbury Circle, Atlanta, Georgia 30322
Description

Loading  Loading...

Tip