Commande pour Yutopia ^^ (sans onglets)

Hello =)

Et les formules de politesse alors ? =O Si je comprends bien tu veux une PA "toute simple" ? C'est le "Sans onglet" qui me perturbe =3

Tu peux toujours éditer ton premier message, ça t'évitera les remontrances et surtout ça encouragera les gens

Revenons à ta PA, je pense pouvoir te faire ça, j'ai juste besoin de quelques dernières précisions : info-bulle or not info-bulle pour le staff ? Si oui, combien il t'en faut ? Et aussi pour la Soultbox ... c'est quoi ça ? =O

Han je connaissais pas =D Merci =)

J'ai commencé mais un problème se pose à moi : si tu veux que tes trois colonnes restent de même taille, et que ton forum ne prenne pas la largeur de toute la page, il va falloir redimensionner ton image 320*200 qui est trop large =/

EDIT : De plus, pour la Shootbox, il faudrait que tu t'inscrives toi-même, comme ça tu pourras la modifier quand bon te sembleras, à moins que tu ne préfères que je le fasse moi-même mais ce sera plus compliqué pour toi. Et pour l'image du staff, tu veux que les images des membres varient lorsque l'on passe sur leur pseudo ou bien que le pseudo apparaisse lorsque l'on passe sur l'image ?

Dis pas merci, j'ai pas encore fini xD

En même temps mon forum test n'a pas la même taille que ton forum, il fait combien ? =O Que je m'adapte =)

Je ne sais pas comment fonctionne le site ... essaie de t'inscrire et de voir s'ils te donnent un code. Sinon tu t'inscris, tu me passes tes identifiants (par MP c'est plus sur), je fais le tout et ensuite tu changes ton mot de passe =3

Je crois que je me suis embrouillée pour le staff, l'image du dessus est une image fixe ou elle doit faire partie du staff ? =O

Code:

<!-- Debut shoutbox - http://www.i-tchat.com -->
<iframe src="http://www.i-tchat.com/shoutbox/shoutbox.php?idShoutbox=99800" width="150" height="350" frameborder="0" allowtransparency="true" >Votre navigateur semble incompatible, essayez d'ouvrir le <a href="http://www.i-tchat.com" title="chat de discussion" onClick="window.open(this.href+'?99800');">tchat</a>, ou rencontrez le webmaster pour plus d'informations.</iframe>
<br />Agrandir le <a href="http://www.i-tchat.com/?99800" onClick="window.open(this.href);return false;">chat</a> .
<!-- Fin shoutbox -->

Arf, je prends le CSS alors, on va bien réussir à se débrouiller

Je tente pour la SB.

Donc tu veux le code basique, désolée comme il y avait une image au-dessus de l'emplacement du staff j'ai cru que l'image du membre devait y apparaître lorsque l'on passait la souris ... comme ici pour les groupes :



Spoiler:


EDIT : Je ne peux pas personnaliser les couleurs de la SB, il va falloir le faire toi-même je pense =/

Code:

table
{
width: 95%;
margin: auto;
}


.secondarytitle
{
letter-spacing: 2px;
font-family: courier;
font-variant: small-caps;
text-shadow: 1px 1px 0px #000000;
}

a.forumlink
{
display: block;
border-bottom: 1px solid lightblue ; */Ligne au dessous du titre/*
padding-left: 10px;
margin-left: 10px;
font-size: 24px;
font-family: courier;
font-weight: bold;
text-shadow: 0px 0px 1px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

a.forumlink:hover
{
display: block;
border-bottom: 1px solid #6B84B3; */ligne au dessous du titre au passage de la souris/*
font-style: italic;
padding-left: 100px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

            /* -- Opacite -- */
       
        .bodyline
        {
        opacity : 0.8;
        }
 
 
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
 

                  /*--- Cette partie correspond à la description du forum ---*/
        .forum-description {
              margin: auto;
              padding: 10px;
              color: lightblue;
              width: 80%;
              border: 3px solid lightblue;
              -moz-border-radius: 14px;
              -webkit-border-radius: 14px;
              font-size: 12px;
        }
       
     
       
     
   

       
   
           

#conteneur_onglets
{
  width: 100%;
  display: none;
  margin-top: 20px;
  text-align: center;
  border-collapse: collapse;
}


#conteneur_onglets td
{
  cursor: pointer;
}

.actif
{
  background: transparent;
}


        .bodyline {
        border: 5px solid #FFFFFF;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;}
 
          .forumline {
    border: 5px solid #000000;
        border: 10px solid #F2EEE4;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;}
 
 
          .chatbox_row_1,.chatbox_row_2 {
        background-color:transparent;
        padding:4px;
        }
 
 
body.chatbox {
    background-color:#F2EEE4;
}
 
 
  #chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "ChatBox =)"; }
 
  #chatbox_header .catBottom .cattitle {
    color: #FFB6C1;
}
 
 
 
.profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{background-color: #couleur;
border: 1px solid #couleur;
font-size: 9px;
letter-spacing: 1px;}

.profil1/*ceci s'appliquera au bouton*/
{width: 200px;
background-color: #couleur;
border: none;
font-size: 9px;
letter-spacing: 1px;
font-weight: bold;}
 
 
.description
{
    height: 100px;
    width: 300px;
    float: right;
    overflow-y: scroll;
}
 
 
.statistiques{
border:0px;
background-image: url("[color=green]LIEN IMAGE DU HAUT[/color]");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

 
  .postdetails.poster-profile img {border:9px solid white;
  -moz-border-radius : 5px 5px 5px 5px;}
 

Ayé, a fini. Je sais pas si tu as vu l'édition de mon précédent message, mais je ne peux pas personnaliser la SB hormis la taille =/

Le résultat ici : Tadaaa

Si ça te va je te passe les codes =)

Hello

Tu me rassures je trouvais ça horrible xD Je modifie tout vers 2 heures. Oui les dimensions seront les mêmes à moins de reduire la taille de leurs avatars. Tu veux que je complète les bulles ? Si oui avec quoi ?

Tu me rassures je trouvais ça horrible xD

Oui les dimensions seront les mêmes à moins de reduire la taille de leurs avatars.

C'est trop gros, c'pas beau =/ J'ai essayé de réduire un peu, au pire je t'explique comment faire =)


CLICK


Pour les images, je parlais de celles à l'intérieur de l'info-bulle =3

Code:

<br>

Oui oui, je sais faire j'avais juste oublié u.u

Tu veux que je réduise encore ? Pourquoi vouloir bouger la box ? =O

Non non, ça ne déforme pas normalement, j'avais changé la taille du forum pour correspondre à la tienne.

Essaie, ensuite je t'expliquerai s'il n'y a pas de modifications à faire.

En page d'accueil :



Spoiler:


Et en CSS :



Code:

.bloc{
  height: 400px;
background-color:#FFEFD6;
color:#000000;}

.bloc1{
  width: 1045px;
  align: center;
background-color:#FFEFD6;
color:#000000;
padding: 3px;}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* 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: 0px; /* on positionne notre infobulle */
  left: 20px;
  background: #F5EEE1;
  color: #000000;
  padding: 3px;
  border: 0px solid #EFDEC7;
  border-left: 5px solid #EFDEC7;
  border-right: 3px solid #EFDEC7;
  border-top: 3px solid #EFDEC7;
  border-bottom: 5px solid #EFDEC7;
}


Pour voir.

Ah ... moi ça passe :



Spoiler:


Faudrait voir avec quelqu'un d'autre.

C'est bizarre 0.0
Bon, donc je mets la SB en bas ? Ça va pas donner bien =$ Sur un widget à gauche ou à droite sinon.