Page tree
Skip to end of metadata
Go to start of metadata

http://cms.bath.ac.uk/olympics/index.html

Rotating Banner

  1. Source and edit appropriate image, which needs to be 960px by 350px
  2. Write a headline and standfirst to accompany the image, guideline of 8 words maximum for headline, 20 for standfirst.
  3. Obtain a link to the full article
  4. Edit the index page in the cms, using the source view.
  • Look for the section of code highlighted below
  • Update the link in three places - the headline, the standfirst, and ‘Read More’
  • Update the image declared in the background-image style to that of the new story
  • Update the headline and standfirst text.
<!-- ====================================================================================================== -->
<div style="background-image: url(&quot;/olympics/images/banner/paralympic-pride-banner.jpg&quot;);" class="bannerItem">
<div class="bannerTitleWrap">
<h2><a href="/olympics/news/2012/09/11/paralympians-pride/?utm_source=our-story&amp;utm_medium=featured-story&amp;utm_content=paralympians-pride&amp;utm_campaign=olympics">Pride in our Paralympians</a></h2>
</div>
<h3><a href="/olympics/news/2012/09/11/paralympians-pride/?utm_source=our-story&amp;utm_medium=featured-story&amp;utm_content=paralympians-pride&amp;utm_campaign=olympics">Celebrating the outstanding achievements of the Paralympic athletes associated with the University.</a></h3>
<a href="/olympics/news/2012/09/11/paralympians-pride/?utm_source=our-story&amp;utm_medium=featured-story&amp;utm_content=paralympians-pride&amp;utm_campaign=olympics" class="bannerReadMore">Read More <img src="/common/images/depthomepages/arrow_pink.png" alt="&gt;" /></a></div><!-- /bannerItem -->
<!-- ====================================================================================================== -->

 

Sports headlines

  1. Get date for story
  2. Get link for story
  3. Write excerpt of story, guideline of 8-10 words
  4. Edit the index page in the cms, using the source view.
  • Look for the section of code highlighted below
  • Ensure there are no more than three headlines
  • Replace the oldest story with the new one, if no other instructions given
  • Update the date in the “dateBox” div
  • Update the excerpt in the <h5> and replace the link
<!-- ====================================================================================================== -->
        <li>
        <div class="dateBox">
        <div class="dateBoxDay">15</div>
        <div class="dateBoxMonth">Jan</div>
        </div>
        <!-- /dateBox -->
        <h5><a href="/olympics/news/2013/01/15/physio/">Sports physiotherapist contributes to Bath&rsquo;s London 2012 legacy</a></h5>
        </li>
<!-- ====================================================================================================== -->