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
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
Research Guides button to your browser.
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>



Pitts Research Guides
Loading...
