Source files of fsfe.org, pdfreaders.org, freeyourandroid.org, ilovefs.org, drm.info, and test.fsfe.org. Contribute: https://fsfe.org/contribute/web/ https://fsfe.org
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

campaigns-frontpage.en.xhtml 3.5KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <html>
  3. <head>
  4. <title>Documentation - Campaign banners on the frontpage</title>
  5. </head>
  6. <body class="article web" microformats="h-entry" id="campaigns-frontpage-doc">
  7. <p id="category"><a href="/contribute/web/">Webmastering</a></p>
  8. <h1 class="p-name">Add and select campaign banners for the frontpage</h1>
  9. <div class="e-content">
  10. <p id="introduction">
  11. We display campaign banners on the frontpage, to promote current
  12. campaigns or a donation campaign for FSFE. However, these banners are
  13. supposed to be changed depending on the timely context. For instance,
  14. it’s usual to add the banner for Document Freedom Day in January.
  15. </p>
  16. <h2>Add the campaign information for translators</h2>
  17. <p>
  18. 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>&#60;campaigns&#62; … &#60;/campaigns&#62;</code>. If you want to add a new campaign, add this:
  19. </p>
  20. <pre><code>
  21. &#60;campaign id="new-campaign-id"&#62;
  22. &#60;comment&#62;You can add a comment in here like: please enable between January and April&#60;/comment&#62;
  23. &#60;photo&#62;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&#60;/photo&#62;
  24. &#60;text&#62;This text will be displayed! Make it not too long!&#60;/text&#62;
  25. &#60;link&#62;when-the-user-clicks-go-to-this-page&#60;/link&#62;
  26. &#60;/campaign&#62;
  27. </code></pre>
  28. <p>
  29. 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.
  30. </p>
  31. <h2>Select which banner to display</h2>
  32. <p>
  33. 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.
  34. </p>
  35. <h2>Style the campaign banner</h2>
  36. <p>
  37. 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:
  38. </p>
  39. <pre><code>
  40. #new-campaign-id {
  41. .campaign-box-center;
  42. background: url('/graphics/choose-a-picture.jpg') center 33% no-repeat #666;
  43. }
  44. </code></pre>
  45. <p>
  46. If you need help to edit the style of fsfe.org, see <a href="css.html">How to edit the CSS with LESS</a>.
  47. </p>
  48. </div>
  49. <!--/e-content-->
  50. </body>
  51. <sidebar promo="about-fsfe">
  52. <div id="related-content">
  53. <h3>Other howtos:</h3>
  54. <ul>
  55. <li>
  56. <a href="/contribute/web/tagging.html">Use tags and article metadata, implement a country page</a>
  57. </li>
  58. <li>
  59. <a href="/contribute/template.html">A template article, to use the new webdesign</a>
  60. </li>
  61. </ul>
  62. </div>
  63. </sidebar>
  64. <date>
  65. <original content="2014-01-24"/>
  66. </date>
  67. <author id="roy" />
  68. <tags>
  69. <tag>webmaster</tag>
  70. </tags>
  71. <timestamp>$Date: 2013-09-26 15:32:30 +0200 (Thu 26 Sep 2013) $ $Author: paul $</timestamp>
  72. </html>
  73. <!--
  74. Local Variables: ***
  75. mode: xml ***
  76. End: ***
  77. -->