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 PA2 (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
Voir le profil de l'utilisateur http://gothiqua.wix.com/pixenart
avatar
{ Membre }
{ Membre }

Masculin Messages : 104



Very Happy Merci pour ton tuto l'ami.
J'avais besoin d'une sorte de page d’accueil comme celle-la,
pour pokegeneration par se que sais plus genre circuit que ambiance calme sous thème calme !

Merci encore Wink


MessageSujet: Message d'accueil alias PA2 (messages)   Mer 26 Jan 2011, 08:25
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://twilightcontinuation.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 10



Hello!
Merci ce code va vraiment m'être utile :}



"Être ou ne pas être, tel est la question"
William S.
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Dim 30 Jan 2011, 04:51
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://academy-imple.forumgratuit.org/ (en construction)
avatar
{ Membre }
{ Membre }

Féminin Messages : 12



Par contre, comment on fait pour changer les images du staff ? J'y arrive pas Sad
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Dim 30 Jan 2011, 10:53
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



    Bonjour Océanne ^^

    Tu change cette partie là du code html :

    Code:
     <A HREF="#" onmouseover="ChangeMessage('<strong>Pseudos : </strong> XXXXXX<br/>  <strong>Rang : </strong> Fondateur<br/>  <strong>Inscription : </strong> 06/11/2009<br/>','ejs_texte')" onmouseout="ChangeMessage('','ejs_texte')"><img src="http://i62.servimg.com/u/f62/15/12/96/51/accuei10.jpg"  class="transparence"></A>



    <!-- CODE DU LIEN - VOUS POUVEZ EN PLACER PLUSIEURS SUR VOTRE PAGE -->
    <A HREF="#" onmouseover="ChangeMessage('<strong>Pseudos : </strong> XXXXXX<br/>  <strong>Rang : </strong> Co-Admin<br/>  <strong>Inscription : </strong> 19/12/2009<br/>','ejs_texte')" onmouseout="ChangeMessage('','ejs_texte')"><img src="http://i62.servimg.com/u/f62/15/12/96/51/accue_10.jpg"  class="transparence"></A>


    <A HREF="#" onmouseover="ChangeMessage('<strong>Pseudos : </strong> XXXXXX<br/>  <strong>Rang : </strong> Co-Admin<br/> <strong>Inscription :</strong> 12/06/2010<br/>','ejs_texte')" onmouseout="ChangeMessage('','ejs_texte')"><img src="http://i64.servimg.com/u/f64/13/94/82/69/sans_t10.png"  class="transparence"></A>

    <!-- CODE DU LIEN - VOUS POUVEZ EN PLACER PLUSIEURS SUR VOTRE PAGE -->
    <A HREF="#" onmouseover="ChangeMessage('<strong>Pseudos : </strong> XXXXX<br/>  <strong>Rang :</strong> Modérateur <br/>  <strong>Inscription :</strong> 13/04/2010<br/>','ejs_texte')" onmouseout="ChangeMessage('','ejs_texte')"><img src="http://i62.servimg.com/u/f62/15/12/96/51/accuei11.jpg"  class="transparence"></A>


    Tu change les liens en "servimg" ainsi que la partie "rang et inscription", inclus de cette façon dans le code :
    Code:
     <strong>Rang : </strong> Co-Admin<br/> <strong>Inscription :</strong>

    Pour mettre ce que tu veux à la place Wink

MessageSujet: Re: Message d'accueil alias PA2 (messages)   Dim 30 Jan 2011, 11:52
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://academy-imple.forumgratuit.org/ (en construction)
avatar
{ Membre }
{ Membre }

Féminin Messages : 12



Merci Massive, je vais essayer Wink
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Dim 30 Jan 2011, 12:11
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://vk-cosplay.forumactif.com
{ Membre }
{ Membre }

Masculin Messages : 50



Merci beaucoup pour le code ! Smile
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Dim 06 Fév 2011, 02:49
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dtbh-rpg.forumactif.org/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 182



Salut !

Tout d'abord merci pour ce code super joli.

Maintenant, je deviens chiante : J'ai voulu modifier les couleurs des cadres en remplaçant par ma couleur, à savoir '#009007'
Mais voilà, résultat, plus aucun contour ne s'affiche... Help ?

Voici mon code :
Code:

/* 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 #009007; /* 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 transparent ; /* 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 #009007; /* 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 #009007; /* 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://i65.servimg.com/u/f65/11/95/30/70/code_c11.jpg");

}


#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* 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 : #009007; /* couleur du texte ici vert */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 126px; /* largeur */
        background-color: black; /* le fond en noire */

}

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

.h1_pres
{
font-size: 16px;
text-shadow: 0px 0px 9px #009007;
  color: #fff;
border-bottom: 1px #009007;
}

/* les boites */


#descr
{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/code_c11.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 #009007;
height: 98px;
font-size: 12px;
color: white;

}

#newss
{
margin-top:10px;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/code_c11.jpg');
float: left;
border: 1px #009007;
-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: 90px;
font-size: 12px;
color: #009007;

}


.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 #009007;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/code_c11.jpg');
text-align: center;
}


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

height: 215px;
width: 258px;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/code_c11.jpg');
float: left;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-left: 10px;
border: 1px #009007;
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 #009007;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 5px;
}

Je n'ai pas assez modifié le HTML pour qu'il soit la cause de mon problème.

Merci ^^


Effectivement Octobre est fini depuis longtemps \Sbaff\
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Ven 11 Fév 2011, 05:57
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



    Hello Smile

    Essaies de changer le nombre de pixel, là parfois 1px n'est pas vraiment bien visible. En plus, je vois que tu as changé presque touutes les valeurs en cette couleur xD
    Tu veux changer les bordures ou bien la couleur interne des cadres?
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Ven 11 Fév 2011, 07:28
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://style-graph.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 28



Wow merchi beaucoup pour le tuto =3
J'ai looongtemps chercher pour faire dans ce style là ._.


MessageSujet: Re: Message d'accueil alias PA2 (messages)   Ven 11 Fév 2011, 07:37
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://style-graph.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 28



Erf quelle gourde, j'peux pas éditer ni supprimer mon message alors désolée du DP ^^
Si un modo pourra fusionner mes deux messages ._.

Mais j'ai oublié, comment je peux faire pour que les images s'illuminent en fondu ? ><


MessageSujet: Re: Message d'accueil alias PA2 (messages)   Ven 11 Fév 2011, 07:41
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dtbh-rpg.forumactif.org/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 182



@Massive8despair :

Je voulais changer les cadres et les couleurs de texte, rien n'est bon (ah si, certains textes) ^^"

Normalement je n'ai changé que ça, j'y ai fait très attention.


Effectivement Octobre est fini depuis longtemps \Sbaff\
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Ven 11 Fév 2011, 15:35
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dtbh-rpg.forumactif.org/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 182



J'ai compris !!

J'avais enlevé les propriétés du cadre en enlevant la couleur XD (les Dashed)
C'est réglé !

Thankyou !
Superbe code trop classe !


Effectivement Octobre est fini depuis longtemps \Sbaff\
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Ven 11 Fév 2011, 16:01
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



Merci beaucoup pour le code ^^
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Ven 18 Fév 2011, 17:24
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://caelestis-skai.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Masculin Messages : 34



Alors voilà, je voudrais te remercier énormément pour ta PA magnifique et très bien expliquée ! Si jamais le résultat t'intéresse : http://caelestis-skai.forumgratuit.org/
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Ven 18 Fév 2011, 18:58
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://caelestis-skai.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Masculin Messages : 34



Oups vu qu'il n'y a pas de bouton "Editer" ; j'enchaine pour te demander, comment accorder ,dans les onglets déroulants, "Règlement" avec un lien du topic du règlement, "Classes" pareil .. ?
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Ven 18 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



Ouah très beau code, merci du partage. Smile



MessageSujet: Re: Message d'accueil alias PA2 (messages)   Sam 19 Fév 2011, 12:57
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://caelestis-skai.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Masculin Messages : 34



Pardon mais j'ai réglé mon problème tout seul !
Encore une fois merci !
(j'ai essayé de rajouter un bloc pour en mettre deux côte à côte news et rappels des règles mais je galère X_x)
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Dim 20 Fév 2011, 15:50
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://asiatics.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 5



    Je viens d'utiliser le code après avoir cherché pendant 30 minutes où fallait finalement le placer ( xD ! ).
    Merci beaucoup, j'adore !
    Mais j'aimerais changer les couleurs, le mettre de couleur blanc et beige, comment je peux faire ?
    Et bien-sûr aussi, j'aimerais rajouter les liens du forum pour mettre dans les liens utiles, mais où est-ce que je place les liens ?



♥ Always keep the faith ♥
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Dim 27 Fév 2011, 12:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://heroes-la-suite.forumgratuit.org
avatar
{ Membre }
{ Membre }

Masculin Messages : 9



Bonjour tout d'abord merci pour ce tableau il est super juste j'aimerais bien savoir comment le centré, car sur mon forum il se place plus sur la gauche Very Happy


MessageSujet: Re: Message d'accueil alias PA2 (messages)   Mar 01 Mar 2011, 13:54
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://toriko-newbeginning.forumgratuit.org/
{ Membre }
{ Membre }

Masculin Messages : 4



Très bon code, merci pour le partage ! Mais, j'ai une petite question, je n'arrive pas à changer le fond noir >< Si un prince pourrait venir éclairer ma lanterne sur on cheval blanc, ma vie n'en serez que plus belle !
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Mar 01 Mar 2011, 20:01
Revenir en haut Aller en bas
Invité
Invité




Il suffit de changer la couleur:

Code:
background-color: #COULEUR;
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Mar 01 Mar 2011, 20:06
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://toriko-newbeginning.forumgratuit.org/
{ Membre }
{ Membre }

Masculin Messages : 4



J'ai un niveau proche du zéro code, c'est mon premier à vrai dire, si tu pouvais être plus précis sur comment faire, je suis complètement perdu là...
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Mar 01 Mar 2011, 20:37
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fatallifeenquetespec.forumgratuit.org/
{ Membre }
{ Membre }

Féminin Messages : 2




Merci merci pour ce code génial !! Il m'a bien aidé ! Je vous remercie ^^
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Mer 02 Mar 2011, 00:14
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://asiatics.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 5



    Merci =D !

    Mais le code on le place où ? Dans le CSS ou dans le HTLM ? Et où ça, au début ?



♥ Always keep the faith ♥
MessageSujet: Re: Message d'accueil alias PA2 (messages)   Jeu 03 Mar 2011, 09:32
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 68



> Pour les modifications d'apparence (background ect...) concernant la PA, cela se fait dans le CSS. Wink
Ensuite, si tu veux modifier il faut que tu cherches les éléments dans le CSS. Par exemple, la description est désignée par "descr", alors je cherche "descr" dans le CSS. C'est-à-dire ceci:
Code:
#descr
{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/code_c11.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 ;
height: 98px;
font-size: 12px;
color: white;

}

Et toutes les modifications apportées à cette partie du CSS, modifieront l'apparence de la description.

Après, il y a des indications que l'auteurs a mis, du type /* Ensemble du menu */ ect ... Pensez à regarder, cela peut donner des informations utiles concernant certaines partis du CSS. Wink


MessageSujet: Re: Message d'accueil alias PA2 (messages)   Jeu 03 Mar 2011, 10:10
Revenir en haut Aller en bas
Contenu sponsorisé




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

Message d'accueil alias PA2 (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  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