L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 


Aller à la page : 1, 2  Suivant


 [Nocturne] Mise en page

♠ Emma ♠avatar
Messages : 279
Bonjour!

Support de mise en page : page d'accueil - messages - page HTML
Résultat en : HTML - BBcode
Type de mise en page : Classique - Colorée - Personnalisé
Texte : En BBCode, c'est plus simple ^^

Bonjour {[USERNAME]}!
Navigation de l’administration & de l’entraide
Règlement – A lire avant de s’inscrire –
New’s et annonces – A lire régulièrement –
Aide et questions – Aidez ou posez vos questions –
Nos services - Tout pour vous satisfaire –


Nos membres les plus actifs
Vous ?
Vous ?


Partenaires - Nos amis les plus précieux de la liste

Les Vampires de Manhattan (logo)
RPG Vampire (logo)



A visiter – Le Staff vous conseille…

-Logo du forum-
-Logo du forum-


Le Staff - Les dirigeants du forum (:

Icône
-----Fondatrice------
Icône.
-----Graphiste-------


Nouvelles - rapides


    -Bienvenue à {dernier membre inscrit sur le forum + lien vers profil} !
    -Bon anniversaire à {membre fêtant son anniversaire le jour même + lien vers profil} !
    -Le Staff s’est fait le plaisir de recruter un nouveau membre dans son groupe : {membre venant de rentrer dans le Staff + lien vers profil}.
    -Intrigue RPG : {phrase consternant l’intrigue}. {Voir l’annonce + lien vers l’annonce}



Description


    RPG & Flood

-Inventez la suite de la série des Vampires de Manhattan ! Vivez l’expérience inédite vous-même, en inventant votre propre personnage. Bonne chance jeunes gens!
-Ce forum peut aussi avoir une discussion générale de l'ensemble des tomes, des personnages et des aventures de la SAGA.
    Partenariat :

Pour le partenariat, nous pouvons en avoir pour la discussion ou le RPG. Mais je souhaite avoir le partenariat pour faire un projet qui nous aidera en RPG, pour tous les membres qui veulent plus "d'options".
Nous souhaitons de beaux projets!


Notre logo
- (logo) –

Ne pas copier

Spoiler:
 



Image(s): Je vous les donnerais une fois qu'ils seront créés.
----------------------------------------------------
Plan : L'accueil devrait ressembler à ça, à peut près... http://bloodandpleasure.forumactif.com/
Bon, je sais pas vraiment comment faire les plans mais je vous donne des détails sur le texte...

-L'ordre inscrit dans le texte noté ci-dessus n'est pas important.
-Bien évidemment, rien est bien centré et toujours à la ligne.
-La description des une liste ainsi que les nouvelles.
PLAN:


[center]Navigation
Bonjour username !
Partenaires -----------(séparé)------------ A visiter
Les membres les + actifs------------------(séparé)---------------- Staff
Description -----------(séparé)-----------Nouvelles
Logo du forum
Ne pas copier



Script(s) :
Nocturneavatar
Messages : 118
Bonsoir,

Je veux bien m'occuper de cette commande. En attendant les images, je vais devoir demander les couleurs et effets de textes à utiliser, s'il faut des bordures, si oui quel style et quelle couleur ?
♠ Emma ♠avatar
Messages : 279
Bonsoir ^^

Heuuu.... Et bien... Des bordures... Bah... Le truc à peut près comme le forum que j'avais donné... Mais comme mon forum est dans le ton bleu foncé... Un truc bleu claire pour les bordures, avec une opacité pour pas que ça fasse tape à l'oeil quand même... xD

Les couleurs dans les tons de mon forum ( http://vampiresdemanhattan.forumgratuit.org/ ) Et les titres mis en évidence... Enfin voilà quoi ^^ Dans les tons bleus, bleu ciel (:

Pour l'écriture, qu'elle soit simple ou alors l'écriture Narkisim, je ne sais pas si tu(/vous?) connais(/sez), de la même couleur que le texte normal, peut-être voir noir, ou un bleu plus clair pour les titres.

Pour les images, je les donnerais dès qu'elles seront prêtes ^^

Merci beaucoup!
Nocturneavatar
Messages : 118
J'ai fait le plus gros du travail. Il ne me manque plus que les images et je pourrai présenter le résultat.

Si je peux me permettre quelques recommandations ; le rouge, le violet ou le pourpre seraient plus adaptés que le bleu pour un forum sur les vampires.
♠ Emma ♠avatar
Messages : 279
OK ^^ Je mettrais plutôt… Ouai, violet clair sinon, ça le ferait peut-être ^^

Voici les images :

Partenaires :

Code:
 <a href="http://lesvampiresdemanatha.forumactif.org/"><img
src="http://i81.servimg.com/u/f81/14/31/68/11/logo212.jpg" alt="Les Vampires de Manhattan">

Code:
 <a href="http://rpgvampire.forumgratuit.org/"><img src="http://i62.servimg.com/u/f62/15/82/71/03/logo_b10.jpg" alt="RPG Vampire">

A visiter :

Code:
 <a href="http://lesforumsde.forumactif.com"> <img src="http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/logo88-31.png" border=0 alt="L'Annuaire title="L'Annuaire"></a>

Admins

Code:
 [url=http://vampiresdemanhattan.forumgratuit.org/u2][img]http://i37.servimg.com/u/f37/15/67/16/30/logo_s10.jpg[/img][/url]


[en dessous ou sur une petite fenêtre que l’on voit lorsque l’on passe la souris sur l’image] Fondatrice

Code:


[url=http://vampiresdemanhattan.forumgratuit.org/u1][img]http://i37.servimg.com/u/f37/15/67/16/30/logo_s11.jpg[/img][/url]
[en dessous ou sur une petite fenêtre que l’on voit lorsque l’on passe la souris sur l’image] Mod. Graphiste

Logo du forum :

Code:
 <a href="http://vampiresdemanhattan.forumgratuit.org"><img src="http://i69.servimg.com/u/f69/12/59/41/72/test210.png" alt="Les Vampires de Manhattan"> </a>


^^
Nocturneavatar
Messages : 118
Merci pour les images, voici un premier rendu à partir de l'état actuel du forum. Merci de me signaler les modifications à apporter.
♠ Emma ♠avatar
Messages : 279
Heeen !!! Comment tu fais!!! J'adooore ♥ !!!

Les modifications, il n'y en a pas tellement... Juste dans les nouvelles rapides.

-Bienvenue à {dernier membre inscrit sur le forum + lien vers profil} ! (le code qu'il faut mettre pour le dernier membre inscrit, comme ici (je sais pas si c'est du CCS...))
-Bon anniversaire à {membre fêtant son anniversaire le jour même + lien vers profil} !
-Le Staff s’est fait le plaisir de recruter un nouveau membre dans son groupe : {membre venant de rentrer dans le Staff + lien vers profil}. (je donne le lien vers le profil du dernier membre à s'être inscrit, comme ici)
-Intrigue RPG : {phrase consternant l’intrigue}.

Voilà ^^ les modifications sont en italique. Merci beaucoup, c'est du joli travail! thumright
Nocturneavatar
Messages : 118
Je n'ai aucun mérite, si les membres savent ce qu'ils veulent, je leur offre juste les codes CSS et HTML. Sinon, j'improvise et invente et si ça ne va pas, je recommence.

♠ Emma ♠ a écrit:
Bienvenue à {dernier membre inscrit sur le forum + lien vers profil} ! (le code qu'il faut mettre pour le dernier membre inscrit, comme ici (je sais pas si c'est du CCS...))
Il s'agit de la variable {FORUMLASTUSERLINK}, comme je l'ai indiqué sur la page.

♠ Emma ♠ a écrit:
Bon anniversaire à {membre fêtant son anniversaire le jour même + lien vers profil} !
Il n'y a pas de variable pour cela. La variable qui concerne les anniversaires du jour comporte la phrase entière "Membres fêtant leur anniversaire aujourd'hui : [membres]" ainsi que la phrase "Aucun membre ne fête son anniversaire aujourd'hui".
Grâce au javascript, il est possible de modifier la première phrase pour avoir le résultat espéré. Mais s'il n'y a pas d'anniversaire, faut-il afficher quelque chose ou non ?
Je peux m'en occuper mais il faudra me dire ce qu'il faut afficher s'il n'y a pas d'anniversaire.

♠ Emma ♠ a écrit:
Le Staff s’est fait le plaisir de recruter un nouveau membre dans son groupe : {membre venant de rentrer dans le Staff + lien vers profil}.
Ce type de lien est à entrer manuellement, je paramètrerai le code afin de le rendre clair en ce qui concerne cette partie-là. Il est possible d'avoir un exemple avec le dernier membre qui a intégré l'équipe du forum.

♠ Emma ♠ a écrit:
Intrigue RPG : {phrase consternant l’intrigue}.
Pareil que précédemment. Ce lien-là est à paramétrer manuellement puisqu'il est indépendant du fonctionnement-même d'un forum.
♠ Emma ♠avatar
Messages : 279
Merci pour les informations ^^

Pour l'intrigue RPG, je mettrais la phrase, c'est ça en fait que je voulais dire ^^ J'ai juste enlevé le texte de derrière (:
--

Le Staff s’est fait le plaisir de recruter un nouveau membre dans son groupe : {membre venant de rentrer dans le Staff + lien vers profil}.

Je mettrais le lien de la personne qui s'est fait recruter dernièrement dans le Staff. Mais est-ce que l'on pourrait me donner un exemple pour que je puisse le faire plus tard quand j'aurais la personne? Cette partie là était une préparation ^^
--

Bon anniversaire à {membre fêtant son anniversaire le jour même + lien vers profil} !

Comment, comme sur ce forum, mettre cette phrase dans les annonces (les Nouveautés)?
--

Bienvenue à {dernier membre inscrit sur le forum + lien vers profil} ! (le code qu'il faut mettre pour le dernier membre inscrit, comme ici (je sais pas si c'est du CCS...))

Ah d'accord, excusez moi ^^
Nocturneavatar
Messages : 118
J'ai mis à jour le fichier pour annoncer l'entrée d'un nouveau membre dans l'équipe. Au niveau du HTML, on trouve ceci :

Code:
Le Staff s'est fait le plaisir de recruter un nouveau membre dans son groupe : <a href="http://vampiresdemanhattan.forumgratuit.org/u??">Pseudonyme</a>.<br />

C'est très simple. Chaque adresse qui mène vers le profil d'un membre est de la forum "http://adresseduforum.forumactif.com/u??" où ?? est un numéro. Si on l'applique à ton forum, cela donne "http://vampiresdemanhattan.forumgratuit.org/u??". Sur la page d'un profil du membre concerné, il suffira simplement de mémoriser le numéro dans la barre d'adresse après le "u" et le recopier à la place de "??".
Pour information : le fondateur du forum est toujours "u1".
Et il n'y a plus qu'à remplacer "Pseudonyme" par le pseudonyme du membre.

Si plusieurs membres ont rejoint l'équipe (par exemple : trois), il faudra entrer le code suivant :

Code:
Le Staff s'est fait le plaisir de recruter trois nouveaux membres dans son groupe : <a href="http://vampiresdemanhattan.forumgratuit.org/u??">Pseudonyme</a>, <a href="http://vampiresdemanhattan.forumgratuit.org/u??">Pseudonyme 2</a> et <a href="http://vampiresdemanhattan.forumgratuit.org/u??">Pseudonyme 3</a>.<br />

Bien évidemment, il y aura trois valeurs différentes de "??".




L'affichage des anniversaires est géré par une variable comme {/USERNAME}. Le problème de cette variable est qu'elle comporte une phrase entière et qu'elle n'est pas absolue. Je veux dire par-là qu'elle n'est pas la même selon qu'un membre fête son anniversaire ou non.
Pour avoir la phrase souhaitée, il faut, par conséquent, avoir recours au Javascript mais si aucun membre ne fête son anniversaire cela affichera "Aucun membre ne fête son anniversaire aujourd'hui". Faut-il modifier ou supprimer cette phrase ("Aucun membre ne fête son anniversaire aujourd'hui") s'il n'y a aucun anniversaire du jour ?

En tout cas, le résultat ne sera pas visible via le lien que j'ai fourni. Il le sera directement sur ton forum.
♠ Emma ♠avatar
Messages : 279
Merci beaucoup pour lees informations Very Happy J'ai compris ! Wink xD
Mais c'est quoi le Javascript?

Et bien... Je vais modifier oui ^^ pour l'anniversaire, je mettrais "Aucun de nos habitants ne fêtent pas leur anniversaire aujourd'hui." Sinon, peut-on modifier la phrase lorsque quelqu'un fête son anniversaire (avec Javascript, j'imagine?)?

Si oui, la phrase sera "Les habitants qui fêtent leur anniversaire aujourd'hui sont: (membre). Bon anniversaire!".

Nocturneavatar
Messages : 118
Au niveau des anniversaires, il me semble que la manipulation n'est pas possible. J'ai fait plusieurs essais et d'après mes recherches sur le forum d'entraide de Forumactif, il semblerait que la variable relative aux anniversaires du jour ne peuvent être implémentées en-dehors du template index_body comme la plupart des variables du module Qui est en ligne.

Si plus aucune modification n'est à faire, je vais pouvoir fournir les codes et indications nécessaires pour la page d'accueil.
♠ Emma ♠avatar
Messages : 279
Merci beaucoup (:

Pour les modifications, il n'y en a plus (: Merci pour tout!
Nocturneavatar
Messages : 118
Voici les codes à entrer pour avoir cette page d'accueil :

Le CSS
Code:
#accueil {
   width:100%;
   margin:auto;
   font-family:Narkisim;
   padding:20px 10px 10px 10px;
}

#accueil a {
   color:#BAC4FF;
}

.navigation, .bienvenue, .membresactifs {
   width:40%;
   margin:auto;
   margin-bottom:15px;
}

.navigationh2 {
   color:#AFA8EE;
   width:100%;
   margin:auto;
   text-align:center;
   font-style:italic;
   text-shadow:1px 1px 1px #000000;
   font-family:"Times New Roman", Times, serif;
   font-size:30px;
}

.navigationdesc {
   color:#847CAD;
   width:100%;
   margin:auto;
   text-align:center;
   margin:7px 0px 15px 0px;
   font-size:13px;
   text-transform:uppercase;
   text-shadow:1px 1px 1px #888888;
   letter-spacing:0.4em;
}

.navigationtexte {
   font-family:Georgia, "Times New Roman", Times, serif;
   text-transform:uppercase;
}

.navigationlien {
   width:100%;
   background-color:#315262;
   text-align:center;
   border-right:4px solid #A2C8C2;
   border-bottom:1px solid #ADBDE7;
   border-left:4px solid #A2C8C2;
   -moz-border-radius:5px;
   display:block;
   margin-top:1px;
}

.navigationlien:hover {
   width:100%;
   background-color:#315262;
   text-align:center;
   border-right:4px solid #3C618A;
   border-bottom:1px solid #485E8E;
   border-left:4px solid #3C618A;
   -moz-border-radius:5px;
   display:block;
}

.commentaire {
   font-size:10px;
   font-style:italic;
   text-transform:none;
}

.bienvenueh2 {
   color:#AFA8EE;
   width:100%;
   margin:auto;
   text-align:center;
   font-style:italic;
   text-shadow:1px 1px 1px #000000;
   font-family:"Times New Roman", Times, serif;
   font-size:30px;
}

.bienvenuedesc {
   color:#847CAD;
   width:100%;
   margin:auto;
   text-align:center;
   margin:0px 0px 15px 30px;
   font-size:14px;
   text-transform:uppercase;
   text-shadow:1px 1px 1px #888888;
   letter-spacing:0.4em;
}

.partenaires, .membresactifs, .description, .notrelogo {
   width:45%;
   margin:auto;
   float:left;
   margin-top:35px;
}

.notrelogo {
   clear:both;
}

.partenairesh2, .avisiterh2, .membresactifsh2, .staffh2, .descriptionh2, .nouvellesh2, .notrelogoh2 {
   color:#9F8BBA;
   width:100%;
   margin:auto;
   margin-left:15px;
   font-size:18px;
   text-shadow:0px 0px 4px #888888;
   letter-spacing:2px;
   font-style:italic;
   font-family:"Times New Roman", Times, serif;
   text-transform:uppercase;
   text-align:left;
}

.partenairesh2:before, .avisiterh2:before, .membresactifsh2:before, .staffh2:before, .descriptionh2:before, .nouvellesh2:before, .notrelogoh2:before {
   content:"» ";   
}

.partenairesh2:after, .avisiterh2:after, .membresactifsh2:after, .staffh2:after, .descriptionh2:after, .nouvellesh2:after, .notrelogoh2:after {
   content:" «";
}

.partenairesdesc, .avisiterdesc, .membresactifsdesc, .staffdesc, .descriptiondesc, .nouvellesdesc, .notrelogodesc {
   color:#847CAD;
   width:100%;
   margin:auto;
   margin:0px 0px 5px 40px;
   font-size:14px;
   text-shadow:1px 1px 1px #888888;
   letter-spacing:1px;
   font-style:italic;
   font-family:"Times New Roman", Times, serif;
   text-transform:lowercase;
}

.partenairestexte, .avisitertexte, .membresactifstexte, .stafftexte, .descriptiontexte, .nouvellestexte, .notrelogotexte {
   border:1px solid #8595B1;
   background-color:#3C527B;
   padding:2px;
   box-shadow:2px 2px 2px #000000;
   -moz-box-shadow:2px 2px 2px #000000;
   -webkit-box-shadow:2px 2px 2px #000000;
}

.avisiter, .staff, .nouvelles, .nepascopier {
   width:45%;
   margin:auto;
   float:right;
   margin-top:35px;
}

.membresactifs {
   clear:both;
}

.descriptionh3 {
   font-weight:bold;
   font-family:"Times New Roman", Times, serif;
   font-style:italic;
   letter-spacing:1px;
   color:#7B7CB7;
   font-size:12px;
   margin:0px 0px 0px 15px;
}

.infobulle {
    position:relative;
    display:inline;
    margin-right:5px;
}

.infobulle span {
   display:none;
}

.infobulle:hover {
   background:none;
   z-index:500;
}

.infobulle:hover span {
   display:inline;
   position:absolute;
   white-space:nowrap;
   top:5px;
   left:15px;
   border:1px solid #8595B1;
   background-color:#3C527B;
   padding:2px;
   box-shadow:2px 2px 2px #000000;
   -moz-box-shadow:2px 2px 2px #000000;
   -webkit-box-shadow:2px 2px 2px #000000;
}

.nepascopier {
   text-align:right;
   font-weight:bold;
   font-family:"Times New Roman", Times, serif;
   text-shadow:0px 0px 4px #888888;
   color:#9F8BBA;
   float:right;
   margin-top:85px;
}


Le HTML
Code:
<div id="accueil">

   <div class="navigation">
      <h2 class="navigationh2">Navigation</h2>
      <div class="navigationdesc">de l'administration & de l'entraide</div>
      <div class="navigationtexte">
         <span class="navigationlien">Règlement <span class="commentaire">– A lire avant de s'inscrire –</span></span>
         <span class="navigationlien">New's et annonces <span class="commentaire">– A lire régulièrement –</span></span>
         <span class="navigationlien">Aide et questions <span class="commentaire">– Aidez ou posez vos questions –</span></span>
         <span class="navigationlien">Nos services <span class="commentaire">- Tout pour vous satisfaire –</span></span>
       </div>
   </div>

   <div class="bienvenue">
      <h2 class="bienvenueh2">Bienvenue</h2>
      <div class="bienvenuedesc">{USERNAME} !</div>
   </div>

   <div class="partenaires">
      <h2 class="partenairesh2">Partenaires</h2>
      <div class="partenairesdesc">Nos amis les plus précieux de la liste</div>
      <div class="partenairestexte"><a href="http://lesvampiresdemanatha.forumactif.org/"><img src="http://i81.servimg.com/u/f81/14/31/68/11/logo212.jpg" alt="Les Vampires de Manhattan"></a> <a href="http://rpgvampire.forumgratuit.org/"><img src="http://i62.servimg.com/u/f62/15/82/71/03/logo_b10.jpg" alt="RPG Vampire"></a>
      </div>
   </div>

   <div class="avisiter">
      <h2 class="avisiterh2">À visiter</h2>
      <div class="avisiterdesc">Le Staff vous conseille…</div>
      <div class="avisitertexte"><a href="http://www.forumsdeforumactif.com"><img src="http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/logo88-312.gif" border=0 alt="L'Annuaire" title="L'Annuaire"></a></div>
      </div>

   <div class="membresactifs">
      <h2 class="membresactifsh2">Nos membres les plus actifs</h2>
      <div class="membresactifstexte">Vous ? Vous ?</div>
   </div>

   <div class="staff">
      <h2 class="staffh2">Le Staff</h2>
      <div class="staffdesc">Les dirigeants du forum</div>
      <div class="stafftexte"><div class="infobulle"><a href="http://vampiresdemanhattan.forumgratuit.org/u2"><img src="http://i37.servimg.com/u/f37/15/67/16/30/logo_s10.jpg" /></a><span>Fondatrice</span></div><div class="infobulle"><a href="http://vampiresdemanhattan.forumgratuit.org/u1"><img src="http://i37.servimg.com/u/f37/15/67/16/30/logo_s11.jpg" /></a><span>Mod. Graphiste</span></div></div>
   </div>

   <div class="description">
      <h2 class="descriptionh2">Description</h2>
      <div class="descriptiontexte">
         <h3 class="descriptionh3">RPG & Flood</h3>
Inventez la suite de la série des Vampires de Manhattan ! Vivez l'expérience inédite vous-même, en inventant votre propre personnage. Bonne chance jeunes gens !<br />
Ce forum peut aussi avoir une discussion générale de l'ensemble des tomes, des personnages et des aventures de la SAGA.
         <h3 class="descriptionh3">Partenariat</h3>
Pour le partenariat, nous pouvons en avoir pour la discussion ou le RPG. Mais je souhaite avoir le partenariat pour faire un projet qui nous aidera en RPG, pour tous les membres qui veulent plus "d'options".<br />
Nous souhaitons de beaux projets !
      </div>
   </div>

   <div class="nouvelles">
      <h2 class="nouvellesh2">Nouvelles</h2>
      <div class="nouvellesdesc">Rapides</div>
      <div class="nouvellestexte">Bienvenue à {FORUMLASTUSERLINK} !<br />
Bon anniversaire à {membre fêtant son anniversaire le jour même + lien vers profil} ! <br />
Le Staff s'est fait le plaisir de recruter un nouveau membre dans son groupe : <a href="http://vampiresdemanhattan.forumgratuit.org/u??">Pseudonyme</a>.<br />
Intrigue RPG : {phrase concernant l'intrigue}.
      </div>
   </div>

   <div class="notrelogo">
      <h2 class="notrelogoh2">Notre logo</h2>
      <div class="notrelogotexte"><a href="http://vampiresdemanhattan.forumgratuit.org"><img src="http://i69.servimg.com/u/f69/12/59/41/72/test210.png" alt="Les Vampires de Manhattan"> </a></div>
   </div>

   <div class="nepascopier">
      Ne pas copier.
   </div>

</div>

Et voilà ! Si tu as des questions, n'hésite pas.
♠ Emma ♠avatar
Messages : 279
Coucou ^^

Merci beaucoup!

Il y a juste un petit problème, c'est pour la taille des "boites" de droite... Elles dépassent la largeur de mon forum. Comment modifier ça?
Nocturneavatar
Messages : 118
Remplace
Code:
#accueil {
  width:100%;
  margin:auto;
  font-family:Narkisim;
  padding:20px 10px 10px 10px;
}

par
Code:
#accueil {
  width:90%;
  margin:auto;
  font-family:Narkisim;
  padding:20px 10px 10px 10px;
}
Nocturneavatar
Messages : 118
Pour ne pas avoir les textes centrés, il suffit de remplacer le CSS par celui-ci :

Code:
#accueil {
   width:90%;
   margin:auto;
   font-family:Narkisim;
   padding:20px 10px 10px 10px;
}

#accueil a {
   color:#BAC4FF;
}

.navigation, .bienvenue, .membresactifs {
   width:40%;
   margin:auto;
   margin-bottom:15px;
}

.navigationh2 {
   color:#AFA8EE;
   width:100%;
   margin:auto;
   text-align:center;
   font-style:italic;
   text-shadow:1px 1px 1px #000000;
   font-family:"Times New Roman", Times, serif;
   font-size:30px;
}

.navigationdesc {
   color:#847CAD;
   width:100%;
   margin:auto;
   text-align:center;
   margin:7px 0px 15px 0px;
   font-size:13px;
   text-transform:uppercase;
   text-shadow:1px 1px 1px #888888;
   letter-spacing:0.4em;
}

.navigationtexte {
   font-family:Georgia, "Times New Roman", Times, serif;
   text-transform:uppercase;
}

.navigationlien {
   width:100%;
   background-color:#315262;
   text-align:center;
   border-right:4px solid #A2C8C2;
   border-bottom:1px solid #ADBDE7;
   border-left:4px solid #A2C8C2;
   -moz-border-radius:5px;
   display:block;
   margin-top:1px;
}

.navigationlien:hover {
   width:100%;
   background-color:#315262;
   text-align:center;
   border-right:4px solid #3C618A;
   border-bottom:1px solid #485E8E;
   border-left:4px solid #3C618A;
   -moz-border-radius:5px;
   display:block;
}

.commentaire {
   font-size:10px;
   font-style:italic;
   text-transform:none;
}

.bienvenueh2 {
   color:#AFA8EE;
   width:100%;
   margin:auto;
   text-align:center;
   font-style:italic;
   text-shadow:1px 1px 1px #000000;
   font-family:"Times New Roman", Times, serif;
   font-size:30px;
}

.bienvenuedesc {
   color:#847CAD;
   width:100%;
   margin:auto;
   text-align:center;
   margin:0px 0px 15px 30px;
   font-size:14px;
   text-transform:uppercase;
   text-shadow:1px 1px 1px #888888;
   letter-spacing:0.4em;
}

.partenaires, .membresactifs, .description, .notrelogo {
   width:45%;
   margin:auto;
   float:left;
   margin-top:35px;
}

.notrelogo {
   clear:both;
}

.partenairesh2, .avisiterh2, .membresactifsh2, .staffh2, .descriptionh2, .nouvellesh2, .notrelogoh2 {
   color:#9F8BBA;
   width:100%;
   margin:auto;
   margin-left:15px;
   font-size:18px;
   text-shadow:0px 0px 4px #888888;
   letter-spacing:2px;
   font-style:italic;
   font-family:"Times New Roman", Times, serif;
   text-transform:uppercase;
   text-align:left;
}

.partenairesh2:before, .avisiterh2:before, .membresactifsh2:before, .staffh2:before, .descriptionh2:before, .nouvellesh2:before, .notrelogoh2:before {
   content:"» ";   
}

.partenairesh2:after, .avisiterh2:after, .membresactifsh2:after, .staffh2:after, .descriptionh2:after, .nouvellesh2:after, .notrelogoh2:after {
   content:" «";
}

.partenairesdesc, .avisiterdesc, .membresactifsdesc, .staffdesc, .descriptiondesc, .nouvellesdesc, .notrelogodesc {
   color:#847CAD;
   width:100%;
   margin:auto;
   margin:0px 0px 5px 40px;
   font-size:14px;
   text-shadow:1px 1px 1px #888888;
   letter-spacing:1px;
   font-style:italic;
   font-family:"Times New Roman", Times, serif;
   text-transform:lowercase;
   text-align:left;
}

.partenairestexte, .avisitertexte, .membresactifstexte, .stafftexte, .descriptiontexte, .nouvellestexte, .notrelogotexte {
   border:1px solid #8595B1;
   background-color:#3C527B;
   padding:2px;
   box-shadow:2px 2px 2px #000000;
   -moz-box-shadow:2px 2px 2px #000000;
   -webkit-box-shadow:2px 2px 2px #000000;
   text-align:left;
}

.avisiter, .staff, .nouvelles, .nepascopier {
   width:45%;
   margin:auto;
   float:right;
   margin-top:35px;
}

.membresactifs {
   clear:both;
}

.descriptionh3 {
   font-weight:bold;
   font-family:"Times New Roman", Times, serif;
   font-style:italic;
   letter-spacing:1px;
   color:#7B7CB7;
   font-size:12px;
   margin:0px 0px 0px 15px;
}

.infobulle {
    position:relative;
    display:inline;
    margin-right:5px;
}

.infobulle span {
   display:none;
}

.infobulle:hover {
   background:none;
   z-index:500;
}

.infobulle:hover span {
   display:inline;
   position:absolute;
   white-space:nowrap;
   top:5px;
   left:15px;
   border:1px solid #8595B1;
   background-color:#3C527B;
   padding:2px;
   box-shadow:2px 2px 2px #000000;
   -moz-box-shadow:2px 2px 2px #000000;
   -webkit-box-shadow:2px 2px 2px #000000;
}

.nepascopier {
   text-align:right;
   font-weight:bold;
   font-family:"Times New Roman", Times, serif;
   text-shadow:0px 0px 4px #888888;
   color:#9F8BBA;
   float:right;
   margin-top:85px;
}
♠ Emma ♠avatar
Messages : 279
J'ai essayé de mettre le dernier code pour les centres textes, mais je le met où? Je remplace carrément le CCS? J'ai essayé et cela ne fonctionne pas...
Nocturneavatar
Messages : 118
Oui, il faut remplacer celui que je t'ai donné au départ par celui-là.
♠ Emma ♠avatar
Messages : 279
C'est ce que j'ai fait, mais cela me donne un résultat sans les effets (les "boites", les titres etc...) et tout est centré. Comme si j'écrivais ici...
Nocturneavatar
Messages : 118
Il ne semble pas que cela ait été fait au vu du code CSS actuel. Il faut le recopier entièrement à la place du code CSS que tu as actuellement car j'ai essayé, et ça marche.
♠ Emma ♠avatar
Messages : 279
Je vais le refaire... Ah oui, a marche... J'ai pas dû tout copier... Very Happy Autant pour moi... ^^
ThreaxV.I.P.avatar
Messages : 7332
Bonjour,

Pouvons-nous considérer comme résolu ? Very Happy
♠ Emma ♠avatar
Messages : 279
Heu... Attendez... Juste une question, serais-ce possible de centrer l'avatar (je sais j'ai déjà demandé, mais je le remets dans ma commande) dans les messages?
ArlemV.I.P.avatar
Messages : 3712
On va éviter de mélanger les différents sujets et essayer de te trouver une solution dans l'autre topic. Wink

Résolu donc ?

Aller à la page : 1, 2  Suivant,
 Sujets similaires
-
» [Nocturne] Mise en page
» S. Demande de mise en page - Site du forum
» Mise en Page d'acceuil
» [Basil] Demande de mise en page
» mise en page des posts

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Réf. (comp)
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation