logo   Edinburgh School of Economics

Style Rules


The University requires all of our home pages to share the same banner on the top of our official home pages (not just the main welcome page). The banner we are using appears on the top of this page. The easiest way to include it in your web page is to tell Andrew, and he will set it up to be automatically included in your web page. Whenever you upload a new version of your web page, the banner will be added within 10 minutes.

Alternatively, you can do it manually by yourself:

  1. Save the logo (by right-clicking on it, or on this link).
  2. Upload the logo onto your web site.
  3. Cut and paste the following code into your web page. You should paste it on the line after the <body> tag.
<div style="background-color:#204060; font-size:14px; text-align:center;
	    margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; ">
<a href="http://www.ed.ac.uk/schools-departments/economics/"
   title="University of Edinburgh"
   style="font-family:Arial,Helvetica,sans-serif; font-size:1.5em; color:#fff;
          text-decoration:none; font-weight:bold">
<span style="display:inline-block">
<img style="vertical-align: middle" src="logo.gif" alt="logo"/>
&nbsp; Edinburgh School of Economics
</span>
</a>
<ul style="display:inline-block; margin:0px; margin-left:20px; 
	   vertical-align:middle; list-style-type:none; text-align:left">
<li>
<a href="http://www.ed.ac.uk/schools-departments/economics"
   style="color:#fff; text-decoration:none">
School of Economics</a></li>
<li>
<a href="http://www.ed.ac.uk/schools-departments/humanities-soc-sci" 
   style="color:#fff; text-decoration:none">
College of Humanities and Social Science</a></li>
<li>
<a href="http://www.ed.ac.uk" style="color:#fff; text-decoration:none">
University of Edinburgh</a></li>
</ul>
</div>