PinkoMarketing: Template

Template

Différence (dernière modification) (pas d'autres différences, affichage normal de la page)

Ajouté: 4a5

<head profile='

http://www.w3.org/2006/03/hcard'>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns="

http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr" lang="fr"> <head> <title>{WikiName}: {PageName}</title> <head profile='

http://www.w3.org/2006/03/hcard'> <meta http-equiv="Content-Type" content="text/html; charset={Insert:WikiCharset}"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="creation-timestamp" content="{Insert:DateCreation}">  <meta name="microid" content="298e1faa2b830c22ba7726af94ab537cbd79307a" />  <style type="text/css" media="screen">

/* BODY */ body { padding: 0; margin: 0; background-color: {Insert:BackgroundColor;#666}; color:{Insert:ColorText;#222}; font:62.5%/1.5 verdana, arial, sans-serif; text-align: center; }

wrapper {

text-align: left; font-size:1.2em; margin: 0px auto; padding: 0px; border:0; width: {Insert:BodyWidth;900px}; background-color: {Insert:ContentBackgroundColor;#FFF}; } /* LAYOUT - HEADER */

header {

margin: 0; background: {Insert:ContentBackgroundColor;#FFF}; height: 120px; }

header #logo {

float: left; width: {Insert:DemiBodyWidth;450px}; }

header #logo div.inner {margin-top: 10px;margin-left: 40px;}
header h1 {

float: right; text-align: right; margin: 0; width: {Insert:DemiBodyWidth;450px}; overflow: hidden; font-size: 30px; line-height: 30px; letter-spacing: -2px; background-color: {Insert:ContentBackgroundColor;#FFF}; color: #a9a9a9;}

header h1 span.inner { display:block; padding: 70px 20px 0 0;}

/* NAV - top horizontal nav */

nav {

clear: both; margin: 0; background: {Insert:ContentBackgroundColor;#FFF};}

nav{

border-bottom: 5px solid {Insert:ColorBlack;#000}; border-top: 5px solid {Insert:ColorBlack;#000}; font-weight:bold; height:2em; font: bold 1.2em arial; line-height: 2em; padding: 0 0 0 40px;}

nav p {margin: 0;}
nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {

text-decoration:none; color:{Insert:ColorBlack;#000}; display: inline; padding: 0px ; margin : 0px 15px ; line-height: 2em;}

nav a:hover, #nav a:active, a:hover{

color: {Insert:ColorHover;#F60};} /* colonne 1 */

container {

 	background-image: url("");
 	background-position: {Insert:ColASize;700px};/* taille col 1*/
 	background-repeat: repeat-y;
 	padding: 0;
 	margin: 0;

}

side-a {

position:relative; float: left; width: {Insert:ColASize;700px}; }

side-a div.inner{

margin: 20px 40px 40px 40px; }

side-b {

position:relative; margin: 0; float: right; width: {Insert:ColBSize;200px}; }

side-b div.inner{

padding: 0 20px 40px 20px; margin-top: 20px; }

footer {

clear: both; background: {Insert:ContentBackgroundColor;#FFF}; height: 20px; text-align:center; padding-bottom: 30px; border-top: 1px solid {Insert:ColorBlack;#000}; } /* LISTS */ ul { display: block; margin: .3em 0 1.5em 0; padding: 0; list-style-type:none; }

ol {margin: .5em .5em 1.5em} ol li { margin-left: 1.4em; padding-left: 0; background: none; list-style-type: decimal; } li { line-height: 1.4em; margin-left: 0px; padding: 0; } dl {margin: 0;} dt {font-weight:bold; margin-top: 1.3em} dl dl {margin: 0 0 1.5em 30px;} /* LINKS */ a:link, a:visited {color: {Insert:ColorLink;#00f}; text-decoration: none;} a:hover, a:active {text-decoration: underline; } a.nav:hover { text-decoration: none;} h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color:{Insert:ColorBlack;#000}; text-decoration:none; } h1 a:visited , h2 a:visited , h3 a:visited , h4 a:visited {color:{Insert:ColorBlack;#000};} table {font-size:1em; width: auto;}

/* FORMS */ form {margin: 0 0 1.5em} input { font-family: arial,verdana,sans-serif; margin: 2px 0;} fieldset {border: none;} label { display:block; padding: 5px 0;} label br {clear:left;}

/* TYPOGRAPHY */ p, ul, ol { margin: 0 0 1.5em;} h1, h2, h3, h4, h5, h6 { letter-spacing: -1px; font-family: arial,verdana,sans-serif; margin: 0 0 .2em; color:{Insert:ColorBlack;#000}; padding:20px 0 .1em} h2 br {display:none;} h1 {font-size: 2.4em;} h2 {font-size: 2.2em;} h3 {font-size: 1.8em;} h4 {font-size: 1.4em;} h5 {font-size: 1.3em;} h6 {font-size: 1.2em;} small {font-size:11px} h1 br {display:none;}

/* GENERAL */ img {border:none} hr { margin: 1em 0; background:#f2f2f2; height:1px; color:#f2f2f2; border:none; clear:left; } .clear { clear:both; position:relative; font-size:0px; height:0px; line-height:0px}

.vCard{ border:3px solid #cddAE5; background: #ffc0cb url() no-repeat right bottom; width:25em; padding:1em; } .vCard img{ float:right;margin:0.1em; } a.url{ color:#48F; margin-bottom:0.1em; font-size:1.4em; } .vcard .adr, .vcard .tel{ font-size:0.8em; color:#555; font-weight:bold; }

/* TOOLS */ /* For IE for Windows \*/

html{

 width: 100%;
 height: 100%;
 overflow: hidden;
 }

html body{

 width: 100%;
 height: 100%;
 overflow: auto;
 }

/* fixed */

tools {

 position: fixed;
 text-align: center;
 left: 0px;
 bottom: 0px;
 height: 28px;
 min-height: 28px;
 margin: 0px;
 width: 100%;
 background-color: {Insert:ColorText;#222};
 border-top: 3px solid {Insert:ColorBlack;#000} ;
 overflow: hidden;
 z-index:1000;
 }

html #tools{

 position: absolute;
 top:expression(body.scrollTop + document.body.clientHeight - 28 + "px");
 left: 0px;
 height: 28px;
 margin: 0px;
 width: 100%;
 }

tools p {

 font-size: 2px;
 color:{Insert:ColorText;#222};
 }

tools a.nav {

 color: {Insert:ContentBackgroundColor;#FFF};
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 line-height: 26px;
 margin: 0 5px 0 5px;
 padding: 0 5px 0 5px;
 border: 1px solid {Insert:ContentBackgroundColor;#FFF};
 }

tools a.nav:hover { color: {Insert:ColorHover;#F60};}
tools p br {display: none; }

 /* only IE mac will see this */

>html #tools {p\osition: static; b\order: 0px;}/*ie mac*/
>html #nav {heigh\t: 3em;}/*ie mac*/

abbr, acronym, .help {

  border-bottom: 1px dashed {Insert:ColorText;#222};
  cursor: help;
  }

</style>

</head> <body>

<script src=" http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-2287970-1"; urchinTracker(); </script>

<div id="tools"><p>{EditBar}</p></div> <div id="wrapper"> <div id="header"> <div id="logo"><div class="inner"><img src="{Insert:LogoFileName}"></div></div>

 <h1><span class="inner">{Insert:WorkspaceName}</span></h1>

</div> <div id="nav"><p>{LinkBarTextHor}</p></div> <div id="container"> <div id="side-a"> <div class="inner"> <h2>{PageTitle}{PageTitleComment}</h2> {PageText} </div> </div> <div id="side-b"> <div class="inner"> {Insert:page.{PreInsert:SideBarName;SideBar

}} </div> </div> <div id="footer"> <div id="copyright">{WikiCopyright}</div> </div> </div> </div> </body> </html>

Cet espace de travail a pour objectif de promouvoir le PinkoMarketing en francophonie.

En bref

Si vous vous sentez l'âme d'un PinkoMarketeur, rejoignez-nous sur cet espace de collaboration. Nous serions très heureux de vous ouvrir les portes de ce site pour vous emmener sur l'initiative la plus importante après le cluetrain-manifesto.

Ce site est protégé par Helmut et demeure ouvert en édition si vous acceptez de vous présenter avec un VraiNom. Durant l'année 2013, nous projetons de recruter quelques nouveaux facilitateurs prêt(e)s à avancer sur LaVoieDuPinko.

En clair : pitcher du projet en vidéo afin de poursuivre les premiers efforts chaotiques amorcés lors de l'OpenCampParis1. Nous serions tous particulièrement bienveillants et prêts à aider pour avancer sur de nouveaux BlocsDeConstruction expérimentaux comme la définition de patterns pour rêve et chronorêves.

Et plus largement faire en sorte que quelques projets puissent rejoindre le DossierSuccès.