[14] Page d'accueil

 :: Libre service :: Codage Voir le sujet précédent Voir le sujet suivant Aller en bas
Message[14] Page d'accueil Lun 19 Jan - 8:34
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte

Pseudo
Disponibilité
MP
Profil
Pseudo
Disponibilité
MP
Profil
Pseudo
Disponibilité
MP
Profil
Pseudo
Disponibilité
MP
Profil
Pseudo
Disponibilité
MP
Profil

Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/IIIR_PA.css" rel="stylesheet" type="text/css"><table align="center" cellspacing="35" class="IIIR"><tr><!-- BLOC CONTEXTE --><td><div class="ctxtIIIR"><!-- ICONE EVENEMENT EN COURS --><div class="eventIIIR"><!-- LIEN EVENEMENT --><a href="" target="_blank"><!-- IMAGE 50*50 --><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Icones/BW.png" /></a></div><!-- CONTEXTE --><marquee direction="up" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();" class="mqeeIIIR">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</marquee></div></td><td valign="middle"><!-- LIENS & PARTENAIRES --><div class="liensIIIR"><!-- PREDEFINIS FEMININS --><div class="predFIIIR"><a href="" target="_blank">♀</a></div><!-- PREDEFINIS MASCULINS --><div class="predMIIIR"><a href="" target="_blank">♂</a></div><!-- LIENS --><a href="">Long lien</a><br/><a href="">Long lien</a><br/><a href="">Lien</a> ♦ <a href="" target="_blank">Lien</a><br/><a href="" target="_blank">Lien</a> ♦ <a href="">Lien</a></div><!-- 6 PARTENAIRES - 35*35 - REDIMENSIONNEMENT AUTOMATIQUE --><div class="partzIIIR"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a> <!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a> <!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><br/><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a> <!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a> <!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a></div></td><td valign="middle"><!-- STAFF - IMAGES 100*100 --><div class="staffIIIR"><!-- FONDATEUR/TRICE --><div class="fondaIIIR" style="background:url(http://www.aht.li/2495581/CIUSV3.png)"><div>Pseudo<br/><font color="crimson">Disponibilité</font><br/><a href="">MP</a><br/><a href="">Profil</a></div></div><!-- MEMBRE DU STAFF I --><div class="adminIIIR IQ" style="background:url(http://www.aht.li/2495582/IQV3.png);"><div>Pseudo<br/><font color="forestgreen">Disponibilité</font><br/><a href="">MP</a><br/><a href="">Profil</a></div></div><!-- MEMBRE DU STAFF II --><div class="adminIIIR ONE" style="background:url(http://www.aht.li/2495584/BDV3.png)"><div>Pseudo<br/><font color="forestgreen">Disponibilité</font></br><a href="">MP</a><br/><a href="">Profil</a></div></div><!-- MEMBRE DU STAFF III --><div class="adminIIIR BD" style="background:url(http://www.aht.li/2495584/BDV3.png)"><div>Pseudo<br/><font color="forestgreen">Disponibilité</font><br/><a href="">MP</a><br/><a href="">Profil</a></div></div><!-- MEMBRE DU STAFF IV --><div class="adminIIIR TY" style="background:url(http://www.aht.li/2495582/IQV3.png)"><div>Pseudo<br/><font color="forestgreen">Disponibilité</font><br/><a href="">MP</a><br/><a href="">Profil</a></div></div></div><!-- FIN STAFF --></td></tr></table>

Largeur minimale du forum : 675px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* PA */
/* CONTEXTE */
.ctxtIIIR {
background-color:#999FBF !important; color:white !important;
}
/* PREDEFINIS FEMININS */
.predFIIIR {
background-color:#26293E !important;
}
.predFIIIR a {
color:white !important;
}
/* PREDEFINIS MASCULINS */
.predMIIIR {
background-color:#999FBF !important;
}
.predMIIIR a {
color:black !important;
}
/* LIENS */
.liensIIIR {
background-color:#26293E !important;
}
.liensIIIR a {
color:white !important;
}
/* PARTENAIRES */
.partzIIIR {
background-color:#999FBF !important;
}
/* CONTENU FONDATEUR/TRICE */
.fondaIIIR  div {
background-color:rgba(250,250,250,0.8) !important; color:black !important;
}
/* CONTENU STAFF */
.adminIIIR div {
background-color:rgba(250,250,250,0.8) !important; color:black !important;
}
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Lun 19 Jan - 8:36
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Pseudonyme
Disponible
MPProfil

Pseudonyme
Indisponible
MPProfil

Pseudonyme
Disponible
MPProfil

Membre
du mois
Evénement
en cours
Un message de bienvenue
pouvant s'étendre
sur trois lignes
Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contextesuite du contexte ici...
▪ le 00/00/00 : ...
▪ le 00/00/00 : ...
▪ le 00/00/00 : ...


Code:
<link rel="stylesheet" href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RCR_PA.css" type="text/css" /><!-- PAGE D'ACCUEIL --><div class="PARCR"><!-- BLOC STAFF - IMAGES EN 85*85 --><div class="staffRCR"><!-- STAFF I --><div><!-- IMAGE I --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU I --><p><!-- PSEUDONYME I -->Pseudonyme<!-- DISPO I --><br/><font color="seagreen">Disponible</font><br/><!-- MP I --><a href="..." target="_blank">MP</a> ▪ <!-- PROFIL I --><a href="..." target="_blank">Profil</a></p></div> <!-- STAFF II --><div><!-- IMAGE II --><img src="http://www.aht.li/2703953/8585.png" /><p><!-- PSEUDONYME II -->Pseudonyme<!-- DISPO II --><br/><font color="crimson">Indisponible</font><br/><!-- MP II --><a href="..." target="_blank">MP</a> ▪ <!-- PROFIL II --><a href="..." target="_blank">Profil</a></p></div> <!-- STAFF III --><div><!-- IMAGE III --><img src="http://www.aht.li/2703953/8585.png" /><p><!-- PSEUDONYME III -->Pseudonyme<!-- DISPO III --><br/><font color="seagreen">Disponible</font><br/><!-- MP III --><a href="..." target="_blank">MP</a> ▪ <!-- PROFIL III --><a href="..." target="_blank">Profil</a></p></div></div><!-- BLOC MEMBRE DU MOIS/EVENEMENT EN COURS --><div class="mevRCR"><!-- MEMBRE DU MOIS --><div class="mdmRCR"><!-- LIEN VERS LE PROFIL DU MEMBRE - IMAGE 200*80 --><a href="" target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a>Membre<br/>du mois</div><!-- EVENEMENT EN COURS --><div class="evRCR"><!-- LIEN VERS L'EVENEMENT - IMAGE 200*80 --><a href="" target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a>Evénement<br/>en cours</div></div><!-- BLOC CONTEXTE --><div class="ctxtRCR"><!-- TEXTE DE BIENVENUE --><span>Un message de bienvenue<br/>pouvant s'étendre<br/>sur trois lignes</span><!-- CONTEXTE --><div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte<!-- LIEN VERS LE CONTEXTE COMPLET --><a href="..." target="_blank">suite du contexte ici...</a></div></div><!-- BLOC NEWS --><div class="newsRCR"><!-- IMAGE 200*250 --><img src="http://www.aht.li/2703955/200250.png" /><!-- NEWS --><b>▪ le 00/00/00 :</b> ...<br/><b>▪ le 00/00/00 :</b> ...<br/><b>▪ le 00/00/00 :</b> ...</div><!-- 6 LIENS --><div class="lksRCR"><!-- I --><a href="..." target="_blank">Règlement</a><!-- II --><a href="..." target="_blank">Annexes</a><!-- III --><a href="..." target="_blank">Groupes</a><!--IV --><a href="..." target="_blank">Flood</a><!-- V --><a href="..." target="_blank">Partie Invités</a><!-- VI --><a href="..." target="_blank">Crédits</a></div><!-- 4 PREDEFINIS - IMAGES EN 40*40 --><div class="pfRCR"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a></div><!-- 10 TOP PARTENAIRES - 50*50 --><div class="partzRCR"><!-- I --><a href="h..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VI --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VII --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VIII --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IX --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- X --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div><!-- 3 TOP-SITES --><div class="topRCR"><!-- I --><a href="..." target="blank"></a><!-- II --><a href="..." target="blank"></a><!-- III --><a href="..." target="blank"></a></div></div>

Largeur minimale du forum : 750px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* FOND PA */
.PARCR {
background:#b3b3b3 !important;
}
/* FOND BLOC STAFF */
.staffRCR {
background:#CBB1B4 !important;
}
/* FOND CONTENU STAFF */
.staffRCR div p {
background-color:rgba(250,250,250,0.7) !important; color:black !important;
}
/* FOND BLOC MEMBRE DU MOIS & EVENEMENT EN COURS */
.mevRCR {
background-color:#8F616B !important;
}
/* MEMBRE DU MOIS */
.mdmRCR {
background:#CBB1B4 !important; color:white !important;
}
/* EVENEMENT EN COURS */
.evRCR {
background:#CBB1B4 !important; color:white !important;
}
/* BLOC CONTEXTE */
.ctxtRCR {
background-color:#8F616B !important;
}
/* MESSAGE DE BIENVENUE */
.ctxtRCR span{
color:white !important; border-color:white !important;
}
/* CONTENU CONTEXTE */
.ctxtRCR div{
background:rgba(250,250,250,0.3) !important; color:black !important;
}
/* BLOC NOUVELLES */
.newsRCR {
background-color:#ccc !important; color:black !important;
}
/* BLOC LIENS PA */
.lksRCR {
background-color:grey !important;
}
/* LIENS PA */
.lksRCR a{
background-color:#CBB1B4 !important; color:white !important;
}
/* SURVOL LIEN PA */
.lksRCR a:hover {
background-color:rgba(250,250,250,0.8) !important; color:#CBB1B4 !important;
}
/* FOND BLOC PARTENAIRES */
.partzRCR {
background-color:#CBB1B4 !important;
}
/* FOND BLOC TOP-SITES */
.topRCR {
background:#8F616B !important;
}
/* LIENS TOP-SITES */
.topRCR a{
background:rgba(0,0,0,0.7) !important;
}

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Jeu 9 Avr - 23:48
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Chapitre III
jour X • 15°C
Contexte
Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte
Partenaires

Top sites
Staff & Prédéfinis

Pseudo
Rang
ProfilMP
Pseudo
Rang
ProfilMP
Pseudo
Rang
ProfilMP
Pseudo
Rang
ProfilMP
Pseudo
Rang
ProfilMP


Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/CUB_PA.css" rel="stylesheet" type="text/css"><div id="CUB"><!-- MENU --><div class="menuCUB">Menu<div><!-- LIENS --><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a></div></div><!-- EVENEMENT EN COURS --><div class="chCUB">Chapitre III<!-- DETAILS --><div class="dayCUB">jour X • 15°C</div></div><!-- CONTEXTE --><div class="ctxtCUB">Contexte<div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><!-- 3 ANNONCES/EVENEMENTS - IMAGES 150*250 --><div class="eventsCUB"><div id="ASLID"><ul id="blocASLID"><!-- ANNONCE I --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><!-- ANNONCE II --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><!-- ANNONCE III --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li></ul></div></div><!-- 10 PARTENAIRES - IMAGES EN 50*50 --><div class="partzCUB">Partenaires<div><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><br/><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- X --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div><!-- TOP SITES --><div class="TOPSPA">Top sites<div><!-- TOP SITE I --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- TOP SITE II --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- TOP SITE III --><a href="..." target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div><!-- STAFF & PREDEFINIS --><div id="staffPA">Staff & Prédéfinis<!-- 4 PREDEFINIS - IMAGES 25*25 --><div class="pfCUB"><!-- I --><a href="..." target="_blank"><img src="http://www.aht.li/2816853/2525.png" /></a> <!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2816853/2525.png" /></a><br/><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2816853/2525.png" /></a> <!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2816853/2525.png" /></a></div><!-- STAFF - IMAGES 65*65 --><div class="boxSTAFF"><!-- STAFF I --><div class="staffPA"><img src="http://www.aht.li/2816854/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div> <!-- STAFF II --><div class="staffPA"><img src="http://www.aht.li/2816854/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div> <!-- STAFF III --><div class="staffPA"><img src="http://www.aht.li/2816854/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div><!-- STAFF IV--><div class="staffPA"><img src="http://www.aht.li/2816854/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div> <!-- STAFF V --><div class="staffPA"><img src="http://www.aht.li/2816854/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div></div></div></div>

Largeur minimale du forum : 800px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* MENU PA */
.menuCUB {
color:white !important;
background:#400C0C !important;
}
/* LIENS MENU PA */
.menuCUB a{
color:white !important;
}
/* ÉVÉNEMENT EN COURS PA */
.chCUB {
color:white !important;
background:grey !important;
}
/* DÉTAILS PA */
.dayCUB {
background:grey !important;
color:white !important;
}
/* CONTEXTE PA */
.ctxtCUB {
color:white !important;
background:#191919 !important;
}
/* BLOC PARTENAIRES PA */
.partzCUB {
color:white !important;
background:#ccc !important;
}
/* AFFICHAGE PARTENAIRES PA */
.partzCUB div{
background:#ccc !important;
}
/* BLOC TOP SITES PA */
.TOPSPA {
color:white !important;
background:#400C0C !important;
}
/* AFFICHAGE TOP SITES PA */
.TOPSPA div {
background:grey !important;
}
/* BLOC STAFF & PREDEFINIS PA */
#staffPA {
background:#191919 !important;
}
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Jeu 23 Juil - 22:08
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
plus d'informations ici
Top-sites

123

Actualités
♦ 00/00/00 ▬ ...
♦ 00/00/00 ▬ ...
♦ 00/00/00 ▬ ...

Pseudonyme
RangMP

Pseudonyme
RangMP

Pseudonyme
RangMP

Pseudonyme
RangMP

Pseudonyme
RangMP

Pseudonyme
RangMP

Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte



Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/SOIN_PA.css" rel="stylesheet" type="text/css"><div id="SOIN"><div class="lksSOIN"><!-- 5 LIENS --><a href="" target="_blank">Règlement</a><!-- II --><a href="" target="_blank">Annexes</a><!-- III --><a href="" target="_blank">Prédéfinis</a><!-- IV --><a href="" target="_blank">Bottin</a><!-- V --><a href="" target="_blank">Partenariat</a></div><!-- EVENEMENT EN COURS/MEMBRE DU MOIS --><div class="evmSOIN"><!-- IMAGE 125*125 --><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Icones/COIN.png" /><!-- LIEN --><div>plus d'informations <a href="" target="_blank">ici</a></div></div><!-- 9 TOP PARTENAIRES EN 50*50 --><div class="partSOIN"><!-- I --><a href="" target="blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- II --><a href="" target="blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- III --><a href="" target="blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- IV --><a href="" target="blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- V --><a href="" target="blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- VI --><a href="" target="blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- VII --><a href="" target="blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- VIII --><a href="" target="blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- IX --><a href="" target="blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- 3 TOP-SITES --><div class="topSOIN">Top-sites<p><!-- CONTENU --><a href="" target="_blank">1</a><a href="" target="_blank">2</a><a href="" target="_blank">3</a></p></div><!-- ACTUALITES --><div class="newsSOIN">Actualités<!-- CONTENU --><div><b>♦ 00/00/00</b> ▬ ...<br/><b>♦ 00/00/00</b> ▬ ...<br/><b>♦ 00/00/00</b> ▬ ...</div></div></div><!-- CONTEXTE --><div class="ctxtSOIN"><!-- IMAGE 350*175 --><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/350175.png" /><!-- STAFF - IMAGES EN 100*55 --><div class="staffSOIN"><!-- I --><div><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/10055.png" /><p>Pseudonyme<br/>Rang<a href="" target="_blank">MP</a></p></div><!-- II --><div><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/10055.png" /><p>Pseudonyme<br/>Rang<a href="" target="_blank">MP</a></p></div><!-- III --><div><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/10055.png" /><p>Pseudonyme<br/>Rang<a href="" target="_blank">MP</a></p></div><!-- IV --><div><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/10055.png" /><p>Pseudonyme<br/>Rang<a href="" target="_blank">MP</a></p></div><!-- V --><div><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/10055.png" /><p>Pseudonyme<br/>Rang<a href="" target="_blank">MP</a></p></div><!-- VI --><div><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/10055.png" /><p>Pseudonyme<br/>Rang<a href="" target="_blank">MP</a></p></div></div><!-- TRIANGLE --><div class="triSOIN"><div><!-- CONTENU CONTEXTE --><p>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</p></div></div></div></div>

Largeur minimale du forum : 800px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* FOND PA */
#SOIN {
background:coral !important;
}
/* LIENS */
.lksSOIN a{
background:white !important; color:coral !important;
}
/* EVENEMENT EN COURS/MEMBRE DU MOIS */
.evmSOIN{
background:rgba(250,250,250,0.6) !important;
}
/* CONTENU EVENEMENT EN COURS/MEMBRE DU MOIS */
.evmSOIN div{
background:rgba(250,250,250,0.8) !important;
}
/* BANDE PARTENAIRES */
.partSOIN{
background:rgba(250,250,250,0.8) !important;
}
/* TOP-SITES */
.topSOIN {
background:white !important; color:coral !important;
}
/* LIENS TOP-SITES */
.topSOIN a{
background:coral !important; color:white !important;
}
/* TITRE ACTUALITES */
.newsSOIN{
background:white !important; color:coral !important;
 }
 /* CONTENU ACTUALITES */
.newsSOIN div {
background:white !important;
}
/* CONTENU STAFF */
.staffSOIN p{
background:rgba(250,250,250,0.8) !important; color:coral !important;
}
/* TRIANGLE */
.triSOIN{
border-bottom-color:#899259 !important;
}
/* FOND CONTENU CONTEXTE */
.triSOIN div{
background:coral !important;
}
/* CONTENU CONTEXTE */
.triSOIN div p{
background:white !important; color:black !important;
}

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Mer 29 Juil - 7:12
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
♦ 00/00/00 ▬ ...
♦ 00/00/00 ▬ ...
♦ 00/00/00 ▬ ...
Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte
PseudonymeMPRang
Disponible
PseudonymeMPRang
Disponible
PseudonymeMPRang
Disponible
PseudonymeMPRang
Indisponible
PseudonymeMPRang
Disponible
Predefinis


Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/OLD_PA.css" rel="stylesheet" type="text/css"><div class="OLD"><!-- LIENS - 10 MAXIMUM --><div id="lksOLD"><a href="...">Règlement</a><a href="...">Guide du nouveau</a><a href="...">Chronologie</a><a href="...">Groupes</a><a href="...">Botin des avatars</a><a href="...">Partenariat</a><a href="..." target="_blank">Questions/Réponses</a><a href="..." target="_blank">Présentations</a><a href="..." target="_blank">Flood</a><a href="..." target="_blank">Crédits</a></div><div class="triOLD"></div><!-- ACTUALITES --><div class="newsOLD"><!-- CONTENU ACTUALITES --><div>♦ 00/00/00 ▬ ...<br/>♦ 00/00/00 ▬ ...<br/>♦ 00/00/00 ▬ ...</div></div><!-- CONTEXTE --><div class="ctxtOLD">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div><!-- STAFF - IMAGES EN 100*175 --><div class="staffOLD"><!-- I --><div class="staffPAOLD"><img src="http://www.aht.li/2703934/10075.png" /><span>Pseudonyme</span><a href="..." target="_blank">MP</a>Rang<br/><font style="color:forestgreen;">Disponible</font></div> <!-- II --><div class="staffPAOLD"><img src="http://www.aht.li/2703934/10075.png" /><span>Pseudonyme</span><a href="..." target="_blank">MP</a>Rang<br/><font style="color:forestgreen;">Disponible</font></div><!--III --><div class="staffPAOLD"><img src="http://www.aht.li/2703934/10075.png" /><span>Pseudonyme</span><a href="..." target="_blank">MP</a>Rang<br/><font style="color:forestgreen;">Disponible</font></div> <!-- IV --><div class="staffPAOLD"><img src="http://www.aht.li/2703934/10075.png" /><span>Pseudonyme</span><a href="..." target="_blank">MP</a>Rang<br/><font style="color:crimson;">Indisponible</font></div><!--V --><div class="staffPAOLD"><img src="http://www.aht.li/2703934/10075.png" /><span>Pseudonyme</span><a href="..." target="_blank">MP</a>Rang<br/><font style="color:forestgreen;">Disponible</font></div><!-- PREDEFINIS --><div class="prdfOLD"><span>Predefinis</span><!-- FEMININS --><a href="..." style="color:lightblue">♀</a> <!-- MASCULINS --><a href="..." style="color:pink">♂</a></div></div><!-- 8 TOP PARTENAIRES --><div class="partOLD"><!-- I --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- VI --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- VII --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><!-- VIII --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a></div></div>

Largeur minimale du forum : 800px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* FOND PA */
.OLD {
background-color:#191919 !important;
}
/* FOND MENU PA */
#lksOLD {
background-color:#399 !important;
}
/* LIENS PA */
#lksOLD a {
color:white !important;
}
/* SURVOL LIEN PA */
#lksOLD a:hover {
background-color:rgba(250,250,250,0.3) !important;
}
/* TRIANGLE MENU PA */
.triOLD {
border-top-color:#399 !important;
}
/* CONTEXTE PA */
.ctxtOLD {
background-color:rgba(250,250,250,0.2) !important; color:#399 !important;
}
/* TRIANGLE ACTUALITES PA */
.newsOLD {
border-left-color:#399 !important;
}
/* CONTENU ACTUALITES PA */
.newsOLD div{
background-color:#399 !important; color:black !important;
}
/* BLOC STAFF PA */
.staffOLD {
background:#399 !important;
}
/* BOITE STAFF PA */
.staffPA {
border:1px black solid !important; background:#191919 !important; color:#399 !important;
}
/* PSEUDONYMES STAFF PA */
.staffPA span{
background-color:rgba(250,250,250,0.3) !important; border-bottom-color:black !important;
}
/* MP STAFF PA */
.staffPA a {
color:#399 !important;
}
/* PREDEFINIS PA */
.prdfOLD {
border-color:black !important; background-color:white !important;
}
/* PARTENAIRES PA */
.partOLD {
background-color:rgba(250,250,250,0.2) !important;
}

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Dim 24 Jan - 22:57
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Staff

Pseudonyme
Rang
Disponible

Pseudonyme
Rang
Disponible

▬ 00/00/00 : ...
▬ 00/00/00 : ...
▬ 00/00/00 : ...
Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte
Contexte &
top partenaires


Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/DOR_PA.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div id="DOR"><!-- STAFF & LIENS --><div class="blocDOR" style="margin-left:-5px;"><!-- TITRE STAFF --><div class="tleDOR">Staff</div><!-- STAFF --><div class="staffDOR"><!-- I --><div style="margin-right:5px;"><!-- IMAGE 90*90 --><img src="http://www.aht.li/2776945/9090.png" /><!-- CONTENU I --><p>Pseudonyme<br/>Rang<br/><!-- DISPONIBILITE --><font color="#8346B5">Disponible</font></p></div><!-- II --><div><!-- IMAGE II 90*90 --><img src="http://www.aht.li/2776945/9090.png" /><!-- CONTENU II --><p>Pseudonyme<br/>Rang<br/><!-- DISPONIBILITE II --><font color="#8346B5">Disponible</font></p></div></div><!-- 5 LIENS --><div class="lksDOR"><!-- I --><a href="" target="_blank">Règlement</a><!-- II --><a href="" target="_blank">Annexes</a><!-- III --><a href="" target="_blank">Présentations</a><!-- IV --><a href="" target="_blank">Partie Invités</a><!-- V --><a href="" target="_blank">Partenariats</a></div></div><!-- BLOC NOUVELLES --><div class="newsDOR"><!-- IMAGE 200*300 --><img src="http://www.aht.li/2776411/200300.png" /><!-- NOUVELLES --><div>▬ 00/00/00 : ...<br/>▬ 00/00/00 : ...<br/>▬ 00/00/00 : ...</div></div><!-- CONTEXTE & PARTENAIRES --><div class="blocDOR"><!-- CONTEXTE --><div class="ctxtDOR">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div><!-- TITRE CONTEXTE & PARTENAIRES --><div class="tleIIDOR">Contexte & <br/>top partenaires</div><!-- 5 PARTENAIRES - IMAGES EN 50*50 --><div class="partDOR"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div></div>

Largeur minimale du forum : 800px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* PA */
#DOR {
background:wheat !important; box-shadow:0 0 3px rgba(0,0,0,0.1) !important;
}
/* TITRE STAFF */
.tleDOR {
background:rgba(250,250,250,0.3) !important;
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.3) !important;
}
/* BLOC STAFF */
.staffDOR div{
border-color:rgba(250,250,250,0.3) !important;
}
/* CONTENU STAFF */
.staffDOR div p{
background:rgba(250,250,250,0.8) !important; color:black !important;
}
/* LIENS */
.lksDOR a{
background:rgba(0,0,0,0.5) !important; color:white !important;
}
/* BLOC NOUVELLES */
.newsDOR {
border-color:rgba(250,250,250,0.3) !important;
}
/* NOUVELLES */
.newsDOR div {
background:rgba(250,250,250,0.1) !important; color:black !important;
}
/* CONTEXTE */
.ctxtDOR {
border-color:rgba(250,250,250,0.3) !important;
background:rgba(250,250,250,0.8) !important; color:black !important;
}
/* TITRE CONTEXTE & PARTENAIRES */
.tleIIDOR {
background:rgba(250,250,250,0.3) !important;
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.3) !important;
}
/* BLOC PARTENAIRES */
.partDOR {
background:rgba(250,250,250,0.7) !important;
}
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Dim 24 Jan - 22:58
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Prédéfinis


Pseudonyme
profil

Pseudonyme
profil

Pseudonyme
profil

Pseudonyme
profil

Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte


Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/VAES_PA.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div id="VAES"><!-- 6 PREDEFINIS - IMAGES 50*50 --><div class="pfVAES"><span>Prédéfinis</span><div><!-- Ière LIGNE - I --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><br/><!-- IInd LIGNE - IV --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div><!-- NEWS --><div class="newsVAES"><!-- 3 ANNONCES/EVENEMENTS - IMAGES 500*150 --><div id="NEWSVAES"><ul id="blocNEWSVAES"><!-- ANNONCE I --><li><a href="..." target="_blank"><img src="http://www.aht.li/2780127/500150.png" /></a></li><!-- ANNONCE II --><li><a href="..." target="_blank"><img src="http://www.aht.li/2780127/500150.png" /></a></li><!-- ANNONCE III --><li><a href="..." target="_blank"><img src="http://www.aht.li/2780127/500150.png" /></a></li></ul></div></div><br/><!-- STAFF --><div id="staffVAES"><!-- I --><div class="staffVAES eins"><div><!-- IMAGE I 125*125 --><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU I --><p>Pseudonyme<br/><a href="" target="_blank">profil</a></p></div></div><!-- II --><div class="staffVAES zwei"><div><!-- IMAGE II 125*125 --><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU II --><p>Pseudonyme<br/><a href="" target="_blank">profil</a></p></div></div><!-- III --><div class="staffVAES drei"><div><!-- IMAGE III 125*125 --><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU III --><p>Pseudonyme<br/><a href="" target="_blank">profil</a></p></div></div><!-- IV --><div class="staffVAES vier"><div><!-- IMAGE IV 125*125 --><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU IV --><p>Pseudonyme<br/><a href="" target="_blank">profil</a></p></div></div></div><!-- 5 LIENS --><div class="lksVAES"><!-- I --><a href="" target="_blank">Règlement</a><!-- II --><a href="" target="_blank">Bottin d'avatars</a><!-- III --><a href="" target="_blank">Partenariats</a><!-- IV --><a href="" target="_blank">Annexes</a><!-- V --><a href="" target="_blank">Les groupes</a></div><!-- BLOC CONTEXTE --><div id="ctxtVAES"><div class="ctxtVAES"><!-- IMAGE CONTEXTE 300*200 --><img src="http://www.aht.li/2780799/250250.png" /><!-- CONTEXTE --><div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div></div><!-- 13 PARTENAIRES EN 40*40 --><div class="partVAES"><!-- I --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- VI --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- VII --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- VIII --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- IX --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- X --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- XI --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- XII --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a><!-- XIII --><a href="..." target="_blank"><img src="http://www.aht.li/2782337/4040.png" /></a></div></div>

Largeur minimale du forum : 800px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* PA */
#VAES {
background:#c0bfd6 !important;
}
/* TITRE PREDEFINIS */
.pfVAES span{
background:rgba(250,250,250,0.3) !important; color:#191919 !important;
}
/* BLOC EVENEMENTS */
.newsVAES {
border-color:rgba(250,250,250,0.3) !important;
}
/* CONTENU STAFF */
.staffVAES p{
background:rgba(250,250,250,0.7) !important; color:black !important;
}
/* LIENS */
.lksVAES a{
background:rgba(250,250,250,0.6) !important; color:#191919 !important;
}
/* BLOC CONTEXTE */
#ctxtVAES {
border-color:rgba(250,250,250,0.3) !important;
}
/* CONTEXTE */
.ctxtVAES div{
background:rgba(250,250,250,0.8) !important; color:black !important;
}
/* BLOC PARTENAIRES */
.partVAES {
background:rgba(250,250,250,0.5) !important;
}

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Ven 12 Fév - 6:06
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/BOG_PA.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div id="BOG"><!-- MESSAGE DE BIENVENUE --><div class="headBOG">Citation / Message de bienvenue</div><!-- CONTEXTE & MENU --><div class="boxBOG" style="margin-right:10px;"><!-- CONTEXTE --><div class="ctxtBOG">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte<!-- INFOBULLE CONTEXTE --><div class="infoBOG"><a href="" target="_blank">Lire le contexte au complet ?</a></div></div><!-- MENU - 6 LIENS --><div class="menuBOG"><!-- I --><a href="" target="_blank">Lien navigation</a><!-- II --><a href="" target="_blank">Lien navigation</a><!-- III --><a href="" target="_blank">Lien navigation</a><!-- IV --><a href="" target="_blank">Lien navigation</a><!-- V --><a href="" target="_blank">Lien navigation</a><!-- VI --><a href="" target="_blank">Lien navigation</a></div></div><!-- STAFF - CHATBOX - PREDEFINIS - NEWS --><div class="boxBOG"><!-- 4 STAFF --><div id="staffBOG"><!-- I --><div class="staffBOG" style="margin-right:10px;"><div><!-- IMAGE I 140*80 --><img src="http://www.aht.li/2824928/14080.png" /><!-- CONTENU I --><div><b>Pseudonyme</b><br/>fonction<br/><a href="" target="_blank">MP</a> - <a href="" target="_blank">Profil</a></div></div></div><!-- II --><div class="staffBOG" style="margin-right:10px;"><div><!-- IMAGE II 140*80 --><img src="http://www.aht.li/2824928/14080.png" /><!-- CONTENU II --><div><b>Pseudonyme</b><br/>fonction<br/><a href="" target="_blank">MP</a> - <a href="" target="_blank">Profil</a></div></div></div><!-- III --><div class="staffBOG" style="margin-right:10px;"><div><!-- IMAGE III 140*80 --><img src="http://www.aht.li/2824928/14080.png" /><!-- CONTENU III --><div><b>Pseudonyme</b><br/>fonction<br/><a href="" target="_blank">MP</a> - <a href="" target="_blank">Profil</a></div></div></div><!-- IV --><div class="staffBOG"><div><!-- IMAGE IV 140*80 --><img src="http://www.aht.li/2824928/14080.png" /><!-- CONTENU IV --><div><b>Pseudonyme</b><br/>fonction<br/><a href="" target="_blank">MP</a> - <a href="" target="_blank">Profil</a></div></div></div></div><!-- CHATBOX --><div class="cbxBOG"><iframe src="/chatbox/chatbox.forum?" scrolling="no" style="width:590px; height:210px;" marginwidth="0" marginheight="0" frameborder="0"></iframe></div><!-- BLOC TOP-SITES & NOUVELLES --><div class="boxBOG"><!-- 7 PREDEFINIS EN 35*35 --><div class="pfBOG"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a></div><!-- NOUVELLES --><div class="newsBOG">▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...</div></div><!-- EVENEMENT EN COURS --><div class="eventBOG"><!-- IMAGE 250*200 --><img src="http://www.aht.li/2824930/250200.png" /><!-- TEXTE DESCRIPTIF EVENEMENT --><div>Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></div></div><!-- PARTENAIRES & COUP DE COEUR --><div class="partBOG"><!-- 10 PARTENAIRES EN 50*50 --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- X --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- FORUM COUP DE COEUR --><div class="cdcBOG"><!-- FORME COEUR --><span>♥</span><!-- LIEN FORUM - IMAGE 200*50 --><a href="" target="_blank"><img src="http://www.aht.li/2824974/20050.png" /></a></div></div></div>

Largeur minimale du forum : 900px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* MESSAGE DE BIENVENUE */
.headBOG {
color:black !important;
}
/* BLOC CONTEXTE */
.ctxtBOG {
background:#1e1e1e !important; color:white !important;
}
/* INFOBULLE CONTEXTE */
.infoBOG {
background:#d2d944 !important;
}
/* LIEN INFOBULLE CONTEXTE */
.infoBOG a{
color:black !important;
}
/* SURVOL CONTEXTE COULEUR TEXTE */
.ctxtBOG:hover {
color:rgba(250,250,250,0.3) !important;
}
/* MENU NAVIGATION */
.menuBOG {
background:#978a76 !important;
}
/* LIEN MENU NAVIGATION */
.menuBOG a{
color:white !important;
}
/* BLOC STAFF */
.staffBOG div div {
background:#f29796 !important; color:white !important;
}
/* LIENS MP & PROFIL STAFF */
.staffBOG a{
color:white !important;
}
/* BLOC CHATBOX */
.cbxBOG {
background:#bfbfbf !important;
}
/* BLOC PREDEFINIS */
.pfBOG {
background:#c1bfb7 !important;
}
/* BLOC NOUVELLES */
.newsBOG {
background:#1e1e1e !important; color:white !important;
}
/* BLOC EVENEMENT EN COURS */
.eventBOG {
background:#d2d944 !important; color:black !important;
}
/* BLOC PARTENAIRES & COUP DE COEUR */
.partBOG {
background:#bfbfbf !important;
}
/* COULEUR COEUR COUP DE COEUR */
.cdcBOG span {
color:black !important;
}

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Mar 29 Mar - 4:59
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte

▬ le 00/00/00 : ...
▬ le 00/00/00 : ...
▬ le 00/00/00 : ...
▬ le 00/00/00 : ...
▬ le 00/00/00 : ...



Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/NIV_PA.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div class="NIV"><!-- CONTEXTE --><div class="ctxtNIV">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div><!-- STAFF / LIENS / PREDEFINIS --><div class="boxNIV"><!-- STAFF & LIENS --><div class="stlNIV"><!-- STAFF --><div class="staffNIV"><!-- STAFF I --><div><!-- IMAGE I 100*100 --><img src="http://www.aht.li/2838068/100100.png" /><!-- CONTENU I --><p>Pseudonyme<br/><a href="" target="_blank">Profil</a><br/><a href="" target="_blank">MP</a></p></div><!-- STAFF II --><div><!-- IMAGE II 100*100 --><img src="http://www.aht.li/2838068/100100.png" /><!-- CONTENU II --><p>Pseudonyme<br/><a href="" target="_blank">Profil</a><br/><a href="" target="_blank">MP</a></p></div><!-- STAFF III --><div><!-- IMAGE III 100*100 --><img src="http://www.aht.li/2838068/100100.png" /><!-- CONTENU III --><p>Pseudonyme<br/><a href="" target="_blank">Profil</a><br/><a href="" target="_blank">MP</a></p></div></div><!-- 6 LIENS --><div class="lksNIV"><!-- I --><a href="" target="_blank">Lien</a><!-- II --><a href="" target="_blank">Lien</a><!-- III --><a href="" target="_blank">Lien</a><!-- IV --><a href="" target="_blank">Lien</a><!-- V --><a href="" target="_blank">Lien</a><!-- VI --><a href="" target="_blank">Lien</a></div></div><!-- 5 PREDEFINIS - 50*50 --><div class="pfNIV"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a></div></div><!-- NOUVELLES --><div class="newsNIV"><!-- IMAGE 235*300 --><img src="http://www.aht.li/2859274/235300.png" /><!-- CONTENU NOUVELLES --><p><b>▬ le 00/00/00 :</b> ...<br/><b>▬ le 00/00/00 :</b> ...<br/><b>▬ le 00/00/00 :</b> ...<br/><b>▬ le 00/00/00 :</b> ...<br/><b>▬ le 00/00/00 :</b> ...</p></div><!-- 14 TOP PARTENAIRES --><div class="partNIV"><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- X --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- XI --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- XII --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- XIII --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- XIV --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a></div></div>

Largeur minimale du forum : 850px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* PA */
/* CONTEXTE */
.ctxtNIV {
background:grey !important; color:white !important;
}
/* BLOC STAFF & LIENS */
.stlNIV {
background:grey !important;
}
/* CONTENU STAFF */
.staffNIV div p{
background:rgba(0,0,0,0.7) !important; color:white !important;
}
/* LIENS CONTENU STAFF */
.staffNIV div p a{
color:#ccc !important;
}
/* LIENS */
.lksNIV a{
background:black !important; color:white !important;
}
/* PREDEFINIS */
.pfNIV {
background:grey !important;
}
/* NOUVELLES */
.newsNIV p{
background:grey !important; color:white !important;
}
/* BLOC PARTENAIRES */
.partNIV {
background:grey !important;
}

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Mar 29 Mar - 5:00
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/COOC_PA.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div class="COOC"><!-- LIENS & TOP-SITES --><div class="boxCOOC"><!-- LIENS - 10 MAXIMUM --><div class="lksCOOC"><span>Liens</span><!-- CONTENU LIENS --><a href="" target="_blank">Lien</a><!-- II --><a href="" target="_blank">Lien</a><!-- III --><a href="" target="_blank">Lien</a><!-- IV --><a href="" target="_blank">Lien</a><!-- V --><a href="" target="_blank">Lien</a><!-- VI --><a href="" target="_blank">Lien</a><!-- VII --><a href="" target="_blank">Lien</a><!-- VIII --><a href="" target="_blank">Lien</a><!-- IX --><a href="" target="_blank">Lien</a><!-- X --><a href="" target="_blank">Lien</a></div><!-- 3 TOP-SITES EN 35*35 --><div class="topCOOC"><span>Top-sites</span><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a></div></div><div class="boxCOOC"><!-- CONTEXTE & NOUVELLES --><div class="boxCOOC"><!-- MESSAGE DE BIENVENUE --><div class="welcCOOC">Message de bienvenue</div><!-- CONTEXTE --><div class="ctxtCOOC"><!-- IMAGE 405*150 --><img src="http://www.aht.li/2857942/405150.png" /><!-- CONTENU CONTEXTE --><p>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</p></div><!-- NOUVELLES --><div class="newsCOOC">■ le 00/00/00 : ...<br/>■ le 00/00/00 : ...<br/>■ le 00/00/00 : ...</div></div><div class="boxCOOC"><!-- STAFF - IMAGES EN 85*85 --><div class="staffCOOC"><span>Staff</span><!-- I --><div><!-- IMAGE I --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU I --><p>Pseudonyme<br/><font style="color:crimson;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- II --><div><!-- IMAGE II --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU II --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- III --><div><!-- IMAGE III --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU III --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><br/><!-- IV --><div><!-- IMAGE IV --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU IV --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- V --><div><!-- IMAGE V --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU V --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- VI --><div><!-- IMAGE VI --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU VI --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div></div><!-- MEMBRE DU MOIS & COUP DE COEUR --><div class="mdcCOOC"><!-- MEMBRE DU MOIS --><div class="mdmCOOC"><!-- IMAGE 150*35 --><img src="http://www.aht.li/2857943/15035.png" /><!-- LIEN VERS PROFIL MEMBRE DU MOIS --><p><a href="" target="_blank">Pseudonyme</a></p></div><!-- COUP DE COEUR - IMAGE EN 150*35 --><div class="cdcCOOC"><a href="" target="_blank"><img src="http://www.aht.li/2857943/15035.png" /></a></div></div></div><!-- TITRE PARTENAIRES --><div class="tleCOOC">Partenaires</div><!-- 13 PARTENAIRES EN 50*50 --><div class="partCOOC"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- X --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- XI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- XII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- XII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div></div>

Largeur minimale du forum : 900px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* PA */
/* BLOC LIENS */
.lksCOOC {
border-color:white !important; background:lightcoral !important;
}
/* TITRE BLOC LIENS */
.lksCOOC span{
color:white !important;
}
/* LIEN BLOC LIENS */
.lksCOOC a{
color:#efefef !important;
}
/* BLOC TOP-SITES */
.topCOOC {
border-color:white !important; background:lightcoral !important;
}
/* TITRE TOP-SITES */
.topCOOC span{
color:white !important;
}
/* MESSAGE DE BIENVENUE */
.welcCOOC {
background:lightcoral !important; color:white !important;
}
/* BLOC CONTEXTE */
.ctxtCOOC {
border-color:white !important;
}
/* CONTENU CONTEXTE */
.ctxtCOOC p{
background:rgba(0,0,0,0.8) !important; color:white !important;
}
/* BLOC NOUVELLES */
.newsCOOC {
border-color:white !important; color:black !important;
}
/* BLOC STAFF */
.staffCOOC {
border-color:white !important;
}
/* TITRE STAFF */
.staffCOOC span{
color:white !important;
}
/* CONTENU STAFF */
.staffCOOC div p{
background:rgba(0,0,0,0.8) !important; color:white !important;
}
/* LIENS CONTENU STAFF */
.staffCOOC div p a{
color:#ccc !important;
}
/* BLOC MEMBRE DU MOIS */
.mdmCOOC {
border-color:white !important;
}
/* CONTENU MEMBRE DU MOIS */
.mdmCOOC p {
background:rgba(0,0,0,0.8) !important;
}
/* LIEN CONTENU MEMBRE DU MOIS */
.mdmCOOC p a{
color:white !important;
}
/* COUP DE COEUR */
.cdcCOOC {
border-color:white !important;
}
/* TITRE PARTENAIRES */
.tleCOOC {
background:lightcoral !important; color:white !important;
}
/* BLOC PARTENAIRES */
.partCOOC {
border-color:white !important;
}

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Mer 29 Juin - 23:27
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

PseudonymeDisponibilitéMP - Profil

PseudonymeDisponibilitéMP - Profil

PseudonymeDisponibilitéMP - Profil

PseudonymeDisponibilitéMP - Profil

Evénement en coursRésumélien - lien

Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte
▬ le 00/00/00 : ...
▬ le 00/00/00 : ...
▬ le 00/00/00 : ...

Top
sites
12345


Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/FLU_PA.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div class="FLUII"><div class="boxFLU"><!-- STAFF - IMAGES EN 125*75 --><div class="staffIIFLU"><!-- I --><div><div><!-- IMAGE --><img src="http://www.aht.li/2911630/12575.png" /><!-- CONTENU --><p>Pseudonyme<b style="color:forestgreen;">Disponibilité</b><a href="" target="_blank">MP</a> - <a href="" target="_blank">Profil</a></p></div></div><!-- II --><div><div><!-- IMAGE --><img src="http://www.aht.li/2911630/12575.png" /><!-- CONTENU --><p>Pseudonyme<b style="color:forestgreen;">Disponibilité</b><a href="" target="_blank">MP</a> - <a href="" target="_blank">Profil</a></p></div></div><!-- III --><div><div><!-- IMAGE --><img src="http://www.aht.li/2911630/12575.png" /><!-- CONTENU --><p>Pseudonyme<b style="color:forestgreen;">Disponibilité</b><a href="" target="_blank">MP</a> - <a href="" target="_blank">Profil</a></p></div></div><!-- IV --><div><div><!-- IMAGE --><img src="http://www.aht.li/2911630/12575.png" /><!-- CONTENU --><p>Pseudonyme<b style="color:forestgreen;">Disponibilité</b><a href="" target="_blank">MP</a> - <a href="" target="_blank">Profil</a></p></div></div></div><!-- EVENEMENT EN COURS --><div class="eventFLU"><!-- IMAGE 255*100 --><img src="http://www.aht.li/2911640/255100.png" /><!-- CONTENU --><p><!--TITRE --><b>Evénement en cours</b><!-- RESUME --><span>Résumé</span><!-- LIENS --><a href="" target="_blank">lien</a> - <a href="" target="_blank">lien</a></div></div><!-- LIENS & CONTEXTE --><div class="boxFLU"><!-- 6 LIENS --><div class="lksFLU"><!-- I --><a href="" target="_blank">Contexte</a><!-- II --><a href="" target="_blank">Règlement</a><!-- III --><a href="" target="_blank">Bottin d'avatars</a><!-- IV --><a href="" target="_blank">Groupes</a><!-- V --><a href="" target="_blank">Annexes</a><!-- VI --><a href="" target="_blank">Partenariat</a></div><!-- CONTEXTE --><div class="ctxtIIFLU">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><!-- PREDEFINIS & NOUVELLES --><div class="boxFLU"><!-- 3 PREDEFINIS EN 60*100 --><div class="pfFLU"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2911667/60100C.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2911667/60100C.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2911667/60100C.png" /></a><!-- LIEN VERS LE RESTE DES PREDEFINIS --><span><a href="" target="_blank">les autres</a></span></div><!-- NOUVELLES --><div class="newsFLU">▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...</div></div><br/><!-- 10 PARTENAIRES EN 50*50 --><div class="partFLU"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- X --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a></div><!-- TOP-SITES --><div class="topIIFLU"><!-- TITRE --><span>Top<br/>sites</span><!--I --><a href="" target="_blank">1</a><!-- IV --><a href="" target="_blank">2</a><!-- III --><a href="" target="_blank">3</a><!-- IV --><a href="" target="_blank">4</a><!-- V --><a href="" target="_blank">5</a></div></div>

Largeur minimale du forum : 845px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* PA */
.FLUII {
background:#191919 !important; /* MODIFIABLE */
}
/* CONTENU STAFF */
.staffIIFLU p{
background:lightgrey !important; color:black !important;  /* MODIFIABLE */
}
/* CONTENU EVENEMENT EN COURS */
.eventFLU p{
background:#dedede !important; color:black !important;
}
/* TITRE EVENEMENT EN COURS */
.eventFLU b{
color:blue !important;
}
/* LIEN BLOC LIENS */
.lksFLU a{
background:grey !important; color:white !important;
}
/* CONTEXTE */
.ctxtIIFLU {
background:grey !important; color:black !important;
}
/* LIEN RESTE DES PREDEFINIS */
.pfFLU span{
background:white !important;
}
.pfFLU span a {
color:black !important;
}
/* NOUVELLES */
.newsFLU{
border:1px solid white !important; color:white !important;
}
/* LIEN TOP-SITE */
.topIIFLU a{
background:lightblue !important; color:white !important;
}
/* TITRE TOP-SITES */
.topIIFLU span{
background:#dedede !important; color:black !important;
}

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Mer 6 Juil - 4:37
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte.
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes
  • NOM
    Prénom(s)
    Pseudonyme * Disponibilité
    Fonction : MP/Profil
    Autres comptes

Nouvelles
le 00/00/00 : ...

Evénement en cours.



Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/SHAM_PA.css" rel="stylesheet" type="text/css"><!-- LIENS PAGE D'ACCUEIL --><div class="lksSHAM"><!-- I --><a href="" target="_blank">Contexte</a><!-- II --><a href="" target="_blank">Annexes</a><!-- III --><a href="" target="_blank">Bottins</a><!-- IV --><a href="" target="_blank">Groupes</a><!-- V --><a href="" target="_blank">Règlement</a><!-- VI --><a href="" target="_blank">Partenariat</a><!-- VII --><a href="" target="_blank">Parrainage</a></div><!-- PAGE D'ACCUEIL --><div class="SHAM"><!-- CONTEXTE --><div class="ctxtSHAM">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte.</div><!-- STAFF --><div class="staffSHAM"><input type="radio" name="navSTAFF" id="navSTAFF_1" checked /><input type="radio" name="navSTAFF" id="navSTAFF_2" /><input type="radio" name="navSTAFF" id="navSTAFF_3" /><input type="radio" name="navSTAFF" id="navSTAFF_4" /><input type="radio" name="navSTAFF" id="navSTAFF_5" /><input type="radio" name="navSTAFF" id="navSTAFF_6" /><input type="radio" name="navSTAFF" id="navSTAFF_7" /><input type="radio" name="navSTAFF" id="navSTAFF_8" /><input type="radio" name="navSTAFF" id="navSTAFF_9" /><input type="radio" name="navSTAFF" id="navSTAFF_10" /><!-- CONTENUS STAFF --><ul><!-- I --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- II --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- III --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- IV --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- V --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- VI --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- VII --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- VIII --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- IX --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- X --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li></ul><!-- NAVIGATION SLIDE --><div class="bullSHAM"><div><label for="navSTAFF_1"></label><label for="navSTAFF_2"></label><label for="navSTAFF_3"></label><label for="navSTAFF_4"></label><label for="navSTAFF_5"></label><label for="navSTAFF_6"></label><label for="navSTAFF_7"></label><label for="navSTAFF_8"></label><label for="navSTAFF_9"></label><label for="navSTAFF_10"></label></div></div></div><br/><div class="boxSHAM"><!-- PREDEFINIS --><div class="pfSHAM"><!-- HOMMES --><a class="HSHAM" href="" target="blank">Prédéfinis<br/>♂</a><!-- FEMMES --><a class="FSHAM" href="" target="blank">Prédéfinis<br/>♀</a></div><!-- 9 PARTENAIRES EN 88*31 --><div class="partSHAM"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a></div></div><!-- NOUVELLES --><div class="newsSHAM"><span>Nouvelles</span><!-- CONTENU --><div>le 00/00/00 : ...</div></div><!-- EVENEMENT EN COURS & MEMBRE DU MOIS --><div class="boxSHAM"><!-- EVENEMENT EN COURS --><div class="eventSHAM"><!-- IMAGE 220*210 --><img src="http://www.aht.li/2919750/220210.png" /><!-- CONTENU --><p>Evénement en cours.</p></div><div class="boxSHAM"><!-- MEMBRE DU MOIS --><div class="mdmSHAM"><!-- IMAGE 220*150 --><img src="http://www.aht.li/2919751/220150.png" /><!-- CONTENU --><p>NOM<br/>Prénom(s)<!-- LIENS --><br/><br/><a href="" target="_blank">Profil</a><a href="" target="_blank">Fiche de liens</a><a href="" target="_blank">MP</a></p></div><!-- TOP-SITES --><div class="topSHAM">Top-sites :<br/><!-- LIENS --><a href="" target="_blank">●</a><a href="" target="_blank">●</a><a href="" target="_blank">●</a><a href="" target="_blank">●</a><a href="" target="_blank">●</a></div></div></div></div>

Largeur minimale du forum : 800px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* PA */
/* BLOC LIENS */
.lksSHAM {
background:rgba(0,0,0,0.6) !important;
}
/* LIEN BLOC LIENS */
.lksSHAM a{
color:lightgreen !important;
}
/* SURVOL LIEN BLOC LIENS */
.lksSHAM a:hover {
color:#b35984 !important;
}
/* CONTEXTE */
.ctxtSHAM {
background:white !important; color:black !important;
}
/* BLOC STAFF */
.staffSHAM{
background:lightgreen !important;
}
/* CONTENU STAFF */
.staffSHAM ul li {
color:black !important;
}
/* BULLE STAFF */
.staffSHAM .bullSHAM label {
background:white !important;
}
/* SURVOL BULLE STAFF */
.staffSHAM .bullSHAM label:after {
background:#b35984 !important;
}
/* PREDEFINIS MASCULINS */
.HSHAM {
background:#b35984 !important; border-color:white !important; color:white !important;
}
/* PREDEFINIS FEMININS */
.FSHAM {
background:lightgreen !important; border-color:black !important; color:black !important;
}
/* BLOC NOUVELLES */
.newsSHAM {
background:black !important; color:white !important;
}
/* CONTENU NOUVELLES */
.newsSHAM div {
background:black !important; color:white !important;
}
/* EVENEMENT EN COURS */
.eventSHAM p{
background:white !important; color:black !important;
}
/* MEMBRE DU MOIS */
.mdmSHAM p{
background:#b35984 !important; color:black !important;  
}
/* LIENS MEMBRE DU MOIS */
.mdmSHAM a{
color:black !important;  
}
/* TOP-SITES */
.topSHAM {
background:lightgreen !important; color:black !important;
}

Suppression de staff = suppression de :
Code:
<input type="radio" name="navSTAFF" id="navSTAFF_10" />
Code:
<!-- X --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li>
Code:
<label for="navSTAFF_10"></label>

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Jeu 7 Juil - 6:44
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Texte de bienvenue

Résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé

plus d'informations
Pseudonyme - Rang - MP

Description.

Pseudonyme - Rang - MP

Description.

Pseudonyme - Rang - MP

Description.

Pseudonyme - Rang - MP

Description.

Pseudonyme - Rang - MP

Description.

Contexte contexte contexte contexte contexte contexte contexte.
Partenaires
Prédéfinis à l'honneur
Forum optimisé pour Mozilla Firefox & Google Chrome. Forum ouvert le 00/00/0000. Contexte par Pseudonyme. Graphisme par Pseudonyme - consulter la liste exhaustive des ressources utilisées ici. Codage par Pseudonyme. Remerciements divers.


Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/POK_PA.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div class="POK"><!-- BIENVENUE --><div class="welcPOK">Texte de bienvenue</div><div class="boxPOK"><!-- BLOC EVENEMENT EN COURS / LIENS / TOP-SITES --><div id="lksPOK"><!-- EVENEMENT EN COURS --><div class="eventPOK"><!-- IMAGE 200*200 --><img src="http://www.aht.li/2780872/200200.png" /><!-- RESUME & LIEN --><div><!-- RESUME --><p>Résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé</p><!-- LIEN VERS L'EVENEMENT --><a href="" target="_blank">plus d'informations</a></div></div><!-- 5 LIENS --><div class="lksPOK"><a href="" target="_blank">Lien</a><!-- II --><a href="" target="_blank">Lien</a><!-- III --><a href="" target="_blank">Lien</a><!-- IV --><a href="" target="_blank">Lien</a><!-- V --><a href="" target="_blank">Lien</a></div><!-- TOP-SITES --><div class="topPOK"><a href="" target="_blank">1</a><a href="" target="_blank">2</a><a href="" target="_blank">3</a></div></div><!-- STAFF - IMAGES EN 100*100 & 650*125 --><div class="staffPOK"><!-- I --><div><!-- IMAGE --><img class="imgPOK" src="http://www.aht.li/2838068/100100.png" /><!-- IMAGE II --><img class="imgIIPOK" src="http://www.aht.li/2917119/650125.png"/><!-- PSEUDONYME / RANG / MP --><span>Pseudonyme - Rang - <a href="" target="_blank">MP</a></span><!-- DESCRIPTION --><p>Description.</p></div><!-- II --><div class="IIPOK"><!-- IMAGE --><img class="imgPOK" src="http://www.aht.li/2838068/100100.png" /><!-- IMAGE II --><img class="imgIIPOK" src="http://www.aht.li/2917119/650125.png"/><!-- PSEUDONYME / RANG / MP --><span>Pseudonyme - Rang - <a href="" target="_blank">MP</a></span><!-- DESCRIPTION --><p>Description.</p></div><!-- III --><div class="IIIPOK"><!-- IMAGE --><img class="imgPOK" src="http://www.aht.li/2838068/100100.png" /><!-- IMAGE II --><img class="imgIIPOK" src="http://www.aht.li/2917119/650125.png"/><!-- PSEUDONYME / RANG / MP --><span>Pseudonyme - Rang - <a href="" target="_blank">MP</a></span><!-- DESCRIPTION --><p>Description.</p></div><!-- IV --><div class="IVPOK"><!-- IMAGE --><img class="imgPOK" src="http://www.aht.li/2838068/100100.png" /><!-- IMAGE II --><img class="imgIIPOK" src="http://www.aht.li/2917119/650125.png"/><!-- PSEUDONYME / RANG / MP --><span>Pseudonyme - Rang - <a href="" target="_blank">MP</a></span><!-- DESCRIPTION --><p>Description.</p></div><!-- V --><div class="VPOK"><!-- IMAGE --><img class="imgPOK" src="http://www.aht.li/2838068/100100.png" /><!-- IMAGE II --><img class="imgIIPOK" src="http://www.aht.li/2917119/650125.png"/><!-- PSEUDONYME / RANG / MP --><span>Pseudonyme - Rang - <a href="" target="_blank">MP</a></span><!-- DESCRIPTION --><p>Description.</p></div></div><!-- CONTEXTE --><div class="ctxtPOK">Contexte contexte contexte contexte contexte contexte contexte.</div><!-- 10 PARTENAIRES EN 50*50 --><div class="partPOK"><!-- TITRE --><span>Partenaires</span><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- X --><a href="" target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a></div><!-- 4 PREDEFINIS --><div class="pfPOK"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2838007/7575.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2838007/7575.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2838007/7575.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2838007/7575.png" /></a><!-- TITRE --><span><b>Prédéfinis</b> à l'honneur</span></div><!-- DISCLAIMER --><div class="claimPOK">Forum optimisé pour Mozilla Firefox & Google Chrome. Forum ouvert le 00/00/0000. Contexte par Pseudonyme. Graphisme par Pseudonyme - consulter la liste exhaustive des ressources utilisées <a href="" target="_blank">ici</a>. Codage par Pseudonyme. Remerciements divers.</div></div></div>

Largeur minimale du forum : 800px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* PA */
/* TEXTE DE BIENVENUE */
.welcPOK {
color:lightgrey !important;  
}
/* FOND PA */
.boxPOK {
background:lightgrey !important;  
}
/* BLOC EVENEMENT EN COURS / LIENS / TOP-SITES */
#lksPOK {
background:#191919 !important;
}
/* BORDURE EVENEMENT EN COURS */
.eventPOK {
border-color:grey !important;
}
/* CONTENU EVENEMENT EN COURS */
.eventPOK div{
background:black !important; color:white !important;
}
/* LIEN EVENEMENT EN COURS */
.eventPOK a{
color:white !important;
}
/* LIEN BLOC LIENS */
.lksPOK a{
background:grey !important; color:white !important;  
}
/* LIEN TOP-SITE */
.topPOK a{
background:white !important; color:black !important;
}
/* BLOC STAFF */
.staffPOK {
background:black !important;  
}
/* PSEUDONYME / RANG / MP STAFF */
.staffPOK div:hover span{
background:lightblue !important; color:black !important;
}
/* DESCRIPTION STAFF */
.staffPOK div:hover p{
background:grey !important; color:black !important;
}
/* CONTEXTE */
.ctxtPOK {
background:rgba(250,250,250,0.5) !important; box-shadow:inset 0 0 3px rgba(0,0,0,0.3) !important; color:black !important;
}
/* TITRE PARTENAIRES */
.partPOK span {
color:black !important;
}
/* BORDURE IMAGE PARTENAIRE */
.partPOK img{
border-color:black !important;
}
/* SURVOL BORDURE IMAGE PARTENAIRE */
.partPOK img:hover {
border-color:grey !important;
}
/* TITRE PREDEFINIS */
.pfPOK span{
color:black !important;
}
/* DISCLAIMER */
.claimPOK {
color:black !important;
}
Revenir en haut Aller en bas
MessageRe: [14] Page d'accueil Ven 30 Déc - 23:10
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte

PseudonymeRangDisponibilité

PseudonymeRangDisponibilité

PseudonymeRangDisponibilité

PseudonymeRangDisponibilité

PseudonymeRangDisponibilité

▬ le 00/00/00 : ...
▬ le 00/00/00 : ...
▬ le 00/00/00 : ...
▬ le 00/00/00 : ...
▬ le 00/00/00 : ...

“ Résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé

plus d'informations ici

Forum optimisé pour Mozilla Firefox & Google Chrome. Forum ouvert le 00/00/0000. Contexte par Pseudonyme. Graphisme par Pseudonyme - consulter la liste exhaustive des ressources utilisées ici. Codage par Pseudonyme. Remerciements divers.


Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/MMOR_PA.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div class="MMOR"><!-- BIENVENUE &  LIENS --><div id="tleMMOR"><!-- BIENVENUE --><div class="tleMMOR">Bienvenue</div><!-- 6 LIENS --><div class="lksMMOR"><!-- I --><a href="..." target="_blank">Lien</a><!-- II --><a href="..." target="_blank">Lien</a><!-- III --><a href="..." target="_blank">Lien</a><!-- IV --><a href="..." target="_blank">Lien</a><!-- V --><a href="..." target="_blank">Lien</a><!-- VI --><a href="..." target="_blank">Lien</a></div></div><!-- CONTEXTE & STAFF --><div class="boxMMOR"><!-- CONTEXTE --><div class="ctxtMMOR"><!-- CONTENU --><div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><!-- 5 MEMBRES DU STAFF - IMAGES EN 75*80 --><div class="staffMMOR"><!-- I --><div><!-- IMAGE --><img src="http://www.aht.li/3037107/7580BW.png" /><!-- CONTENU --><p>Pseudonyme<!--LIEN  PROFIL & RANG --><a href="..." target="blank">Rang</a><!-- DISPONIBILITE --><font style="color:forestgreen;">Disponibilité</font></p></div><!-- II --><div><!-- IMAGE --><img src="http://www.aht.li/3037107/7580BW.png" /><!-- CONTENU --><p>Pseudonyme<!--LIEN  PROFIL & RANG --><a href="..." target="blank">Rang</a><!-- DISPONIBILITE --><font style="color:forestgreen;">Disponibilité</font></p></div><!-- III --><div><!-- IMAGE --><img src="http://www.aht.li/3037107/7580BW.png" /><!-- CONTENU --><p>Pseudonyme<!--LIEN  PROFIL & RANG --><a href="..." target="blank">Rang</a><!-- DISPONIBILITE --><font style="color:forestgreen;">Disponibilité</font></p></div><!-- IV --><div><!-- IMAGE --><img src="http://www.aht.li/3037107/7580BW.png" /><!-- CONTENU --><p>Pseudonyme<!--LIEN  PROFIL & RANG --><a href="..." target="blank">Rang</a><!-- DISPONIBILITE --><font style="color:crimson;">Disponibilité</font></p></div><!-- V --><div><!-- IMAGE --><img src="http://www.aht.li/3037107/7580BW.png" /><!-- CONTENU --><p>Pseudonyme<!--LIEN  PROFIL & RANG --><a href="..." target="blank">Rang</a><!-- DISPONIBILITE --><font style="color:forestgreen;">Disponibilité</font></p></div></div></div><!-- NOUVELLES --><div class="newsMMOR"><!-- IMAGE 150*260 --><img src="http://www.aht.li/3036979/150260BW.png" /><!-- CONTENU --><div>▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...<br/>▬ le 00/00/00 : ...</div></div><!-- PREDEFINIS & EVENEMENT --><div class="boxMMOR"><!-- PREDEFINIS - IMAGES EN 45*45 --><div class="pfMMOR"><!-- I --><a href="..." target="_blank"><img src="http://www.aht.li/2993665/4545C.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2993665/4545C.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2993665/4545C.png" /></a><!-- IMAGE 75*30 --><a href="..." target="_blank"><img src="http://www.aht.li/3036947/7530C.png" /></a><!-- LIEN VERS LE RESTE DES PREDEFINIS --><span><a href="..." target="_blank">more ?</a></span></div><!-- EVENEMENT EN COURS --><div class="eventMMOR"><!-- IMAGE 180 * 145 --><img src="http://www.aht.li/3037374/180145BW.png" /><!-- CONTENU --><div><!-- RESUME --><p>“ Résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé</p><!-- LIEN --><a href="..." target="_blank">plus d'informations ici</a></div></div></div><!-- 10 PARTENAIRES EN 88*31 --><div class="partMMOR"><!-- I --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><br/><!-- VI --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VIII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IX --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- X --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a></div><!-- DISCLAIMER --><div class="disMMOR">Forum optimisé pour Mozilla Firefox & Google Chrome. Forum ouvert le 00/00/0000. Contexte par Pseudonyme. Graphisme par Pseudonyme - consulter la liste exhaustive des ressources utilisées <a href="..." target="_blank">ici</a>. Codage par Pseudonyme. Remerciements divers.</div></div>

Largeur minimale du forum : 800px

Partie CSS :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Code:
/* BLOC BIENVENUE & LIENS PA */
#tleMMOR {
background:rgba(255,255,255,0.9) !important; /* MODIFIABLE */
}
/* BIENVENUE PA */
.tleMMOR {
color:black !important; /* MODIFIABLE */
}
/* LIENS PA */
.lksMMOR a{
background:black !important; color:white !important; /* MODIFIABLE */
}
/* BLOC CONTEXTE PA */
.ctxtMMOR {
background:rgba(0,0,0,0.4) !important; /* MODIFIABLE */
}
/* CONTENU CONTEXTE PA */
.ctxtMMOR div {
background:white !important; color:black !important; /* MODIFIABLE */
}
/* BLOC STAFF PA */
.staffMMOR {
background:rgba(255,255,255,0.6) !important; /* MODIFIABLE */
}
/* CONTENU STAFF PA */
.staffMMOR div p {
background:rgba(255,255,255,0.9) !important; color:black !important; /* MODIFIABLE */
}
/* LIEN PROFIL STAFF PA */
.staffMMOR div p a{
color:#191919 !important; /* MODIFIABLE */
}
/* CONTENU NOUVELLES PA */
.newsMMOR div {
background:white !important; color:black !important; /* MODIFIABLE */
}
/* PREDEFINIS PA */
.pfMMOR {
background:rgba(0,0,0,0.9) !important; color:white !important; /* MODIFIABLE */
}
/* LIEN PREDEFINIS PA */
.pfMMOR span a{
background:white !important; color:black !important; /* MODIFIABLE */
}
/* CONTENU EVENEMENT PA */
.eventMMOR div{
background:black !important; color:white !important; /* MODIFIABLE */
}
/* LIEN EVENEMENT PA */
.eventMMOR a{
background:white !important; color:black !important; /* MODIFIABLE */
}
/* PARTENAIRES */
.partMMOR {
background:rgba(255,255,255,0.9) !important; /* MODIFIABLE */
}
/* DISCLAIMER */
.disMMOR {
background:rgba(0,0,0,0.4) !important; color:white !important; /* MODIFIABLE */
}
/* COULEUR LIENS DISCLAIMER */
.disMMOR a{
color:#CCC !important; /* MODIFIABLE */
}

Instructions :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune manipulation des éléments de la page d'accueil ne peut s'effectuer directement à partir du panneau d'administration.
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Libre service :: Codage-