C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets

Partagez | 
 

Message d'accueil alias PA (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5, 6  Suivant
Voir le profil de l'utilisateur http://harvard-university.forumgratuit.be/
{ Membre }
{ Membre }

Féminin Messages : 3



Merci pour le tuto, c'est super ♥
MessageSujet: Re: Message d'accueil alias PA (messages)   Mar 15 Fév 2011, 15:03
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gleek-club.forumsactifs.net/
avatar
{ Membre }
{ Membre }

Féminin Messages : 10



    Tout d'abord, ce tuto est splendide Very Happy Franchement, quand on a des notions mais pas trop, et qu'on doit créer une PA sans savoir comment faire, c'est une superbe idée. Merci beaucoup ♥

    Par contre, j'ai lu tous les post de postés ici, et j'ai une question... Enfin je sais qu'elle a été posée, mais malgré tout je ne comprend pas. En fait moi aussi j'aimerais changer les couleurs, mais toutes. Celle du fond, celle où l'on écrit le texte, le texte, etc... Donc déjà, lesquelles prendront de sûr les couleurs que l'on appliquera au forum entier ?

    Ensuite je ne sais pas si j'ai compris lorsque Massive&despair a expliquer pour le code background, mais ce code est-il déjà dans le code donné par James ? Car en fait, je crois que j'suis totalement à l'ouest ><
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 05:21
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



    Hello ^^

    Dans le code de James, il y a "background-color: #COULEUR;"

    Par exemple, dans le code, il y a ce code pour changer la couleur des liens :

    Code:
    .a2:hover
    {

    background-color: black;
    color: white;
    }

    Si tu veux changer le fond, tu change "background-color"
    Et si tu veux changer la couleur de la police, tu change "color"
    C'est valable pour tout le code CSS Wink
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 12:54
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fantasia-inconu.forumgratuit.org/admin/index.forum?part=t
avatar
{ Membre }
{ Membre }

Féminin Messages : 14



J'ai un petit problème, quand je met le code CSS, cela me marque :
"Nous avons compté un nombre différent de "{" et de "}". Cela signifie
que votre CSS risque de ne pas être valide et ne sera pas affiché
correctement sur votre forum."
Je ne comprends vraiment pas >.<
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 18:37
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testeur-beta.forumactif.com/
avatar
{ Membre actif }
{ Membre actif }

Masculin Messages : 1002



C'est bizzare car chez moi tout fonctionne parfaitement, pouvons nous avoir ton code CSS ?



MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 18:47
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fantasia-inconu.forumgratuit.org/admin/index.forum?part=t
avatar
{ Membre }
{ Membre }

Féminin Messages : 14



Oui, mais mon code CSS est un peu long ^-^'''
Code:
a.rollover {
    display: block;
    width: [i]width/2[/i]px;
    height: [i]height/2[/i]px;
    text-decoration: none;
    background: url("[url=http://www.servimg.com/image_preview.php?i=1&u=16181912][img]http://i78.servimg.com/u/f78/16/18/19/12/39389910.jpg[/img][/url]");
}
 
a.rollover:hover {
    background-position: -150px 0;
}
 
.displace {
    position: absolute;
        [i]Wherever you want the image[/i]
}


a.forumlink:hover{
font-variant: small-caps;
letter-spacing: 6px;
 }
.forumlink{
font-weight: bold;
font-variant: small-caps;
 }

.statistiques{
border:0px;
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;}

.descri {
background: color : pink;
border: #9C5B5B 5px solid;
-moz-border-radius: 5px 5px 5px 5px;
}
.fondavatar {
background-color : pink ;
border : 5px solid #ffffff ;
-moz-border-radius: 5px 5px 5px 5px }

/* Menu navigation */
a.mainmenu {
padding-right: 5px;
background-color: pink;
color: brown;
font-size:12px;
font-variant: small-caps;
text-align: center;
border: 3px solid #FFFFFF;}

/* Menu navigation au survol de la souris */
a.mainmenu:hover {
padding-right:10px;
background-color: pink;
color: brown;
font-size:12px;
font-variant: small-caps;
text-align: center;
border: 3px solid #FFFFFF; }

.forumline{
background-color: #pink;
-moz-border-radius: 14px 14px 14px 14px ;
border-bottom: 10px pink solid;
border-top: 10px pink solid;
border-right: 10px pink solid;
border-left: 10px pink solid;}

a.forumlink {
text-align: center;
text-decoration: none;
background-color: #7D3138;
border-bottom: 2px double pink;
border-top: 2px double pink;
-moz-border-radius: 10px ;
border-right: 5px solid pink;
-moz-border-radius: 10px ;
border-left: 5px solid pink;
display:block;
}



a.forumlink:hover {
text-align: center;
text-decoration: none;
background-color: pink;
border-bottom:2px double #7D3138;
border-top: 2px double #7D3138;
-moz-border-radius: 10px ;
border-right: 5px solid #7D3138;
-moz-border-radius: 10px ;
border-left: 5px solid #7D3138;
display:block;
}

.paonglet
        {
        display:inline-block;
        margin-left:20px;
        margin-right:20px;
        padding:10px;
        cursor:pointer;
        background-color: #8A8A8A;
        color: #fff;
        }
        .paonglet_0
        {
        border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        }
        .paonglet_1
        {
          color: #9F0000;
          border-radius: 2px 2px 2px 2px;
          -moz-border-radius: 2px 2px 2px 2px;
          -webkit-border-radius: 2px 2px 2px 2px;
        }

        .contenu_paonglet
        {
                margin-top:-1px;
                padding: 2px;
                display:none;
                height: 320px;
        }

.floatleft{
float: left;
padding: 1%;
margin-right: 2px;
margin-top: 2px;
}
.floatright{
float: right;
padding: 2%;
margin-left: 2px;
margin-top: 2px;
}

* {
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #576186;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

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

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info: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: 60px; /* on positionne notre infobulle */
  left: 60px;

  background: #C0CDE5;

  color: #576186;
  padding: 3px;

  border: 3px solid #3E3D70;
}

 body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

.atelierdesc {
background: #430070;
color: #430070;
margin-left: 5px;
margin-top: 2px;
padding: 5px;
padding-left: 2px;
}

.code{
font-family: Comic Sans MS;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
background-color: #000000;
border: #FFFFFF;
border-style: solid;
border: 1px #FFFFFF dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.bodyline {
-moz-border-radius:10px;
}



// © Moïira
3 décembre 2009//
 
  sign
 
a:hover {
text-decoration: none;
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:active {
text-decoration: none;
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:link {
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:visited {
text-decoration: none;
color: black;
text-transform: uppercase;
font-weight: bold;
}
.categling {
border-left: 10px solid #317b4a;
border-right: 10px solid #317b4a;
margin: 0px 0px 8px;
padding: 3px;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
color: #ffffff;
font-weight: bold;
background-color: #6eb76e;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
}
.categling:hover {
border-left: 10px solid #1b881b;
border-right: 10px solid #1b881b;
margin: 0px 0px 8px;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #333333;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
background-color: #92f492;
}
body {
color: #838383;
}
 


BLA BLA bla
bla. BLA BLA bla bla. BLA BLA bla bla. BLA
BLA bla bla.


 
   
.code {
background-color: #000000;
border:1px #ffffff dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ffffff;
}
     
     
      blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());
        }
     
   
 

 /* =================
                              ===== Message d'accueil =====
        script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
      http://www.themes-fa.com - BY-NC  (http://creativecommons.org/licenses/by-nc/2.0/fr/)

 =================  */

 
 
  /*----------------- Ma g?n?ral ----------------- */
 

 /* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}


/*le tableau invisible */

.table25
{
border: none ;
}


/* Liens */

.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px solid black;
 -moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}


.a2:hover
{

background-color: black;
color: white;
}



#table22 /* fond du ma */
{
width: 770px;
background-color: #454545;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}




/*-----------------Titre----------------- */


/* Le titre special pour le texte de bienvenu */

.h2_themebienvenu
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}


/* le titre special pour les credits */


.h2_themecredit
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}

/* le titre pour les autres boites */



.h2_theme
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
}


/* effet de transparance FF */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------Les boites contenant les textes----------------- */





/* Navigation */

 .navi_ma
 {
  background-color:#afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}


/* News  */

 .news
 {
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
}

/* Partenaires */

.partenaire_test
{
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}


/* message de bienvenu */


#bienvenu_ma
{
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
width: 370px;
}
 
/* membres staffs */
 

 
 .staff
{
 background-color: #afaeae;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}


/*crédits */

 
 .credits
 {
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}




/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: black;
}

div.infobulle span
{
 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 */
  color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #afaeae;
color: black;
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 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é */
text-align: center;
font-size: 14px;
}

 height: 100px;
  margin-bottom: 3px;
}
#vkwicks #kwick1 {
  background-color: #FF5100;
}
#vkwicks #kwick2 {
  background-color: #B33900;
}
#vkwicks #kwick3 {
  background-color: #FFD000;
}
#vkwicks #kwick4 {
  background-color: #B39200;
  margin-bottom: none;
}

.kwicks {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.kwicks li{
  display: block;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}

.returnToKwicks {
  display:block;
  border:1px dashed #888;
  padding:5px;
  float:right;
}
.returnToKwicks:hover {
  background-color: #5e5e76;
  text-decoration: none;
  color: #aaa;
}
Voilà mon CSS en Entier et dedans, il y a bien le code de départ
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 18:51
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fantasia-inconu.forumgratuit.org/admin/index.forum?part=t
avatar
{ Membre }
{ Membre }

Féminin Messages : 14



Non, c'est bon en faite ça marchait quand meme ...
Merci a vous !! ♥
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 18:59
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testeur-beta.forumactif.com/
avatar
{ Membre actif }
{ Membre actif }

Masculin Messages : 1002



Essaye ceci Wink :
Code:
a.rollover {
    display: block;
    width: [i]width/2[/i]px;
    height: [i]height/2[/i]px;
    text-decoration: none;
    background: url("[url=http://www.servimg.com/image_preview.php?i=1&u=16181912][img]http://i78.servimg.com/u/f78/16/18/19/12/39389910.jpg[/img][/url]");
}
 
a.rollover:hover {
    background-position: -150px 0;
}
 
.displace {
    position: absolute;
        [i]Wherever you want the image[/i]
}


a.forumlink:hover{
font-variant: small-caps;
letter-spacing: 6px;
 }
.forumlink{
font-weight: bold;
font-variant: small-caps;
 }

.statistiques{
border:0px;
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;}

.descri {
background: color : pink;
border: #9C5B5B 5px solid;
-moz-border-radius: 5px 5px 5px 5px;
}
.fondavatar {
background-color : pink ;
border : 5px solid #ffffff ;
-moz-border-radius: 5px 5px 5px 5px }

/* Menu navigation */
a.mainmenu {
padding-right: 5px;
background-color: pink;
color: brown;
font-size:12px;
font-variant: small-caps;
text-align: center;
border: 3px solid #FFFFFF;}

/* Menu navigation au survol de la souris */
a.mainmenu:hover {
padding-right:10px;
background-color: pink;
color: brown;
font-size:12px;
font-variant: small-caps;
text-align: center;
border: 3px solid #FFFFFF; }

.forumline{
background-color: #pink;
-moz-border-radius: 14px 14px 14px 14px ;
border-bottom: 10px pink solid;
border-top: 10px pink solid;
border-right: 10px pink solid;
border-left: 10px pink solid;}

a.forumlink {
text-align: center;
text-decoration: none;
background-color: #7D3138;
border-bottom: 2px double pink;
border-top: 2px double pink;
-moz-border-radius: 10px ;
border-right: 5px solid pink;
-moz-border-radius: 10px ;
border-left: 5px solid pink;
display:block;
}



a.forumlink:hover {
text-align: center;
text-decoration: none;
background-color: pink;
border-bottom:2px double #7D3138;
border-top: 2px double #7D3138;
-moz-border-radius: 10px ;
border-right: 5px solid #7D3138;
-moz-border-radius: 10px ;
border-left: 5px solid #7D3138;
display:block;
}

.paonglet
        {
        display:inline-block;
        margin-left:20px;
        margin-right:20px;
        padding:10px;
        cursor:pointer;
        background-color: #8A8A8A;
        color: #fff;
        }
        .paonglet_0
        {
        border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        }
        .paonglet_1
        {
          color: #9F0000;
          border-radius: 2px 2px 2px 2px;
          -moz-border-radius: 2px 2px 2px 2px;
          -webkit-border-radius: 2px 2px 2px 2px;
        }

        .contenu_paonglet
        {
                margin-top:-1px;
                padding: 2px;
                display:none;
                height: 320px;
        }

.floatleft{
float: left;
padding: 1%;
margin-right: 2px;
margin-top: 2px;
}
.floatright{
float: right;
padding: 2%;
margin-left: 2px;
margin-top: 2px;
}

* {
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #576186;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

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

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info: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: 60px; /* on positionne notre infobulle */
  left: 60px;

  background: #C0CDE5;

  color: #576186;
  padding: 3px;

  border: 3px solid #3E3D70;
}

 body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

.atelierdesc {
background: #430070;
color: #430070;
margin-left: 5px;
margin-top: 2px;
padding: 5px;
padding-left: 2px;
}

.code{
font-family: Comic Sans MS;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
background-color: #000000;
border: #FFFFFF;
border-style: solid;
border: 1px #FFFFFF dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.bodyline {
-moz-border-radius:10px;
}



// © Moïira
3 décembre 2009//
 
  sign
 
a:hover {
text-decoration: none;
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:active {
text-decoration: none;
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:link {
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:visited {
text-decoration: none;
color: black;
text-transform: uppercase;
font-weight: bold;
}
.categling {
border-left: 10px solid #317b4a;
border-right: 10px solid #317b4a;
margin: 0px 0px 8px;
padding: 3px;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
color: #ffffff;
font-weight: bold;
background-color: #6eb76e;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
}
.categling:hover {
border-left: 10px solid #1b881b;
border-right: 10px solid #1b881b;
margin: 0px 0px 8px;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #333333;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
background-color: #92f492;
}
body {
color: #838383;
}
 


BLA BLA bla
bla. BLA BLA bla bla. BLA BLA bla bla. BLA
BLA bla bla.


 
   
.code {
background-color: #000000;
border:1px #ffffff dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ffffff;
}
     
     
      blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());
        }
     
   
 

 /* =================
                              ===== Message d'accueil =====
        script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
      http://www.themes-fa.com - BY-NC  (http://creativecommons.org/licenses/by-nc/2.0/fr/)

 =================  */

 
 
  /*----------------- Ma g?n?ral ----------------- */
 

 /* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}


/*le tableau invisible */

.table25
{
border: none ;
}


/* Liens */

.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px solid black;
 -moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}


.a2:hover
{

background-color: black;
color: white;
}



#table22 /* fond du ma */
{
width: 770px;
background-color: #454545;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}




/*-----------------Titre----------------- */


/* Le titre special pour le texte de bienvenu */

.h2_themebienvenu
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}


/* le titre special pour les credits */


.h2_themecredit
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}

/* le titre pour les autres boites */



.h2_theme
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
}


/* effet de transparance FF */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------Les boites contenant les textes----------------- */





/* Navigation */

 .navi_ma
 {
  background-color:#afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}


/* News  */

 .news
 {
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
}

/* Partenaires */

.partenaire_test
{
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}


/* message de bienvenu */


#bienvenu_ma
{
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
width: 370px;
}
 
/* membres staffs */
 

 
 .staff
{
 background-color: #afaeae;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}


/*crédits */

 
 .credits
 {
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}




/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: black;
}

div.infobulle span
{
 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 */
  color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #afaeae;
color: black;
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 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é */
text-align: center;
font-size: 14px;
}

#vkwicks #kwick1 {
  background-color: #FF5100;
}
#vkwicks #kwick2 {
  background-color: #B33900;
}
#vkwicks #kwick3 {
  background-color: #FFD000;
}
#vkwicks #kwick4 {
  background-color: #B39200;
  margin-bottom: none;
}

.kwicks {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.kwicks li{
  display: block;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}

.returnToKwicks {
  display:block;
  border:1px dashed #888;
  padding:5px;
  float:right;
}
.returnToKwicks:hover {
  background-color: #5e5e76;
  text-decoration: none;
  color: #aaa;
}

Édit : D'accord, mais c'est quand même mieux d'avoir un code juste non ?



MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 19:00
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fantasia-inconu.forumgratuit.org/admin/index.forum?part=t
avatar
{ Membre }
{ Membre }

Féminin Messages : 14



Heu non, cela est quelques modifications de base modifié ^-^"
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 19:01
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testeur-beta.forumactif.com/
avatar
{ Membre actif }
{ Membre actif }

Masculin Messages : 1002



Bref, ça fonctionne chez toi ?



MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 19:04
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fantasia-inconu.forumgratuit.org/admin/index.forum?part=t
avatar
{ Membre }
{ Membre }

Féminin Messages : 14



Oui oui ^-^''
Citation :
Non, c'est bon en faite ça marchait quand meme ...
Merci a vous !! ♥
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 19:05
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testeur-beta.forumactif.com/
avatar
{ Membre actif }
{ Membre actif }

Masculin Messages : 1002



Ouah moi il faut que j'aie dormir .. --'
Bref, bonne chance pour ton forum Wink



MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 19:07
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fantasia-inconu.forumgratuit.org/admin/index.forum?part=t
avatar
{ Membre }
{ Membre }

Féminin Messages : 14



^-^ Merci a vous ♥
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 19:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fantasia-inconu.forumgratuit.org/admin/index.forum?part=t
avatar
{ Membre }
{ Membre }

Féminin Messages : 14



Et bonne nuit Surprised
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 19:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://academy-imp-rpg.forumactif.fr/
avatar
{ Membre }
{ Membre }

Féminin Messages : 9



Alors bonjour/bonsoir x)
Est-ce normal de voir sa ?

Spoiler:
 

Il y a juste "Staff" & "Navigations" qui a un truc pour moi >.<
MessageSujet: Re: Message d'accueil alias PA (messages)   Dim 20 Fév 2011, 20:58
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://academy-imp-rpg.forumactif.fr/
avatar
{ Membre }
{ Membre }

Féminin Messages : 9



Comme il n'y a pas de "editer", je me permet de poster.
J'ai trouvee comment on fait mais comment peut-on changer les couleurs dedans ?
MessageSujet: Re: Message d'accueil alias PA (messages)   Lun 21 Fév 2011, 05:33
Revenir en haut Aller en bas
Invité
Invité




Tout ce passe par le CSS Bravo !
MessageSujet: Re: Message d'accueil alias PA (messages)   Lun 21 Fév 2011, 05:54
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gleek-club.forumsactifs.net/
avatar
{ Membre }
{ Membre }

Féminin Messages : 10



Massive8despair a écrit:
    Hello ^^

    Dans le code de James, il y a "background-color: #COULEUR;"

    Par exemple, dans le code, il y a ce code pour changer la couleur des liens :

    [spoiler]
    Code:
    .a2:hover
    {

    background-color: black;
    color: white;
    }

    Si tu veux changer le fond, tu change "background-color"
    Et si tu veux changer la couleur de la police, tu change "color"
    C'est valable pour tout le code CSS Wink

    J'ai regardé de long en large le code que j'ai, et je ne sais pas pourquoi (soit je ne suis pas du tout douée, soit il n'y est pas) mais je ne le vois nulle part oo
MessageSujet: Re: Message d'accueil alias PA (messages)   Lun 21 Fév 2011, 09:36
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://onepiece-requiem.forums-actifs.net/
avatar
{ Membre }
{ Membre }

Masculin Messages : 4



J'adore ce code, merci.
MessageSujet: Re: Message d'accueil alias PA (messages)   Lun 21 Fév 2011, 13:00
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://academy-imp-rpg.forumactif.fr/
avatar
{ Membre }
{ Membre }

Féminin Messages : 9



Ah merci je n'avais pas vue >.<
MessageSujet: Re: Message d'accueil alias PA (messages)   Lun 21 Fév 2011, 13:47
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



    Hello ^^

    @ Antartica : Mais si, dans ton code CSS, il y a ces propriétés, cherches bien Wink
    Au pire des cas, montres moi ce que tu as mit dans ta feuille CSS
MessageSujet: Re: Message d'accueil alias PA (messages)   Lun 21 Fév 2011, 15:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://laguerredesclansrp.forumactif.com/
{ Membre }
{ Membre }

Masculin Messages : 2




    Merci, ca marche a merveille =D
MessageSujet: Re: Message d'accueil alias PA (messages)   Mar 22 Fév 2011, 14:52
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gleek-club.forumsactifs.net/
avatar
{ Membre }
{ Membre }

Féminin Messages : 10



Je préfère te montrer car je ne trouve vraiment pas.

Code:
<div id="table22">
<table class="table25">

<tr>

<td rowspan="2"><h2 class="h2_theme">Navigations</h2><div class="navi_ma">
<a href="http://gleek-club.forumsactifs.net/t28-reglement#81?sid=61f38a2d1353f308e9edb542bf51ce59" class="a2">Le Réglement</a>
<a href="http://gleek-club.forumsactifs.net/t27-contexte#79?sid=61f38a2d1353f308e9edb542bf51ce59" class="a2">Le Contexte</a>
<a href="http://gleek-club.forumsactifs.net/f5-inscriptions-ou-auditions" class="a2">Les Auditions</a>
<a href="http://gleek-club.forumsactifs.net/f28-flood" class="a2">Le Flood</a>
<a href="http://gleek-club.forumsactifs.net/f29-jeux" class="a2">Les Jeux</a>
<a href="http://gleek-club.forumsactifs.net/f33-topsites" class="a2">Les Topsites</a>
<a href="http://gleek-club.forumsactifs.net/f32-partenariat" class="a2">Le Partenariat</a>
<a href="http://gleek-club.forumsactifs.net/f6-gleeks-vacants" class="a2">Postes-Vacants</a>
</div>
</td>

<td align="left">
<h2 class="h2_theme">New's</h2><div class="news">
<p>Nouveau message d'accueil<br>
Nouveau message d'accueil<br>

Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>

Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br></p>
</div>
</td>

<td align="left" colspan="3">
<h2 class="h2_themebienvenu">Bienvenu sur XXXX</h2><div id="bienvenu_ma">Bienvenue Oberschaeffolsheim und wie hopla lacus vulputate blottkopf, vielmols, nullam Pfourtz ! baeckeoffe gravida aliquam Gal. m�nele varius eleifend elementum hopla sed id, gal geht's n�dle Chulia Roberstau mamsell Racing. lotto-owe Chulien jetz gehts los kougelhopf schpeck risus, Morbi gewurztraminer dolor Miss Dahlias turpis, schneck salu dui tchao bissame consectetur senectus m�t�or hoplageiss eget so Yo d�. s'guelt amet munster habitant chambon bredele turpis ante purus placerat in, rucksack Hans Sp�tzle Verdammi Gal ! morbi knack knepfle ornare mollis picon bi�re sit Salu

</div>
</td>
</tr>

<tr>
<td align="left">
<h2 class="h2_theme">Partenaires</h2><div class="partenaire_test" id="scroller_container">
 <div class="jscroller2_left jscroller2_speed-60 jscroller2_mousemove" style="font-size:14px; line-height:50px; white-space:nowrap; margin: 0;"><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a>


<a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a></div></div>
</td>

<td align="left" colspan="2">
<h2 class="h2_theme"> Nos chefs de groupes </h2><div class="staff"><div class="infobulle"><img src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg"  class="transparence" /><span>Admin en chef<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div><div><a href="#">Profil</a></div><div><a href="#">Mp</a></div>

</span></div><div class="infobulle"><img src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg"  class="transparence" /><span>Admin en chef<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div><div><a href="#">Profil</a></div><div><a href="#">Mp</a></div>
</span></div><div class="infobulle"><img src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg"  class="transparence" /><span>Admin en chef<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div><div><a href="#">Profil</a></div><div><a href="#">Mp</a></div>
</span></div>
</div>
</td>

<td align="left">
<h2 class="h2_themecredit">Crédits</h2><div class="credits" >Oberschaeffolsheim und wie hopla lacus vulputate blottkopf, vielmols, nin, rucksack Hans Sp�tzle Verpicon bi�re sit Salu</div>

</td>
</tr>
</table>
</div>
MessageSujet: Re: Message d'accueil alias PA (messages)   Mar 22 Fév 2011, 19:01
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



    Hello ^^

    @Antartica : Non, ce code c'est le HTML. Pour modifier les couleurs et tout ça, il faut se rendre dans le code CSS (donc le deuxième code donné par James) ^^"
MessageSujet: Re: Message d'accueil alias PA (messages)   Mer 23 Fév 2011, 02:31
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://les-ruelles-danknor.forumactif.biz
{ Membre }
{ Membre }

Masculin Messages : 28



Bonjour,
Pour ma part, j'ai essayé d'adopter votre PA (qui est d'ailleurs très bien expliquée) à mon forum. Le soucis, c'est que ça ne rend pas très bien : les pointillés qui font le tour des cadres ont disparu, les cases du bas sont collées au bord de la case, et puis ce n'est pas forcément très joli. Pourriez vous me donner quelques petits conseils, ou, à défaut, les codes manquants?
Voici le code actuel

Code:
/* =========
                              ===== Message d'accueil =====
        script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
      http://www.themes-fa.com - BY-NC  (http://creativecommons.org/licenses/by-nc/2.0/fr/)
  =========*/
 



/* Menu du Message d accueil */

#menu, #menu ul /* Liste */
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}




#menu li /* Elements des listes */ 
{
        float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid #fff ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{
        position: absolute; /* Position absolue */
        width: 126px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li           
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul
{
        margin    : -22px 0 0 126px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left    : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */ 
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul           
{
        border-left    : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}




/* le style du menu personnalisable même pour les novices. */


#menu a:hover /* Lorsque la souris passe sur un des liens */
{
background-image: url("http://i56.tinypic.com/ru475e.jpg");

}


#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : georgia; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}


#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        color : #fff; /* couleur du texte ici blanc */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 126px; /* largeur */
        background-color: grey; /* le fond en noire */

}

/* les titre */
.h2_pres
{
font-size: 14px;
text-shadow: 0px 0px 9px white;
color: #3B3A3A;
border-bottom: 1px dashed blue #3B3A3A;;
}

.h1_pres
{
font-size: 16px;
text-shadow: 0px 0px 9px white;
  color: #3B3A3A;
border-bottom: 1px dashed blue #3B3A3A;;
}

/* les boites */


#descr
{
background-image: url('http://i53.tinypic.com/2cdzkmr.jpg');
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
width: 787px;
margin-top:10px;
margin-bottom: 20px;
margin-right: 30px;
margin-left: 10px;
Padding-left: 10px;
Padding-bottom: 10px;
text-align: left;
border: 1px dashed blue #3B3A3A ;
height: 98px;
font-size: 12px;
color: white;

}

#newss
{
margin-top:10px;
background-image: url('http://i53.tinypic.com/2cdzkmr.jpg');
float: left;
border: 1px dashed blue #3B3A3A;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
width: 787px;
margin-bottom: 20px;
margin-right: 30px;
margin-left: 10px;
Padding-left: 10px;
Padding-bottom: 10px;
text-align: left;
background-color: black;
overflow-y: auto;
overflow-x: visible;
height: 150px;
font-size: 12px;
color: white;

}


.staffs  /* les deux premieres boites du bah */
{
height: 215px;
width: 257px;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-left: 10px;
border: 1px dashed blue #3B3A3A;
background-image: url('http://i56.tinypic.com/ru475e.jpg');
text-align: center;
}


.staffss /* la boite toute à droite */
{

height: 215px;
width: 258px;
background-image: url('http://i56.tinypic.com/ru475e.jpg');
float: left;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-left: 10px;
border: 1px dashed blue #3B3A3A;
background-color: black;
text-align: center;

}


/* les scrolles et les bugs */

 /* Pour les defilement */
#scroller_container
{
padding-top: 75px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}

p
{
margin: 0px;
}

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

  #ejs_texte
{
width: 200px;
height: 100px;
color: white;
border: 1px dashed blue.
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 5px;
}

Je vous remercie d'avance et vous souhaite une bonne journée
MessageSujet: Re: Message d'accueil alias PA (messages)   Mer 23 Fév 2011, 05:55
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Message d'accueil alias PA (messages)   
Revenir en haut Aller en bas
 

Message d'accueil alias PA (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 5 sur 6Aller à la page : Précédent  1, 2, 3, 4, 5, 6  Suivant

 Sujets similaires

-
» Créer un Message d'accueil personnalisé
» Modifier le message d'accueil
» Passer message d'accueil en éditeur html ?
» du meilleur message d'accueil de forum
» Demande de message d'accueil x)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit