95 wiersze
3.5 KiB
HTML
95 wiersze
3.5 KiB
HTML
<?xml version="1.0" encoding="UTF-8" ?>
|
||
<html>
|
||
<head>
|
||
<title>Documentation - Campaign banners on the frontpage</title>
|
||
</head>
|
||
<body class="article web" microformats="h-entry" id="campaigns-frontpage-doc">
|
||
|
||
<p id="category"><a href="/contribute/web/">Webmastering</a></p>
|
||
<h1 class="p-name">Add and select campaign banners for the frontpage</h1>
|
||
|
||
<div class="e-content">
|
||
|
||
<p id="introduction">
|
||
We display campaign banners on the frontpage, to promote current
|
||
campaigns or a donation campaign for FSFE. However, these banners are
|
||
supposed to be changed depending on the timely context. For instance,
|
||
it’s usual to add the banner for Document Freedom Day in January.
|
||
</p>
|
||
|
||
<h2>Add the campaign information for translators</h2>
|
||
|
||
<p>
|
||
It should be easy for translators to update the campaign information. All this information can be found in <code>tools/texts-**.xml</code> where “**” is the language code used by FSFE. Please make sure that an English version is always provided. Then find the information between <code><campaigns> … </campaigns></code>. If you want to add a new campaign, add this:
|
||
</p>
|
||
|
||
<pre><code>
|
||
<campaign id="new-campaign-id">
|
||
<comment>You can add a comment in here like: please enable between January and April</comment>
|
||
<photo>This will be a picture, like the campaign’s logo, or a person’s portrait if the picture goes with a quote for instance. Be careful, this is not the background image used for the box, this is done with CSS</photo>
|
||
<text>This text will be displayed! Make it not too long!</text>
|
||
<link>when-the-user-clicks-go-to-this-page</link>
|
||
</campaign>
|
||
</code></pre>
|
||
|
||
<p>
|
||
Probably none of these fields are mandatory (should be checked) but at least <code>text</code> (or <code>photo</code>) and <code>link</code> should be provided.
|
||
</p>
|
||
|
||
<h2>Select which banner to display</h2>
|
||
|
||
<p>
|
||
For banners showing up on the <a href="/">frontpage of fsfe.org</a>, you should set <code>running="yes"</code> in the campaign file. The <code>index.xsl</code> loops around and includes all campaigns set as running.
|
||
</p>
|
||
|
||
<h2>Style the campaign banner</h2>
|
||
|
||
<p>
|
||
Don’t forget to style the campaign banner any way you like. You can take inspiration from other banner’s styles. Find it in <code>look/fsfe.less</code>. For a basic style, add:
|
||
</p>
|
||
|
||
<pre><code>
|
||
#new-campaign-id {
|
||
.campaign-box-center;
|
||
background: url('/graphics/choose-a-picture.jpg') center 33% no-repeat #666;
|
||
}
|
||
</code></pre>
|
||
|
||
<p>
|
||
If you need help to edit the style of fsfe.org, see <a href="css.html">How to edit the CSS with LESS</a>.
|
||
</p>
|
||
|
||
</div>
|
||
<!--/e-content-->
|
||
|
||
</body>
|
||
<sidebar promo="about-fsfe">
|
||
<div id="related-content">
|
||
<h3>Other howtos:</h3>
|
||
<ul>
|
||
<li>
|
||
<a href="/contribute/web/tagging.html">Use tags and article metadata, implement a country page</a>
|
||
</li>
|
||
<li>
|
||
<a href="/contribute/template.html">A template article, to use the new webdesign</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</sidebar>
|
||
<date>
|
||
<original content="2014-01-24"/>
|
||
</date>
|
||
<author id="roy" />
|
||
<tags>
|
||
<tag>webmaster</tag>
|
||
</tags>
|
||
|
||
<timestamp>$Date: 2013-09-26 15:32:30 +0200 (Thu 26 Sep 2013) $ $Author: paul $</timestamp>
|
||
|
||
</html>
|
||
<!--
|
||
Local Variables: ***
|
||
mode: xml ***
|
||
End: ***
|
||
-->
|