Aller en bas
Aller en haut



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  Connexion  
-21%
Le deal à ne pas rater :
LEGO® Icons 10329 Les Plantes Miniatures, Collection Botanique
39.59 € 49.99 €
Voir le deal

Partagez
 

 CODAGE DU FORUM

Aller en bas 
AuteurMessage
Zooey-Lee Nightmare
Zooey-Lee Nightmare
je suis le chef de ce royaume
Messages : 84
Date d'inscription : 08/10/2014
Age : 26
Localisation : zeopazopeuapozueo

CODAGE DU FORUM Empty
MessageSujet: CODAGE DU FORUM   CODAGE DU FORUM EmptyDim 23 Avr - 18:06

CSS :
Code:
/*header*/

#i_logo {position:center;
  top:0px;
width:800px;
margin:0px;
padding:0px;}

body {

  background-size: 100% auto;
  background-repeat: repeat;
}


/*JUSTIFICATION*/
.postbody {text-align:justify;display:block;font-size:13px;font-family:tahoma;line-height:14px;}

/*SCOLLBAR*/
::-webkit-scrollbar {width:7px;height:7px; background:#BDC4C6; opacity:0.9; }
::-webkit-scrollbar-thumb:vertical {background:#CBD8DE; border-top: 0px solid #; border-top: 0px solid #;border-radius:5px;}
::-webkit-scrollbar-thumb:horizontal {background:#CBD8DE; border-top: 0px solid #; border-top: 0px solid #;border-radius:5px;}
::-webkit-scrollbar-track-piece {background:#BDC4C6; border-right: 0pt solid #;}

/* Traits néfastes */
.forumline{background-color:#BDC4C6;}
.row3Right {border: none !important;}
.thHead{border: none !important;}
.thCornerL, .thCornerR, .thTop{border: none !important;}
.thLeft, .thRight{border-left: none !important;border-right: none !important;}
.catLeft, .catRight{border: none! important;}
.catHead{border: none !important;}
.catBottom{border: none !important;}

/*_SUJET_*/

I{font-style: italic;
font-size: 11px;
text-decoration: none;
color:#ffffff;
letter-spacing: 0px;
}
I:hover {font-style: italic;
font-size: 11px;
text-decoration: none;
color:#ffffff;
  letter-spacing: 0px;}

U {font-style: normal;
font-size: 12px;
color:#c97c63;
  letter-spacing: 0px;
  text-decoration: none;
border-bottom: 1px solid #cfb2a8;
}

a:hover {text-decoration:none !important;}
a {color:#7A27F5;text-decoration:none !important;}
      
.lgn {border-bottom: 2px solid #9c2c06;width:200px;}

.image {padding:2px;border:1px solid #CBD8DE;opacity:0.8;margin-left:2px;margin-right:2px;width:200px;height:110px;}
.image:hover {padding:2px;border:1px solid #CBD8DE;opacity:1;margin-left:2px;margin-right:2px;width:200px;height:110px;transition: 2s;}
.image2 {padding:5px;border:1px solid #CBD8DE;opacity:0.8;margin-left:2px;margin-right:2px;width:200px;height:130;}
.image2:hover {padding:5px;border:1px solid #CBD8DE;opacity:1;margin-left:2px;margin-right:2px;width:200px;height:130;transition: 2s;}
.left {padding:2px;border:1px solid #CBD8DE;opacity:1;margin-top:1px;margin-right:4px;width:110px;float:left;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.left:hover {opacity:0.7;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.right {padding:2px;border:1px solid #CBD8DE;opacity:1;margin-top:2px;margin-left:4px;width:110px;float:right;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.right:hover {opacity:0.7;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.pixto {opacity:1;width:450px;border-radius: 0px 0px 0px 0px;padding:2px; border:1px solid #CBD8DE;}
.droite {width:110px;float:left;padding:3px;}
.gauche {width:110px;float:right;padding:3px;}

/* SELECTIONNER LE CONTENU */
.selectCode { float:left; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
.code{color:#000000;width:400px;font-size:11px;line-height:11px;text-align:justify;margin-top:15px;}

/* style par défaut */
a.fa-mention {
  color:#333;
}
 
/* style au survol */
a.fa-mention:hover {
  color:#666;
}

/*MENU*/
a.mainmenu {margin-top:-15px;font-size:11px;text-align:center;text-transform:uppercase;text-decoration:none;}
a.mainmenu img {display:none;}
.menu {padding:1px;/*marge intérieure*/;width:800px;border:0px solid #84A5C3;color:#EBEBEB;margin-bottom:5px;}

/**CATEGORIES**/
.liens {padding:1px;/*marge intérieure*/;width:800px;border:0px solid #B3BDBD;font-size:12px;text-align:center;text-transform:uppercase;text-decoration:none;color:#e4f1f7;}
.secondarytitle, .secondarytitle h2 {width:800px; height:24px; color: #e4f1f7; letter-spacing: 0px; text-align:center; font-size: 16px; text-transform:uppercase;}
.sousfow {text-transform:uppercase;font-family:Ms Mincho;
  width:500px;height:25px;margin-top:0px;margin-left:0px;
  padding:2px;/*marge intérieure*/;
    overflow:auto; border:0px solid #B3BDBD;
  text-align:center;vertical-align: middle;font-size:7px;}
.titre {font-family:Uncial Antiqua;font-size:18px;text-align:center;margin-bottom:-10px;margin-right:0px;background:#e2cac2;}
#forumdesc{padding: 5px;/*marge intérieure*/;height:40px;overflow:auto;-moz-border-radius: 5px;width:500px;
  border-radius: 5px;border:0px solid #B89326;font-size:11px;text-align:justify;line-height:10px;margin-top:0px;}
.der {padding:3px;/*marge intérieure*/;height:40px;overflow:auto;width:150px;border-radius:0px;border:0px solid #B3BDBD;
  font-size:10px;text-align:center;line-height:10px;background:#e2cac2;}

.lastpost-avatar {float: left;padding:0px;}
.lastpost-avatar img {width: 55px;height:75px;padding:1px;border:0px solid #e4f1f7;
transition-duration:1s;/*définie le temps de la transition*/
transition-timing-function:linear;/*définie le style de transition*/}
.lastpost-avatar img:hover {width: 55px;height:75px;padding:1px;border:0px solid #e4f1f7;}

/**SUJET DU STAFF**/
ttr {font-family: 'Uncial Antiqua', cursive;font-size:24px;text-align:center;color:#0a868f;}
st {text-transform:uppercase;font-size:9px;letter-spacing:2px;border-bottom:0px dotted;}
sst {letter-spacing: 1px;font-size: 10px;text-transform:uppercase;font-family:Times new roman;width:200px;text-align:right;color=#0a868f;}
.fond {width:470px;background:#CFB2A8;border:1px solid #CBD8DE;padding:5px;}
.cc {background:#e2cac2;width:450px;height:30px;border:0px solid #EFEA4F;}
.cadre1 {padding:10px;width:430px;font-size:12px;line-height:11px;text-align:justify;margin-top:1px;align:center;
background:#e2cac2;border:0px solid #EFEA4F;}
txt {font-size: 10px;text-transform:uppercase;font-family:Times new roman;color:#106e70;font-weight:bold;}
sms {letter-spacing:2px;font-size: 10px;font-family:Times new roman;color:#9c2c06;font-style: italic}
.ch {letter-spacing: 2px;font-size: 11px;text-transform:uppercase;font-family:Times new roman;background: linear-gradient(#CFB2A8, #ffefe9);color:#9C2C06;height:15px;width:200px;text-align:center;padding-top:2px;}
.ch2 {letter-spacing: 2px;font-size: 11px;text-transform:uppercase;font-family:Times new roman;background: linear-gradient(#CFB2A8, #ffefe9);color:#9C2C06;height:15px;width:300px;text-align:center;padding-top:2px;}
.bann {margin:4px;padding:2px;border:1px solid #CBD8DE;opacity:0.8;width:450px;}
.bann2 {margin:4px;padding:2px;border:1px solid #CBD8DE;opacity:0.8;width:140px;height:75px;}
.cadre2 {padding:10px;width:205px;height:200px;overflow:auto;font-size:12px;line-height:11px;text-align:justify;margin-top:1px;align:center;
background:#e2cac2;border:0px solid #EFEA4F;}
.bann3 {margin:4px;padding:2px;border:1px solid #CBD8DE;opacity:0.8;width:220px;height:120px;}
.mood {margin:1px;padding:1px;border:1px solid #CBD8DE;opacity:0.8;height:150px; width:144px; overflow:hidden;}

/**PRESENTATION**/
.avatar {margin:2px;padding:2px;border:1px solid #9C2C06;opacity:0.8;width:200px;}
.cd {background:#e2cac2;width:250px;height:30px;border:0px solid #EFEA4F;text-align:center;}
.ps {font-family: 'Uncial Antiqua', cursive;font-size:24px;text-align:center;color:#9C2C06;}
.cad1 {background:#e2cac2;width:250px;height:280px;border:0px solid #EFEA4F;text-align:justify;font-size:12px;line-height:11px;overflow:auto;}
.ic {margin:15px;padding:1px;border:1px solid #9C2C06;opacity:0.8;width:100px;height:100px;border-radius:50px;}
.his {padding:2px;width:455px;text-align:justify;font-size:12px;line-height:11px;margin-top:1px;align:center;background:#e2cac2;border:0px solid #EFEA4F;}
.cad2 {background:#e2cac2;width:455px;height:15px;border:0px solid #EFEA4F;text-align:center;margin:4px;}
.pers {background:#e2cac2;width:320px;height:120px;border:0px solid #EFEA4F;text-align:justify;margin:4px;overflow:auto;}

/**PAGE ACCUEIL**/
.lien {margin:2px;padding:1px;/*marge intérieure*/;width:196px; background:#cbd8de;border:0px solid #B3BDBD;font-size:11px;text-align:center;text-transform:uppercase;}
.conte {padding:2px;width:300px;height:160px;font-size:11px;line-height:10px;text-align:justify;margin-top:1px;align:center;
  background:#cbd8de;border:0px solid #B3BDBD;overflow:auto;}
.staff {margin:2px;padding:2px;width:130px;height:40px; background:#e2cac2;border:0px solid #B3BDBD;font-size:9px;text-align:center;text-transform:uppercase;}
.ics {float:left;height:90px;opacity:0.9;}
.sta {letter-spacing: 1px;font-size: 9px;}
.staa {letter-spacing:0px;font-size: 9px;color:#63A9AA;font-weight:bold;}
.new {margin:2px;padding:1px;width:280px;height:150px;font-size:11px;line-height:10px;text-align:justify;margin-top:1px;align:center;
  ;border:0px solid #B3BDBD;overflow:auto;}
.pv {margin:1px;padding:1px;border:1px solid #cbd8de;opacity:0.8;width:35px;}
.part {margin:2px;padding:2px;width:185px;height:110px;  background:#cbd8de;border:0px solid #B3BDBD;overflow:auto;text-align:justify;}
.mon_onglet{border:0px solid #FFFFFF;padding:0px;cursor:pointer;-moz-border-radius:100px;display:inline-block;
  opacity:0.9;margin-top:0px;}            
.mon_onglet_selected{-moz-border-radius:100px;padding:0px;opacity:1;display:inline-block;
  margin-top:0px;border:0px solid #722528;}      
.clear{clear: both;}      
.mon_contenu{ background-color:#e2cac2;border:1px solid #CFC3D6; width:260px; height:100px;margin-top:0px; padding: 5px;line-height: 10px;font-size: 10px;opacity: 0.8;}
#mes_contenus, #mes_onglets{height: 100%;width:100%;}
.pix01{border-radius:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;border:0px solid #F2F5ED;padding:0px;}

/**PROFIL**/
.arr {padding:5px;width:210px;text-align:center;align:center;background:#BDC4C6;border:0px solid #EDE6E6;}
.haut {margin-bottom:4px;width:208px;align:center;text-align:center;background:#CBD8DE;border:0px solid #EFEA4F;}
.cont {marging:1px;border:1px solid #CBD8DE;opacity:1;width:204px;height:324px;}
.cont:hover{marging:1px;border:1px solid #CBD8DE;opacity:0.8;width:204px;height:324px;}
.pseudo {font-family: 'Berkshire Swash', cursive;font-size:20px;text-align:center;}
.pro {margin-top:-4px;width:200px;height:240px;align:center;text-align:justify;background:#CBD8DE;border:0px solid #EFEA4F;overflow:auto;font-size:11px;line-height:11px;padding:4px;}
.pro img{width:190px;display:block;}
.online {float:left;margin-left:-80px;width:50px;}

/*FOND CB*/
body.chatbox {background-color:#BDC4C6;}
#textarea_content iframe#text_editor_iframe,#text_editor_textarea,*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea,* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea,*+ html #text_editor_textarea.quick_reply_textarea,* html #text_editor_textarea.quick_reply_textarea{
background-color: #BDC4C6;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "La Grisha-box, le lieu de tous les délires"; }
#chatbox_header .cattitle { background-image:url(http://t0.gstatic.com/images?q=tbn:NG7gdNg2WtNX_M:http://www.geo.fr/var/geo/storage/images/voyages/vos-voyages-de-reve/chine-voyage-tribulations/chine-voyage-tribulations20/307723-1-fre-FR/futuriste_940x705.jpg); }
#chatbox_header .cattitle strong { visibility: hidden; }

/**Qeel**/
.ppa {width: 130px !important; margin-right:30px;}
.qeelfond {background:#BDC4C6;border:1px solid #CFC3D6;width:100%; border-radius: 0px;}
.liensgroupes {text-transform:uppercase;font-size:11px;padding:2px; background:#BDC4C6;border:0px solid #EDE6E6;width:195px;text-align:center;margin-top:3px;}
.phr {letter-spacing: 1px;font-size: 7px;text-transform:uppercase;font-family:Times new roman;}
.qeel {margin:0px;padding:2px;border:0px solid #ECE2E7;opacity:0.8;width:200px;}

.qeelgauche
{display:block;
width: 280px !important;
vertical-align: top;
text-align:justify;
 background:#cbd8de;border:0px solid #EDE6E6;
      height: 240px;
padding: 8px;}

.qeeldroite {
vertical-align: top;
width: 280px !important;
text-align:justify;
background:#e2cac2;border:0px solid #EDE6E6;
      height: 240px !important
        padding: 8px;}

.scrollgauche {
overflow:auto;
height: 90px;}
.scrolldroite {
overflow:auto;
height:220px; }

/*SWITCHEROO*/
:root {
  --color-text: #444444;
  --color-bg: #72bcbd;
  --color-delete: #e74c3c;
  --color-tooltip: #010203;
  --color-squircle: #FCFCFF;
  --color-accent: #b14255;
  --color-button: #aaa2f2;
  --color-pill: #ffffff;
  --gap-size: 16px;
  --ease: cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56);
}

.switcheroo {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-size: 16px;
}
.switcheroo[position="static"] {
  position: relative;
}
.switcheroo[position="top"] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.switcheroo[position="bottom"] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.switcheroo[direction="horizontal"] {
  width: 100%;
}
.switcheroo[direction="vertical"] {
  height: 100%;
}

.switcheroo__squircles {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: var(--gap-size);
  gap: var(--gap-size);
}
.switcheroo[direction="horizontal"] .switcheroo__squircles {
  flex-direction: row;
}
.switcheroo[direction="vertical"] .switcheroo__squircles {
  flex-direction: column;
}

/* squircle */
.switcheroo[theme="discord"] .switcheroo__squircle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-squircle);
}
.switcheroo[theme="discord"] .switcheroo__squircle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  transition: border-radius 128ms var(--ease);
}
.switcheroo[theme="discord"] .switcheroo__squircle:hover {
  border-radius: 36%;
}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-pill);
  position: absolute;
  border-radius: 4px;
  top: 50%;
  transform: translate(-100%, -50%) scale(0);
  transition: transform 128ms, opacity 64ms;
  pointer-events: none;
  opacity: 0;
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-pill);
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translate(-50%, -100%) scale(0);
  transition: transform 128ms, opacity 64ms;
  pointer-events: none;
  opacity: 0;
}
.switcheroo[theme="discord"] .switcheroo__squircle.active {
  border-radius: 36%;
  cursor: default;
}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-100%, -50%) scale(0.5);
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-50%, -100%) scale(0.5);
}

.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle.active:before {
  opacity: 1;
  transform: translate(-85%, -50%) scale(0.2);
  border-radius: 50%;
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle.active:before {
  opacity: 1;
  transform: translate(-50%, -85%) scale(0.2);
  border-radius: 50%;
}


/* tooltip */
.switcheroo__popper {
  background-color: var(--color-tooltip);
  padding: 0.68rem 1rem;
  position: absolute;
  width: -webkit-max-content;
  width: max-content;
  border-radius: 4px;
  z-index: 0;
  opacity: 0;
  transition: opacity 64ms var(--ease), transform 128ms var(--ease-bounce);
  pointer-events: none;
  color: #fff;
}
.switcheroo[direction="vertical"] .switcheroo__popper {
  left: 155%;
  top: 50%;
  transform-origin: left;
  transform: translateY(-50%) scale(0.98);
}
.switcheroo[direction="horizontal"] .switcheroo__popper {
  top: 155%;
  left: 50%;
  transform-origin: top;
  transform: translateX(-50%) scale(0.98);
}
.switcheroo__popper:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: var(--color-tooltip);
  z-index: -1;
}
.switcheroo[direction="vertical"] .switcheroo__popper:before {
  left: -2px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.switcheroo[direction="horizontal"] .switcheroo__popper:before {
  left: 50%;
  top: -2px;
  transform: translateX(-50%) rotate(-45deg);
}

.switcheroo[direction="vertical"] .switcheroo__squircle:hover .switcheroo__popper {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.switcheroo[direction="horizontal"] .switcheroo__squircle:hover .switcheroo__popper {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-100%, -50%) scale(0.5);
}

/* avatar */
.switcheroo[theme="discord"] .switcheroo__avatar {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.switcheroo[theme="discord"] .switcheroo__avatar img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* divider */
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__divider {
  width: 100%;
  height: 2px;
  background-color: var(--color-pill);
  border-radius: 1px;
  opacity: 0.06;
  transform: scale(0.8);
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__divider {
  width: 2px;
  background-color: var(--color-pill);
  border-radius: 1px;
  opacity: 0.06;
  transform: scale(0.8);
}
/* delete button */
.switcheroo[theme="discord"] .switcheroo__delete {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 16px;
  line-height: 14px;
  height: 16px;
  top: -2px;
  right: -2px;
  border-radius: 50%;
  background-color: var(--color-delete);
  transform: scale(0);
  opacity: 1;
  transition: transform 128ms var(--ease), opacity 64ms var(--ease);
  cursor: pointer;
  font-size: 13px;
}
.switcheroo[theme="discord"] .switcheroo__squircle:hover .switcheroo__delete {
  opacity: 1;
  transform: scale(1);
}
/* logo */
.switcheroo[theme="discord"] .switcheroo__logo {
}
.switcheroo[theme="discord"] .switcheroo__logo img {
  width: 32px;
}
.switcheroo[theme="discord"] .switcheroo__logo:hover {
  background-color: var(--color-accent);
}
/* buttons */
.switcheroo[theme="discord"] .switcheroo__squircle--button {
  transition: border-radius 128ms var(--ease);
  color: var(--color-button);
}
.switcheroo[theme="discord"] .switcheroo__squircle--button:hover {
  color: #fff;
  background-color: var(--color-button);
}
/* modal */
.switcheroo__form {
  padding: 48px;
}
.switcheroo__form-row {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 16px;
}
.switcheroo__form-label {
  margin-bottom: 8px;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--color-text) !important;
}
.switcheroo__form-input {
  padding: 6px !important;
  font-size: 16px !important;
  border-radius: 4px !important;
  width: 100% !important;
  border-bottom: 2px solid var(--color-accent) !important;
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
  cursor: text !important;
}
.switcheroo__form-button {
  border-radius: 8px;
  padding: 8px;
  border: none;
  outline: none;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 14px;
  align-self: flex-end;
  color: #fff;
  background-color: var(--color-accent);
}

.monomer-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s opacity ease;
  background: rgba(0, 0, 0, 0.6);
}

.monomer-modal {
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  opacity: 0;
  width: 94%;
  padding: 24px 20px;
  transition: 0.2s opacity ease;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background: var(--color-squircle);
  color: var(--color-text);
}

.monomer-modal.monomer-open.monomer-anchored {
  top: 20px;
  transform: translate(-50%, 0);
}

.monomer-modal.monomer-open {
  opacity: 1;
}

.monomer-overlay.monomer-open {
  opacity: 1;
}

.monomer-close {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 5px;
  cursor: pointer;
  color: #fff;
  border: 0;
  outline: none;
  background: var(--color-delete);
  border-radius: 50%;
  padding: 0;
}
.monomer-close:hover {
  opacity: 0.8;
}

/*WIDGET*/
.boxtoproundtitle {
 background:#cbd8de;border:0px solid #9C2C06;
color:#444444; /*la couleur du texte*/
text-decoration:none;
  width: 200px; /*la taille du cadre*/
  height:250px;
  overflow:auto;
font-size:11px; /*taille du texte*/
margin:1px;
padding:4px;
display:block;
text-align :justify; /*alignement du texte*/
font-family: 'Roboto', cursive;}
Revenir en haut Aller en bas
Zooey-Lee Nightmare
Zooey-Lee Nightmare
je suis le chef de ce royaume
Messages : 84
Date d'inscription : 08/10/2014
Age : 26
Localisation : zeopazopeuapozueo

CODAGE DU FORUM Empty
MessageSujet: Re: CODAGE DU FORUM   CODAGE DU FORUM EmptyDim 23 Avr - 18:06

TEMPLATES :

index-body:

index-box:

Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });
        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });

        FB.init({
            appId  : "{switch_facebook_login.FB_APP_ID}",
            cookie  : {switch_facebook_login.FB_COOKIE},
            xfbml  : {switch_facebook_login.FB_XFBML},
            oauth  : {switch_facebook_login.FB_OAUTH},
            version : '{switch_facebook_login.FB_VERSION}'
        });

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
                js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script type="text/javascript">
    $(document).ready( function() {
        $('div.ti-connect').attr({
            'data-loc' : '{switch_topicit_connect.TOPICIT_URL}',
            'data-login' : '{switch_topicit_connect.BOARD_LOGIN}',
            'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}',
            'data-lang' : '{switch_topicit_connect.BOARD_LANG}'
        });

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'topicit-connect'));
    });
</script>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
  <nav id="switcheroo" class="switcheroo" theme="discord" direction="vertical" position="top"></nav>

<script src="https://cdn.jsdelivr.net/gh/caezd/switcheroo@master/monomer.js"></script>
<script src="https://cdn.jsdelivr.net/gh/caezd/switcheroo@master/switcheroo.js"></script>

<script>
(function() {
      new Switcheroo('#switcheroo');
})();
</script>
</body>
</html>
<div style="position: absolute; top: 200px; Left: 100px; "><span class="boxtoproundtitle">
  <center><ttr> Eté 751</ttr><br/>
    <sst> Dans le monde </sst></center>
  <b> A Ravka </b>, le roi prépare les funérailles de son fils, disparu depuis cinq mois, suite à l'attaque de la fête de <i> sankt Petyr </i>.
  Toujours introuvable, il est considéré comme mort par la couronne. Après les funérailles, les <i> troupes </i> de soldats partiront vers le Nord,
  fin d'attaquer <b> Fjerda. </b> Le partenariat entre <b> Shu Han </b> et <b> Ravka </b> a permis à cette dernière de créer des nouvelles armes.
  C'est une guerre meurtrière qui se prépare : <u> la folie du roi n'est plus à prouver </u> c'est pourquoi dans l'ombre des nobles se réunissent pour le destituer.
  <br/> <b> A Kertch,</b>la rumeur de l'existence des <i>Animaux de Morozova </i>enfle après la traque du Dragon des Glaces.
  Bien qu'il se soit soldé par un échec, plusieurs marins et pirates affirment avoir vu la bête.
  L'appât du gain mènent des navires sur les eaux de la Vraie Mer et plus au Sud vers les Colonies,
  à la recherche de la trace de ces créatures si exceptionnelles. Une traque qui pourrait bien faire vivre desaventures dangereuses à plusieurs d'entre eux.

 </span></div>

view topic body:
Revenir en haut Aller en bas
 
CODAGE DU FORUM
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Codage qui bug
» Codage Pokedex
» Analyse de forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Odysseum :: Forums RPG :: Shadow and bone-
Sauter vers: