Running Up That Hill
RUTH a bien malheureusement sombré. Si vous voulez vous amuser, incarner un personnage déjanté (peut être un peu moins dark que sur ruth mais tout aussi fou ), je vous conseille ce forum > http://impassedudejante.forumgratuit.fr/ Non seulement vous m'y retrouverez, héhé quel privilège, mais en plus, il est actif, amusant et complètement loufoque. A bientôt. C'était Sadie McMurphy à l'appareil, ce message s'autodétruira dans 3...2...1 seconde.
Running Up That Hill
RUTH a bien malheureusement sombré. Si vous voulez vous amuser, incarner un personnage déjanté (peut être un peu moins dark que sur ruth mais tout aussi fou ), je vous conseille ce forum > http://impassedudejante.forumgratuit.fr/ Non seulement vous m'y retrouverez, héhé quel privilège, mais en plus, il est actif, amusant et complètement loufoque. A bientôt. C'était Sadie McMurphy à l'appareil, ce message s'autodétruira dans 3...2...1 seconde.
Running Up That Hill
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez|

CSS du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas
Aller à la page : 1, 2, 3  Suivant
AuteurMessage

Invité

Invité



CSS du forum Empty
MessageSujet: CSS du forum CSS du forum EmptyMar 15 Mar - 10:40

Je propose que ce sous-forum soit exclusivement réservé à tout ce qui englobera le CSS du forum.

Lorsque le forum sera prêt à ouvrir, on pourra déplacer cette partie dans Private Room.


Tokatapee de Bazzart y aura un accès spécial, pour pouvoir nous aider avec tout ça. Smile Bienvenue à toi, d'ailleurs ! Wink
Revenir en haut Aller en bas

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyMar 15 Mar - 10:50

Ca y est, je le vois ^^

Du coup, est-ce que vous avez une idée de ce que vous voulez ? Des exemples qui vous plaisent ? Est-ce que vous voulez des modifications de template, vous avez des idées particulières ?
Revenir en haut Aller en bas

Sadie McMurphy
Sadie McMurphy

YOUR OWN PERSONAL JESUS

Messages : 463
Avatar : Karen Gillan.
Crédit : Aeroplane.

Points : 518


SHOW ME YOUR TEETH
Arrivée à Salem : Depuis 2 ans. J'aurais probablement dû rester dans mon patelin écossais.
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyMer 16 Mar - 12:27

Alors alors je vais chercher des exemples

Tu t'y connais en codes sinon (je veux dire pour les présentations et tout) ?
Parce qu'on est assez nulles à ce niveau, et on aimerait une jolie mise en page, que ce soit pour le règlement ou les autres sujets importants.
Revenir en haut Aller en bas
https://running-up-that-hill.1fr1.net

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyMer 16 Mar - 20:03

Oui, ça devrait pouvoir se faire, je me débrouille pas mal ^^ Mais il faut que vous me donniez une idée de ce que vous voulez, (sinon, je peux improviser complètement, mais c'pas sûr que ça vous plaise xD)
Revenir en haut Aller en bas

Sadie McMurphy
Sadie McMurphy

YOUR OWN PERSONAL JESUS

Messages : 463
Avatar : Karen Gillan.
Crédit : Aeroplane.

Points : 518


SHOW ME YOUR TEETH
Arrivée à Salem : Depuis 2 ans. J'aurais probablement dû rester dans mon patelin écossais.
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyVen 18 Mar - 21:59

Alors en ce qui concerne les codes, je n'ai absolument aucune idée, je sais, je n'aide pas là. Je te laisse donc improviser si cela ne te dérange pas.

Niveau css, j'aimerais bien un QEEL personnalisé, comme sur nombre de forum maintenant. Si tu sais fa!re ça, je te dirai quoi écrire Wink

Sinon, il nous faudra de l'aide en ce qui concerne la PA.



J'éditerai au fur et à mesure. Wink
Revenir en haut Aller en bas
https://running-up-that-hill.1fr1.net

Invité

Invité



CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptySam 19 Mar - 10:18

Déjà, vu la longueur du forum avec tous les différents lieux, je pensais le raccourcir grâce au système d'onglets (un onglet pour chaque catégorie). Tu vois ?

Ensuite, pour le PA, voici quelques exemples qui me semblent pas mal :

http://unlucky-me.forumgratuit.org/
http://stuckintheairport.creerforums.fr/

Pour la barre ACCUEIL, CALENDRIER, MEMBRES etc, j'aime bien l'effet ici : http://elephants.forumgratuit.org/

Qu'en pensez vous ?
Revenir en haut Aller en bas

Sadie McMurphy
Sadie McMurphy

YOUR OWN PERSONAL JESUS

Messages : 463
Avatar : Karen Gillan.
Crédit : Aeroplane.

Points : 518


SHOW ME YOUR TEETH
Arrivée à Salem : Depuis 2 ans. J'aurais probablement dû rester dans mon patelin écossais.
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptySam 19 Mar - 10:34

Ou sinon pour raccourcir, ya le système du petit bouton (fait sur topshop) qui fait descendre en bas du forum.
Mais les onglets ça peut aussi être pas mal

Ya aussi la chatbox à mettre sur le côté, avec un onglet spécial. Ca, c'est pratique !

Pour la PA, c'est un peu près ce que j'imaginais, surtout la première en fait.

Pour la barre, de même, sauf pour la police d'écriture que je trouve zarbi xD Mais l'idée de l'espace de cadre, j'aime beaucoup.
Revenir en haut Aller en bas
https://running-up-that-hill.1fr1.net

Invité

Invité



CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptySam 19 Mar - 11:45

Ah oui c'est vrai que l'idée du bouton est pas mal aussi, mais dans ce cas, il faudrait le faire visible, parfois je ne le remarque même pas. Smile
La chatbox est une très bonne idée, je plussoie. (OK pour l'onglet)
L'écriture ne convient pas en effet, mais je le montrais pour l'effet. Tant mieux si tout ça te plait. Wink
Revenir en haut Aller en bas

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyDim 20 Mar - 17:44

Alors, en ce qui concerne le forum en onglets, c'est en réalité du javascript. Donc je ne l'ai jamais appris - en particulier parce que je ne suis pas très convaincue du rendu au niveau esthétique, mais si c'est vraiment ce qui vous plaît, je peux sûrement trouver un tuto qui explique comment faire.

Pour le QEEL, si vous n'avez pas d'idée, j'essayerais de vous présenter plusieurs modèles, comme ça on verra ce qui vous plaît le plus.

Et pour la PA, oui, c'est plutôt facile, je vous code ça demain ^^
Revenir en haut Aller en bas

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyDim 20 Mar - 19:33

Ah oui, aussi, est-ce que je pourrais avoir le CSS actuel du forum ? Histoire d'essayer de faire un truc assorti ^^
Revenir en haut Aller en bas

Sadie McMurphy
Sadie McMurphy

YOUR OWN PERSONAL JESUS

Messages : 463
Avatar : Karen Gillan.
Crédit : Aeroplane.

Points : 518


SHOW ME YOUR TEETH
Arrivée à Salem : Depuis 2 ans. J'aurais probablement dû rester dans mon patelin écossais.
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyDim 20 Mar - 22:06

Voilà le CSS actuel

Code:
/*FOND FORUM*/
body {
   background-color: #0d0d0d;
   background-image: url("http://i55.tinypic.com/2uyrqj9.png");
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-position: top center;
   }
/*SCROLLBAR*/
* html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
*+ html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
/* POLICES ET EFFETS GLOBAL */
th,td,p {
    font-family: Arial,Verdana,Arial,Helvetica,sans-serif }
a {
    text-decoration:none;
    }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #6A6947;
    }
a:hover{
    text-decoration:none !important;
    color : #7c876a;
    }
hr{
    height: 0;
    border: solid #141111 0;
    border-top-width: 1px;
   }
u {
    text-decoration: none;
    border-bottom: 1px #6A6947 dotted;
    }
/* BORDURE ET FOND PAGE ENTIERE */
.bodyline{
    background-color: #;
    border: 1px # dotted;
   }
.bodylinewidth {
   width:70%}
/* BORDURE DES TABLES PRINCIPALES */
.forumline{
    background-color: #;
    border: 1px #342525 dotted;
    }
/* COULEUR & FOND DES TABLES PRINCIPALES */
td.row1,td.row3.over:hover {
    background-color: #141111;
    }
td.row2,td.row1.over:hover {
    background-color: #141111;
    }
td.row3{
    background-color: #141111;
    }
td.rowpic {
   background-color: #342525;
   background-image: url("http://2img.net/i/fa/empty.gif");}
/* CELLULES D'EN-TETE */
th {
   color: #453434;
   font-size: 11px;
   font-weight : normal;
   background-color: #141111;
   height: 25px;
   background-image: url("http://2img.net/i/fa/empty.gif");
   padding: 2px 3px;
   }
/* BORDURES INTERNES DES CELLULES DE LA TABLE PRINCIPALE*/
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("http://2img.net/i/fa/empty.gif");
   background-color:#342525;
    border: #342525;
    border-style: solid;
    height: 28px;
   }
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0;
   }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold;
    border: #342525;
    border-style: solid;
   
/*height: 20px;
   */
}
td.row3Right,td.spaceRow {
   background-color: #141111;
    border: #342525;
    border-style: solid;
   }
td.pourcentback {
    background-color : #0d0d0d;
    }
th.thHead,td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0 1px 0 0;
    }
th.thLeft,td.catLeft {
    border-width: 0 0 0 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0 0;
    }
th.thCornerL {
    border-width: 1px 0 0 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0 0;
    }
/* TEXTES INDEX, TITRE, TITRE DES TOPICS*/
.maintitle, .maintitle h1{
    font-size: 20px;
    font-family: Arial,TrebuchetMS,Arial,Verdana,Arial,Helvetica,sans-serif;
     text-decoration: none;
    line-height : 120%;
    color : #404040;
   }
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
   padding: 2px 3px;
   }
.forumline td.pagination {
   padding:0;
    }
.maintitle h1 {
   margin: 0;
    padding: 0;
    display: inline;
    }
/* TEXTE GENERAL*/
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #404040;
    }
a.gen,a.genmed,a.gensmall {
    color: #3a2f2f;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #bca582;
    text-decoration: underline;
    }
/* LIEN BARRE DE NAVIGATION*/
.mainmenu{
    font-size : 12px;
    text-decoration: none !important;
    }
a.mainmenu{
    font-family: times new roman;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    color : #bca582;
   }
a.mainmenu:hover{
    text-decoration: none !important;
    color : #353535;
    }
/* TEXTES TITRES DES CATÉGORIES*/
.cattitle{
    font-weight: normal;
    font-size: 15px ;
    letter-spacing: 6px;
    color : #3e3232}
h1.cattitle {
   margin:0;
    padding: 0;
    display:inline;
   }
a.cattitle{
    letter-spacing: 2px;
    text-decoration: none;
    color : #3e3232;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
/* NOM DES FORUMS*/
.forumlink{
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color : #4a3030;
    }
a.forumlink {
    font-family: times new roman;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #000000;
    color : #4a3030;
    }
a.forumlink:hover{
    font-family: times new roman;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    color : #7c876a;
    }
/* BARRE DE NAVIGATION*/
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #404040;
    }
a.nav{
    text-decoration: none;
    color : #bca582;
    }
a.nav:hover{
    text-decoration: underline;
    }
/* TITRES DES TOPICS*/
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #4a3030;
    }
div.topictitle {
   display: inline;
   }
h2.topic-title {
   display: inline;
    margin: 0;
    padding: 0;
   }
a.topictitle:link{
    text-decoration: none;
    color : #bca582;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #bca582;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #bca582;
    }
/* NOM DU POSTEUR*/
.name{
    font-size : 11px;
    color : #404040;
   }
.name a{
    text-decoration:none;
    }
/* LOCALISATION, NOMBRE DE MESSAGES, DATE DES MESSAGES*/
.postdetails{
    font-size : 10px;
    color : #404040;
    }
/* CONTENU DES MESSAGES*/
.postbody{
    font-size : 12px;
    text-align: justify;
    line-height: 18px;
    padding: 10px 40px 10px 40px;
    }
a.postlink:link{
    text-decoration: none;
    color : #bca582 }
a.postlink:visited{
    text-decoration: none;
    color : #bca582;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #bca582}
/* CODE ET CITER*/
.code{
    font-family: Arial,Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #444444;
    text-shadow: 1px 1px 1px #161111;
    background-color: #100e0e;
    border: #342525;
    -moz-border-radius:10px;
    border-style: solid;
    border-left-width: 2px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width:2px;
    padding: 10px;
    }
.quote{
    font-family: Arial,Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #4e4e4e;
    text-shadow: 1px 1px 1px #161111;
    background-color: #1f1919;
    border: #342525;
    border-style: dotted;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    padding: 10px;
    }
/* COPYRIGHT, INFO DE BAS DE PAGE*/
a.copyright{
    color: #3d3d3d;
    text-decoration: none;
   }
a.copyright:hover {
    color: #3d3d3d;
    text-decoration: underline;
   }
.coloradmin {
    color: #ffa34f}
.colormod {
    color: #006600}
.vote {
   float: right;
   width: 10px;
   margin-left: 4px;
   }
.vote .vote-button {
   text-align: center;
   font-weight: bold;
   margin-left: -1px;
   }
.vote .vote-button a {
   text-decoration: none !important;
   }
.vote .vote-bar {
   width: 3px;
   height: 50px;
   margin: 0 auto;
   border: 1px solid #404040;
   font-size: 0;
   }
.vote .vote-no-bar {
   letter-spacing:-2px;
   margin-left:-2px;
   white-space:nowrap;
   }
.vote .vote-bar-plus {
   background-color: #0f0;
   }
.vote .vote-bar-minus {
   background-color: #f00;
   }
h1.pagetitle {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   color: #4a3030;
   }
h1.title2 {
   font-size: 11px;
   }
.secondarytitle,.secondarytitle h2 {
   margin: 0px;
   padding: 0px;
   color: #4a3030;
   text-align: left;
   font-family: Times New Roman,georgia;
   font-size: 12px;
   text-transform: lowercase;
   }
.secondarytitle h2 {
   display:inline;
   }
.nav h1 {
   display: inline;
   }
.hierarchy {
   display: inline;
   margin: 0;
   padding: 0;
   text-transform: none;
   border: none;
   font-size: 10px;
   }
.mod-text {
   font-weight: bold;
   }
img{
   border:0}
/* FOND DE LA ZONE D'INSERTION DE TEXTE*/
input,textarea, select {
   color : #404040;
   font: normal 11px Arial,Verdana,Arial,Helvetica,sans-serif;
   border-color : #342525 dotted;
   }
input.post, textarea.post, select {
    background-color : #100e0e;
    }
.post-options {
   text-align: justify;
   }
.post-options img {
   cursor: pointer;
   vertical-align: middle;
   margin-left: 1px;
   }
input {
    text-indent : 2px;
    }
/* BOUTONS BBCODE*/
input.button {
   background-color : #141111;
   color : #404040;
   font-size: 11px;
    font-family: Arial,Verdana,Arial,Helvetica,sans-serif;
   }
/* BOUTON D'ENVOI DE MESSAGE*/
input.mainoption {
   background-color : #fafafa;
   font-weight : bold;
   }
/* BOUTON DE PREVISUALISATION DE MESSAGES*/
input.liteoption {
   background-color : #fafafa;
   font-weight : normal;
   }
.helpline {
    background-color: #141111;
    border-style: none;
    }
input {
    background-color: #141111;
    }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   padding: 1px 0;
   font-family: Arial,Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #3d3d3d;
   color: #3d3d3d;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
   border: 1px solid #e3adad;
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
.select {
   background-color: #FFF;
   border: 1px solid #BCBCBC;
   position: absolute;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.7em;
   margin: 0;
   white-space: nowrap;
   text-align: left;
   }
.select button {
   padding: 4px;
   font-size: 0.9em;
   margin: 0;
   background-color: #FFF;
   border: none;
   text-align:left;
   }
.select button.button2 {
   border:1px solid #BCBCBC;
   padding: 0;
   }
* html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
.select button.button2:hover {
   border: 1px solid #3d3d3d;
   color: #3d3d3d;
   background-position: 0 100%;
   }
.select button:hover,.selectHover {
   cursor: pointer;
   background-color: #EEE;
   }
textarea#text_editor_textarea {
    width: 100% !important;
    }
iframe#text_editor_iframe {
   width: 100%;
   height: 200px;
   }
form#quick_reply textarea#text_editor_textarea {
   width: 100% !important;
   height: 100%;
   }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
*+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
#page-footer .gen strong {
   font-weight: normal;
   }
@import url("form_ie.css");
   @media print {
   body {
   background-image: none;
   background-color: #fff;
   color: #000;
   }
table.bodylinewidth span.maintitle {
   display: block;
   text-align: left;
   }
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
   display:none;
   }
td.catHead, .t-title {
   text-align: left;
   }
table.bodylinewidth .cattitle {
   letter-spacing: normal;
    font-size: 1em;
   }
.thLeft,.thRight {
   color: #000;
    border: none;
    text-align:left;
   }
.hr hr {
    visibility: hidden;
    }
.hr {
   border-top: 1px dotted #ddd !important;
    }
tr.post td {
   vertical-align: top;
   border-bottom: 1px solid #ccc;
   }
tr.post td td {
   border: none;
   }
tr.post span.gensmall {
   display: none;
   }
span.gen {
   display: none;
   }
}
ul.abuse {
   list-style: none;
   line-height: 1.5em;
   font-size: 0.9em;
   }
.rtl-spacer:before {
   content: " ";
   white-space: pre;
   }
.rtl-spacer:after {
   content: " ";
   white-space: pre;
   }
.warning {
   color:#ff3333;
   }
.captcha div.captcha-img {
   float: left;
   margin: 0 1em 0 0;
   }
.captcha .inputbox {
   margin-top: 0.5em;
   }
.center {
   text-align: center;
   }
.right {
   float: right;
   }
.left {
   float: left;
   }

/* TGF Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
*+ html .clearfix {
   min-height: 1px;
   }
* html .clearfix {
   position: relative;
    height: 1%;
    clear: both;
   }
#page-footer, .clear {
   clear: both;
   }
#page-footer h3 {
    margin-top: 20px;
    }
#content-container #left {
   width: 0px;
   margin-right: px;
   }
#content-container #right {
   width: 0px;
   margin-left: px;
   }
.module-title {
   font-weight: bold;
   margin: 0 auto;
   text-align: center;
   display: block;
   }

/* CHATBOX */
#frame_chatbox {
   border: none !important;
   }
body.chatbox {
   min-width: 550px !important;
   background-image: none;
   padding: 0;
   margin: 0;
   background-color: #0d0d0d;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   font-size: 12px;
   }
.chatbox-options {
   text-align:right;
   }
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
   float:right;
   white-space : nowrap;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 30px;
   }
#chatbox_footer table.text-styles {
   float: right;
   }
#chatbox_footer .text-field {
   float: left;
   }
#chatbox_header {
   height: 30px;
   background-color: #0d0d0d;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #141111;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #141111;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #141111;
   }
.memberlist_row_1 {
   padding: 2px 2px 2px 10px;
   background-color: #141111;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #141111;
   color : #3d3d3d;
   font-family: Arial,Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 10px;
   }
#chatbox_members ul li {
   margin: 2px 2px 2px 0;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #22229C;
   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #22229C;
   }
#chatbox .user {
   font-weight: bold;
   }
div#chatbox {
   color: #404040;
   }
#chatbox_contextmenu {
    background-color: #141111;
    border:1px solid #aaa;
   }
#chatbox_contextmenu p {
   margin:0;
    padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #;
   border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
   background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    padding-left: 20px;
   }
#chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
   }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
   border:0;
   }
* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }

/* poll */
.poll-result td {
   padding: 2px 4px;
    text-align: left;
   }
.poll-result td.poll-title,.poll-result td.poll-results {
   text-align: center;
   }
.progress-bar td {
   padding: 0 !important;
   }
.poll-ballot {
   text-align: left;
   }

/* Advanced profile */
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
   margin-right: 3px;
   }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
   margin-bottom: 3px;
   }
#profile-advanced-button {
   padding: 1px;
   }
#profile-advanced-details {
   overflow: hidden;
   }
#profile-advanced-details ol {
   margin: 0;
   padding: 0;
   list-style: none;
   }
#profile-advanced-details ol li {
   display: block;
   margin-bottom: 4px;
   }
#profile-advanced-details .avatar {
   float: left;
   }
.avatar {
   width: 50px;
   border: 1px solid #342525;
   background-color: #fff;
   }
.avatar img {
   width: 50px;
   }
.friend-block .avatar {
   margin: 0 auto;
   cursor:pointer;
   }
.avatar.mini, .avatar.mini img {
   width: 38px;
   height: 38px;
   }
.friend-block {
   float: left;
   width: 70px;
   margin: 1px;
   text-align: center;
   overflow: hidden;
   }
.friend_list_online_status {
   line-height: 11px;
   font-size: 0.9em;
   }
.friend_list_online_status img {
   vertical-align: middle;
   }
.friends-foes-list {
   float: left;
   width: 200px;
   height: 2em;
   }
#profile-advanced-details .message-block {
   margin-left: 57px;
   }
#profile-advanced-details .message-header {
   border-top: 1px solid #141111;
   background: #141111;
   padding: 4px;
   margin-bottom: 4px;
   }
#profile-advanced-details .message-date {
   float: right;
   }
#profile-advanced-details .message-body {
   margin-bottom: 4px;
   }
#profile-advanced-details .message-footer {
   text-align: right;
   }
#profile-advanced-details .message-footer li {
   display: inline;
   margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
   content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
   margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
   }
#profile-advanced-details .message-footer li.last:after {
   content: normal;
   }
#profile-advanced-add {
   margin-right: 4px;
   padding: 8px 0;
   text-align: right;
   }
#profile-advanced-details .stats-field {
   margin: 4px 0 10px 4px;
   padding: 0 10px 6px;
   }
#profile-advanced-details .stats-field legend {
   font-weight: bold;
   }
#profile-advanced-details .stats-field ul {
   list-style-type:none;
   text-indent: 10px;
   padding: 0;
   }
#profile-advanced-details .stats-field li {
   margin: 4px 0;
   }
#login_popup {
   position: absolute;
   z-index: 999;
   display: none;
   }
#login_popup_buttons {
   position: absolute;
   height:19px;
   bottom: 6px;
   right: 6px;
   }
#login_popup_buttons input {
   margin-left: 6px;
   }
ul.profile_field_list {
   padding:0;
   margin:0}
html ul.profile_field_list li {
   list-style-type: none;
   }
ul.profile_field_list > li {
   list-style-type: none;
   }
.inputURL {
   font-size:10px;
   font-family:"Courier New", "Times New roman";
   letter-spacing:-1px;
   }
.middleline {
   line-height:2em;
   }
.invisible{
   display:none;
   visibility:hidden;
   }
.visible{
   display:block;
   visibility:visible;
   }

/* AJAX PROFIL */
.ajax-profil_hover{
   background:transparent}
.ajax-profil_parent{
   position:relative;
   zoom:1;
   }
.ajax-profil_edit{
   cursor:pointer;
   position:absolute;
   top:0;
   left:-18px}
.ajax-profil_edit img{
   margin-left:4px}
.ajax-profil_valid{
   cursor:pointer;
   margin-left:4px;
   vertical-align:middle}
#profile-advanced-details dl{
   padding:8px 10 8px 0;
   width:98%;
   margin:10px 0 0;
   }
#profile-advanced-details dl dt{
   float:left;
   display:block;
   width:160px;
   }
#profile-advanced-details dl dd{
   margin-left:10px;
   padding-left:12px;
   }
#profile-advanced-details div.separator{
   clear:both;
   font-size:1px;
   line-height:1px;
   border-bottom:1px solid #dcdcdc;
   padding-top:10px;
   }
#profile-advanced-details .ajax-profil_edit{
   left:-4px;
   }

/* JQMODAL */
.jqmWindow {
   display: none;
   position: fixed;
   left: 50%;
   width: 450px;
   margin-left: -225px;
   top: 50%;
   margin-top: -125px;
   background-color: #0d0d0d;
   border: 1px solid #;
   }
.jqmOverlay {
   background-color: #000;
   }
.jqDrag {
   cursor: move;
   }

/* BLOG */
.blog_cal-border {
   display: inline;
   float: left;
   border: 1px solid #342525;
   background: #141111;
   padding: 1px;
   font-size: 0.9em;
   margin-right: 10px;
   }
.blog_cal-content {
   width: 2.9em;
   background: #342525;
   padding: 1px;
   line-height: 1.4em;
   text-align: center;
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
   color: #;
   }
.blog_cal-content span {
   display: block;
   }
.blog_cal-day {
   padding-left: 0.2em;
   font-size: 1.6em;
   letter-spacing: 0.2em;
   }
.blog_cal-month {
   line-height: 0.7em;
   font-size: 2em;
   font-weight: bold;
   }
.blog_cal-year {
   line-height: 1.2em;
   font-size: 0.8em;
   }
.blog_title {
   padding-top: 5px;
   font-size: 16px;
   }
.blog_title img {
   vertical-align: middle;
   }
.blog_title .topictitle {
   font-size: 16px;
   }
.blog_message {
   margin-top: 12px;
   font-size: 12px;
   }
.blog_comments {
   margin-bottom: 2px;
   text-align: right;
   }
.blog_comments img {
   vertical-align: middle;
   }
#blog_comments {
   width: 90%;
   margin: 0 auto;
   }
#blog_comments .postbody {
   width: 96%;
   }
.blog_comment-avatar {
   float: left;
   }
.blog_comment-avatar img {
   background-color: #fff;
   border: 1px solid #342525;
   vertical-align: middle;
   width: 38px;
   margin: 5px 5px 0 0;
   }
#blog_comments table {
   margin-bottom: 2px;
   }
#blog_comments .h3 {
   overflow: hidden;
   margin-top: 0;
   margin-left: 45px;
   padding: 0;
   min-height: 22px;
   }
.blog_comment-title {
   float: left;
   min-height: 12px;
   margin-top: 7px;
   }
.blog_comment-title a {
   text-decoration: none;
   }
#blog_comments .profile-icons {
   float: right;
   margin-bottom: 5px;
   }

/* SOCIAL BOOKMARKING */
#bookmarks {
   float: right;
   }
#bookmarks a img {
   width: 20px;
   height: 20px;
   background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
   vertical-align: middle;
   }
#bookmarks a img.twitter {
   width: 16px;
   height: 16px;
   margin: 2px;
   background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;
   }
#bookmarks img.delicious {
   background-position: -10px -10px;
   }
#bookmarks img.digg {
   background-position: -10px -50px;
   }
#bookmarks img.excite {
   background-position: -9px -90px;
   }
#bookmarks img.facebook {
   background-position: -9px -128px;
   }
#bookmarks img.furl {
   background-position: -10px -166px;
   }
#bookmarks img.google {
   background-position: -10px -206px;
   }
#bookmarks img.live {
   background-position: -9px -246px;
   }
#bookmarks img.netscape {
   background-position: -9px -284px;
   }
#bookmarks img.newsvine {
   background-position: -9px -322px;
   }
#bookmarks img.reddit {
   background-position: -10px -360px;
   }
#bookmarks img.slashdot {
   background-position: -10px -400px;
   }
#bookmarks img.smarking {
   background-position: -9px -440px;
   }
#bookmarks img.stumbleupon {
   background-position: -10px -478px;
   }
#bookmarks img.technorati {
   background-position: -10px -518px;
   }
#bookmarks img.yahoo {
   background-position: -10px -558px;
   }

/* WYSIWYG */
.mceContentBody{
   background: #141111;
   color: #404040;
   }
.align_right{
   text-align: right;
   }

/* RESIZE IMAGE */
.resize_process .resizebox {
   display: none;
   }
.resize_process img.resize_img {
   display: none;
   }
.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.resizebox.enlarged a.enlarge {
   display: none;
   }
.resizebox.enlarged a.resize {
   display: inline-block;
   }
.resizebox a.resize {
   display: none;
   }
.resizebox {
   background-color: #fafafa;
   max-width: 100%;
   line-height: 1.1em;
   cursor: default;
   font-weight: normal;
   font-style: normal;
   margin: 0;
   text-align: left;
   display: inline-block;
   }
.resizebox div {
   font-weight: normal;
   font-style: normal;
   margin: 0;
   }
.resizebox .resize_border {
   border: 1px solid #141111;
   display: block;
   }
.resizebox .resize_content {
   padding: 5px 10px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.resizebox .resize_filler {
   border: none;
   padding: 0;
   width: 40px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.attachbox {
   background-color:#fafafa;
   border:1px dashed #141111;
   clear:left;
   float:left;
   margin:5px 5px 5px 0;
   padding:6px;
   width:auto;
   color:#404040;
   }
.attachbox dt {
   font-family:Arial,Helvetica,sans-serif;
   text-transform:uppercase;
   }
.attachbox dd {
   border-top:1px solid #141111;
   clear:left;
   font-size:0.9em;
   margin-left:10px;
   padding:0;
   }
dl.file {
   display:block;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   margin-bottom:10px;
   }
dl.file dt {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   margin:0;
   padding:0;
   text-transform:none;
   }
dl.file dt img {
   vertical-align:middle}
.info {
   font-size:10px;
   font-style:italic;
   }

/* SPOILER */
.spoiler_closed {
   display:block;
    font-family: Arial,Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #444444;
    text-shadow: 1px 1px 1px #161111;
    background-color: #141111;
    border: #342525;
    border-style: solid;
    border-left-width: 7px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width:1px;
   }
.spoiler_closed.hidden {
   display:none;
   }
.spoiler_content {
   display:block;
    font-family: Arial,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #444444;
    text-shadow: 1px 1px 1px #161111;
    background-color: #141111;
    border: #342525;
    border-style: solid;
    border-left-width: 7px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width:1px;
    padding: 10px;
   }
.spoiler_content.hidden {
   display:none;
   }
.user_login_form {
   margin-bottom:5px;
   }
.fb_or {
   background-color:#141111;
   border:2px solid #;
   font-weight:bold;
   padding:5px;
   color:#444444;
   }
#pwdBad, #pwdGood, #pwdStrong {
   background-color:#EFEFEF;
   border:1px solid #006699;
   border-right:0px;
   text-align:center;
   width:110px;
   float:left;
   font-size:10px;
   height:12px;
   }
#pwdStrong {
   border-right:1px solid #006699;
   }

/*CONTOUR AVATAR*/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border: 4px double #655039;
}
/*QEEL*/
.statistiques{
border: 1px dotted #342525;
background-image: url("");
background-color: #342525;
background-repeat: no-repeat;
background-position: center;
}

.groupes{
height:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

/*INFOBULLE*/
div.infobulle {
  position: relative;
  cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
}

div.infobulle div{
  display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
div.infobulle:hover div{
  display: block; /* ceci affiche l'infobulle */
  position: absolute;
  width: 200px;
  height: 200px;
  overflow:scroll;

  white-space: wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #0e0d0d; /* arrière-plan de l'infobulle */

  color: #807C73; /* texte dans l'infobulle */
  text-align: justify;
  padding: 3px;
  width: 200px;
  height: 200px;

  /* bordures de votre infobulle*/
  border: 1px dotted #342525;
  border-left: 1px dotted #342525;
}

En tout cas, merciiiii I love you
Revenir en haut Aller en bas
https://running-up-that-hill.1fr1.net

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 11:42

Coucou !
Alors, je me suis mise à votre CSS, pour pouvoir avancer tranquillement. Mais votre précédent codeur devait s'y connaître mieux que moi, parce qu'il a copié intégralement le CSS de base (ce qui est plutôt inutile pour ce que nous on fait) avant d'apporter ses modifications. En gros, tout passe par le CSS et pas par la page des "couleurs" et tout, ce qui serait je trouve plus pratique pour vous dans le futur. $

Du coup, je dois tout reprendre petit bout par petit bout pour enlever ce dont je ne me sers pas, et ce qui peut être modifié via le PA habituel. Ce qui veut dire que 1) Ca va prendre plus de temps que prévu 2) Je vais sans doute avoir besoin d'un accès au panneau d'administration ici, pour pouvoir modifier directement, parce que sinon on va en avoir pour des jours si je dois indiquer post par post les modifications.

Voili voilou ! En attendant, c'est en cours xD
Revenir en haut Aller en bas

Invité

Invité



CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 11:55

Alors je crois avoir compris ce que tu dis et en effet, ce sera surement plus pratique pour nous de pouvoir modifier le forum avec la page des couleurs etc... Si tu as besoin d'avoir accès au panneau d'administration, je vais te nommer admin temporairement donc, car je pense qu'il n'y a pas d'autres solutions. Wink
Revenir en haut Aller en bas

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 17:28

Je te remercie Smile Vous inquiétez pas si ça semble cafouiller un peu, hein, c'est le temps qu'il me faut pour enlever tous les codes superflus !
Revenir en haut Aller en bas

Invité

Invité



CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 17:32

On te fait confiance ! CSS du forum 827941
Revenir en haut Aller en bas

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 17:34

Et vous avez raison Razz
Bon, je pense que je vais me mettre aux templates en même temps, histoire d'avancer plus vite. Pendant que j'y suis, est-ce qu'il y a des choses que vous souhaitez particulièrement dans la mise en forme ? Genre, centrer le nom, mettre un truc genre "this is ..." avant le pseudo, faire un bouton pour cacher la feuille de personnage, tout ça ?
Revenir en haut Aller en bas

Invité

Invité



CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 17:43

Alors, mon avis sur tout ça :
- très bonne idée pour l'introduction des noms avec «This is ... », ou alors «I am ... » du moment que la police est plus petite que celle du nom et prénom. Faudrait voir après. :p
- je pense que c'est mieux de centrer le nom.
- idem, je plussoie l'idée du bouton pour cache la feuille de personnage.

Aussi :
- est-il possible de mettre l'avatar en «surbrillance« enfin je veux dire en normal lorsqu'on passe la souris dessus et lorsqu'on met la souris ailleurs, que ce soit un peu brumeux ? C'est un effet que je retrouve sur de nombreux forums et je trouve ça sympathique. Very Happy Mais bon, c'est pas bien essentiel hein... Very Happy
- et aussi, serait-il possible de faire un cadre sous le nom, où il y aura dedans l'age, le sexe, le nombre de messages etc... un cadre tout simple avec toutes les infos dedans.
EDIT : ou alors un cadre qui contiendrait ET l'avatar + nom ET aussi les infos ?

Ce sont de simples idées en plus, attendons l'avis de Claire (Sadie) aussi. ^^
Revenir en haut Aller en bas

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 17:47

Alors, dans l'ordre xD

- Oui, c'est possible, je devrais retrouver ça facilement ^^
- Pour le cadre, je pense que vu que l'avatar est lui-même dans un cadre, si on veut qu'il soit inclus dans un autre, ça va faire beaucoup. Sauf si vous voulez qu'on l'incline et qu'on mette un effet d'ombre, ça pourrait fonctionner. Le nom, vous le voulez dessus ou dessous l'avatar ?
Revenir en haut Aller en bas

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 18:01

Double-post (a) mais j'ai le droit.

En fait, je vais tester une mise en page, pour le profil, qui sera assortie à celle à laquelle je pensais pour les messages admin "officiels". Vous me direz si ça vous plaît !
Revenir en haut Aller en bas

Invité

Invité



CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 18:26

Que veux-tu dire par incliner l'avatar et mettre un effet d'ombre ? Very Happy

Le nom... Je t'avoue ne pas savoir ce qui rendrait le mieux. *_*
Laissons-le au dessus pour l'instant.

D'accord pour ton essai, tu as vraiment le libre arbitre pour faire ce que tu veux (ou presque haha =P).
Revenir en haut Aller en bas

Sadie McMurphy
Sadie McMurphy

YOUR OWN PERSONAL JESUS

Messages : 463
Avatar : Karen Gillan.
Crédit : Aeroplane.

Points : 518


SHOW ME YOUR TEETH
Arrivée à Salem : Depuis 2 ans. J'aurais probablement dû rester dans mon patelin écossais.
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 19:55

Je n'ai rien à rajouter, je suis en parfait accord avec Elea (Cassiopea).

Je m'en vais remplacer les templates que tu as posté Very Happy
Revenir en haut Aller en bas
https://running-up-that-hill.1fr1.net

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 20:03

Bon, j'ai fait deux-trois tests pour les codes de mise en page, dites-moi s'il vous plaisent ou pas ! Je vais m'occuper du template pour gérer le profil.
Revenir en haut Aller en bas

Invité

Invité



CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 20:13

J'aime bien ! Wink
Revenir en haut Aller en bas

Sadie McMurphy
Sadie McMurphy

YOUR OWN PERSONAL JESUS

Messages : 463
Avatar : Karen Gillan.
Crédit : Aeroplane.

Points : 518


SHOW ME YOUR TEETH
Arrivée à Salem : Depuis 2 ans. J'aurais probablement dû rester dans mon patelin écossais.
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 20:16

Moi aussi, j'aime, par contre, un peu moins le "running up that hill", peut être la police alors qu'il y a déjà du georgia en titre, et l'effet de relief.
Sinon, c'est parfait. CSS du forum 827941
Revenir en haut Aller en bas
https://running-up-that-hill.1fr1.net

Rachel Summers
Rachel Summers

▬ RELIGIOUS KICK-ASS

Messages : 299
Avatar : Michelle Monaghan
Crédit : Gloomy Road

Points : 315


SHOW ME YOUR TEETH
Arrivée à Salem : Elle y est née, puis absence de presque dix ans
Votre avis sur les évènements ?:
Adresse:

CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum EmptyLun 21 Mar - 20:17

On peut l'enlever - ou changer la police, ce ne sont que des tests ^^ (et c'est du times new roman, donc si tu préfères qu'on mette aussi les titres en Times new roman, ça peut se faire !)
Revenir en haut Aller en bas

Contenu sponsorisé




CSS du forum Empty
MessageSujet: Re: CSS du forum CSS du forum Empty

Revenir en haut Aller en bas

CSS du forum

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires

+
Page 1 sur 3Aller à la page : 1, 2, 3  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Running Up That Hill ::  :: CORBEILLE-
Sauter vers: