JIRA
System > User Interface > Announcement
<style>
#announcement-banner { padding: 0px !important }
#juc-sf {
text-align: center;
background-image: url('https://www.cloudbees.com/sites/all/themes/custom/cloudbees_zen/images/golden-gate.png');
background-position: bottom right;
background-repeat: no-repeat;
padding: 20px 10px 20px 10px;
font-size: 25px;
font-weight: bold;
}
</style>
<div id='juc-sf'>
Join the <a href="http://www.cloudbees.com/jenkins-user-conference-2012-san-francisco.cb" style="color:#D24939">Jenkins User Conference in San Francisco</a> on September 30th!
</div>
Another image only version:
<style>
#announcement-banner { padding: 0px !important }
#juc-banner {
border: 1px solid black;
text-align: center;
background-image: url('http://jenkins-ci.org/sites/default/files/images/juc2014-banner-left.png');
background-color: black;
background-position: bottom left;
background-repeat: no-repeat;
}
#juc-banner A {
display: block;
width: 100%;
height: 90px;
background-image: url('http://jenkins-ci.org/sites/default/files/images/juc2014-banner-right.png');
background-position: bottom right;
background-repeat: no-repeat;
}
</style>
<div id='juc-banner'>
<a href="http://www.cloudbees.com/jenkins/juc-2014"></a>
</div>
Wiki
Look and feel > Custom HTML
<style>
#juc-sf-wikibox {
border: 1px solid #9EB6D4;
background-color: #E0EFFF;
}
#juc-sf {
text-align: center;
background-image: url('https://www.cloudbees.com/sites/all/themes/custom/cloudbees_zen/images/golden-gate.png');
background-position: bottom right;
background-repeat: no-repeat;
padding: 20px 10px 20px 10px;
font-size: 25px;
font-weight: bold;
}
</style>
<div id='juc-sf-wikibox'>
<div id='juc-sf'>
Join the <a href="http://www.cloudbees.com/jenkins-user-conference-2012-san-francisco.cb" style="color:#D24939">Jenkins User Conference in San Francisco</a> on September 30th!
</div>
</div>
Image only flavor:
<style>
#juc-banner {
border: 1px solid black;
text-align: center;
background-image: url('http://jenkins-ci.org/sites/default/files/images/juc2014-banner-left.png');
background-color: black;
background-position: bottom left;
background-repeat: no-repeat;
}
#juc-banner A {
display: block;
width: 100%;
height: 90px;
background-image: url('http://jenkins-ci.org/sites/default/files/images/juc2014-banner-right.png');
background-position: bottom right;
background-repeat: no-repeat;
}
</style>
<div id='juc-banner'>
<a href="http://www.cloudbees.com/jenkins/juc-2014"></a>
</div>
Drupal
Ressurect "site-wide banner" from http://jenkins-ci.org/admin/build/block in the "middle" area.
<style>
#middle {
background-color: inherit !important;
background-image: url('https://www.cloudbees.com/sites/all/themes/custom/cloudbees_zen/images/golden-gate.png');
background-position: bottom right;
background-repeat: no-repeat;
}
#juc-sf-wikibox {
}
#juc-sf {
text-align: center;
padding: 20px 10px 20px 10px;
font-size: 20px;
font-weight: bold;
}
</style>
<div id='juc-sf-wikibox'>
<div id='juc-sf'>
Join the <a href="http://www.cloudbees.com/jenkins-user-conference-2012-san-francisco.cb" style="color:#D24939">Jenkins User Conference in San Francisco</a> on September 30th!
</div>
</div>
Image only version:
<style>
#middle { padding: 0px !important; width: 940px !important; }
#juc-banner {
border: 1px solid black;
text-align: center;
background-image: url('http://jenkins-ci.org/sites/default/files/images/juc2014-banner-left.png');
background-color: black;
background-position: bottom left;
background-repeat: no-repeat;
}
#juc-banner A {
display: block;
width: 100%;
height: 90px;
background-image: url('http://jenkins-ci.org/sites/default/files/images/juc2014-banner-right.png');
background-position: bottom right;
background-repeat: no-repeat;
}
</style>
<div id='juc-banner'>
<a href="http://www.cloudbees.com/jenkins/juc-2014"></a>
</div>