Konferencja Wikimedia Polska 2011/Facebook - zakładka
Wygląd
Do wykorzystana na FanPageach w celu promocji, przykład: https://www.facebook.com/polska.wikipedia?sk=app_4949752878.
Śmiało poprawiaj!
<style type="text/css">
#header {width: 520px; height: 86px; background-image:url("http://upload.wikimedia.org/wikipedia/commons/thumb/3/37/Panorama1_jpg_hi_res.jpg/520px-Panorama1_jpg_hi_res.jpg"); text-align: center; margin-bottom: 10px;}
.title-name {padding: 62px 3px 0 3px; color: #fff; font-weight: bold; font-size: 1.8em; font-family: Helvetica, sans-serif;}
.title-place {position: absolute; right: 5px; top: 5px; color: #fff; font-size: 1.1em; font-family: Helvetica, sans-serif; text-align: right;}
.title-herb {position: absolute; left: 5px; top: 5px;}
div.floatleft {float: left; clear: left; position: relative; margin: 0 1.5em .5em 0; border: 0;}
p {font: x-small sans-serif; font-size: 127%; line-height: 1.5em; margin: .4em 0 .5em 0;}
/* Facebook style */
.button {text-align: right; margin-bottom: 20px;}
.uiButtonConfirm {background-color: #5B74A8;background-position: 0 -48px;border-color: #29447E #29447E #1A356E;}
.uiButton:hover {text-decoration: none;}
.uiButton .uiButtonText {background: none;border: 0;color: #fff;cursor: pointer;display: -moz-inline-box;display: inline-block;font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;font-size: 11px; font-weight: bold;margin: 0;outline: none;padding: 1px 0 2px;white-space: nowrap;}
</style>
<!-- nagłówek -->
<div id="header">
<div class="title-herb"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Herb_wroclaw.svg/25px-Herb_wroclaw.svg.png" /></div>
<div class="title-place">18-20 marca 2011<br/> Wrocław</div>
<h1 class="title-name">Konferencja Wikimedia Polska 2011</h1>
</div>
<div class="button">
<a class="uiButton uiButtonConfirm" role="button" href="https://www.facebook.com/event.php?eid=182232031810181" rel="dialog"><span class="uiButtonText">Dołącz do wydarzenia na Facebooku</span></a>
</div>
<!-- tekst -->
<div class="floatleft"><img alt="Konferencja Wikimedia Polska 2011" src="http://upload.wikimedia.org/wikimedia/pl/thumb/6/62/Logo_Konferencji_3.svg/90px-Logo_Konferencji_3.svg.png" width="90" height="90" /></div>
<p>Serdecznie zapraszamy na <b>Konferencję Wikimedia Polska 2011</b>, która będzie szóstą tego rodzaju imprezą organizowaną przez Stowarzyszenie Wikimedia Polska. Ma ona na celu spotkanie i wymianę doświadczeń użytkowników biorących udział w tworzeniu projektów Wikimedia oraz osób związanych z problematyką wolnego oprogramowania, dostępu do wiedzy w tworzącym się społeczeństwie informacyjnym jak i twórców działających na polu wolnej kultury.
</p>
<p>
Konferencja obędzie się w dniach 18-20 marca 2011 r. we Wrocławiu w hotelu Tumskim.
</p>
<p>
Więcej informacji na stronie <a href="http://pl.wikimedia.org/wiki/Konferencja_Wikimedia_Polska_2011">http://pl.wikimedia.org/wiki/Konferencja_Wikimedia_Polska_2011</a>.
</p>
<div style="padding: 40px 0 0 400px;">
Zapraszamy!<br/>
<a href="http://pl.wikimedia.org"><img src="http://upload.wikimedia.org/wikipedia/commons/6/6f/Wikimediapolska-60px-logo.png" /></a>
</div>
<div style="margin-top: 100px; border-top: 1px solid #ccc;">
W nagłówku wykorzystano <a href="http://commons.wikimedia.org/wiki/File:Panorama1_jpg_hi_res.jpg">zdjęcie z Wikimedia Commons</a>, autor: Reha, licencja: <a href="http://creativecommons.org/licenses/by/3.0/deed.pl">CC BY-SA 3.0</a>.
</div>