| | Message d'accueil alias PA (messages) |  |
|
|
 Etoile Nocturne 
{ Membre }
 Messages : 66
 | Il faut mettre les deux? Mais , il n'y vas pas avoir de problème avec le forum? Car il est encore en formation.. Enfin en réglage et.. Faut que je fasse quoi!? C'est mon 4 éme Forums mais voilà , j'ai pas encore tous compris:¯u¯:  | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| - Etoile Nocturne a écrit:
Il faut mettre les deux?(CSS et HTLM) voilà le forum , cliquez ici =) Mais , il n'y vas pas avoir de problème avec le forum? Car il est encore en formation.. Enfin en réglage et.. Faut que je fasse quoi!? C'est mon 4 éme Forums mais voilà , j'ai pas encore tous compris:¯u¯: | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Hum ^^'
Bon allons étape par étape pour être sûre que tu as tout fait proprement :
Tout d'abord, vérifies si le html et bbcode sont bien activés sur ton forum, pour cela il suffit d'aller PA=> Général => Messages et emails => Configuration.
Tu coche "oui" pour autoriser le html et autoriser le bbcode.
Ensuite tu te rends dans Affichage => Généralités, là où tu mets ton code html.
Et finalement Affichage => Couleurs => Feuille CSS ; et là tu colle ton code CSS
Normalement là ça s'affichera.
Ah, faut aussi autoriser le html à travers ton profil, dans la partie préférences.
Fais tout ça et dis moi ce que tu vois parce que là sur ton forum, y a rien en fait xD | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| Nikel , sa marche , comment changer les couleurs et mettres des liens..  Par mp's , comme sa , STOP FLOOD comme on dis...... Merci ! | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| Ha , oui , pardon..
Comment changez les couleurs , car le fond "beige" ne me plait pas trop trop... | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Dylan : Je peux bien le lui rappeler 
@ Etoile : Donnes moi ici les liens que tu veux mettre ainsi que les couleurs que tu veux, je te ferai ça | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| Règlement
Présentation
Comment Bien S'Intégrer
Les couleurs?
Dans le même tonts que mon forum ..
Après , mettre des avarts en liens , je ne sais pas faire...
Mon profil
dsl pour l'aide par MP's , j'avais peur d'encombré........ | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Non t'inquiète pas, tu n'encombre pas
Mais hum pour les couleurs je suis désolée mais je dois avoir quoi mettre et non deviner ^^'''
Pour les liens je te les mets de suite.
Mais qu'est ce que tu veux dire pas "mettre avatars en liens"? ^^'' | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| Quand on passe le curseur sur l'image dans "Nos Chefs De Groupe" , bahh je sais pas mettre mon avart et le lien vers mon profil..
Après , dans les couleurs du forum beige , chocolat.. | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Ah oui les infobulles ^^
Okay je te fais ça alors j'aurai besoin du lien vers ta fiche (si tu en as) l'image à mettre dans l'infobulle. Si tu as d'autres staff avec toi, il vaut mieux que tu m'envoie leur image et les liens vers leur profil, mp etc.
Les couleurs, je vais me débrouiller.
Les textes à mettre (si tu en as bien sur)
Et les liens que tu m'as envoyé, c'est tout ce dont tu as besoin dans ta navigation? | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| Je réquépépéte.
Navigation Rapide:
Règlement
Présentation
Comment Bien S'Intégrer?!?
Avart et Liens.
>Lien de mon avart :
https://2img.net/u/1813/30/13/00/avatars/1-61.jpg
>Lien vers mon profil.
http://petits-esprits.forums-actifs.com/u1
>Lien pour m'envoyer un MP's.
http://petits-esprits.forums-actifs.com/privmsg?mode=post&u=1
Il n'y as que moi en staff..
Dans les crédits sa veux dire?!?
Après , je sais modifier le reste :p | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Okay ^^
- Code:
-
<div id="table22"> <table class="table25"> <tr> <td rowspan="2"><h2 class="h2_theme">Navigations</h2><div class="navi_ma"> <a href="#" class="a2">Règlement</a> <a href="http://petits-esprits.forums-actifs.com/f3-presentation" class="a2">Présentation</a> <a href="http://petits-esprits.forums-actifs.com/t13-comment-bien-sintegrer" class="a2">Comment Bien S'Intégrer?!?</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"> Notre chef de groupes </h2><div class="staff"><div class="infobulle"><img src="http://img4.hostingpics.net/pics/275074vava1.jpg" class="transparence" /><span>Admin en chef<div><img src="http://img4.hostingpics.net/pics/354722111.jpg" /></div><div><a href="http://petits-esprits.forums-actifs.com/u1">Profil</a></div><div><a href="http://petits-esprits.forums-actifs.com/privmsg?mode=post&u=1">Mp</a></div> </span></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> <script type="text/javascript" src="http://www.lbtprod.tk/cssactif/jsscroller.js"></script>
Et CSS :
- 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/)
================= */
/*----------------- 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: #574b39;
-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:#ab8e63;
-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 #574b39;
-moz-box-shadow: 4px 4px 0 #574b39;
-khtml-box-shadow: 4px 4px 0 #574b39;
padding-top: 20px;
}
/* News */
.news
{
background-color: #ab8e63;
-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 #574b39;
-moz-box-shadow: 4px 4px 0 #574b39;
-khtml-box-shadow: 4px 4px 0 #574b39;
}
/* Partenaires */
.partenaire_test
{
background-color: #ab8e63;
-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 #574b39;
-moz-box-shadow: 4px 4px 0 #574b39;
-khtml-box-shadow: 4px 4px 0 #574b39;
padding-top: 20px;
}
/* message de bienvenu */
#bienvenu_ma
{
background-color: #ab8e63;
-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 #574b39;
-moz-box-shadow: 4px 4px 0 #574b39;
-khtml-box-shadow: 4px 4px 0 #574b39;
width: 370px;
}
/* membres staffs */
.staff
{
background-color: #ab8e63;
-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 #574b39;
-moz-box-shadow: 4px 4px 0 #574b39;
-khtml-box-shadow: 4px 4px 0 #574b39;
padding-top: 20px;
}
/*crédits */
.credits
{
background-color: #ab8e63;
-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 #574b39;
-moz-box-shadow: 4px 4px 0 #574b39;
-khtml-box-shadow: 4px 4px 0 #574b39;
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: #ab8e63;
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;
}
Et pour le crédit, il suffit de mettre que le code appartient à James de CSSActif, et voila ^^
Si tu veux changer la couleur de la PA, il suffit de changer la couleur de "background-color" dans le code CSS.
Bon courage | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| ok, mais je colle à la suite et je supprime l'autre ou?.... | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Oui oui tu remplace tes codes par ceux que je viens de te donner ^^ | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| ok et pour les couleurs , je fait comment pour modifier?
car , je ne sais pas comment mettre des couleurs=(
Mais merci , c'est super! | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Tu as déjà des couleurs en fait dans ton forum il suffit d'aller : PA => Affichage => Couleurs et il y a une barre de couleur qui s'affiche, sinon tu as ce site de couleurs avec les codes de couleurs. Tu peux juste remplacer par exemple :
- Code:
-
background-color: #574b39;
Tu remplace la couleur (en chiffre là) par une autre et voilou.
Je sais que je m'explique pas bien désolée @.@ | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| je remplace tous ou que ceux que je veux?!? mais comment savoir ou sa vas se modifier? si admettons je veux modifier le fond , comment savoir si je suis en train de modifier le fond? | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Comme je te l'ai dit en fait, il suffit de modifier tout ce qui est
- Code:
-
background-color: #574b39;
Dans ta feuille CSS bien entendu.
Sinon il y a un cours donné par Fire Fly si tu veux t'inscrire pour mieux comprendre comment gérer ton CSS \o/ | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| je sais , je l'est fait , sauf que sa reste pareil  , rien ne change... sur la PA.. j'ai mis sur PA pas sur le reste hein? | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Mais si faut changer aussi le code CSS dans ta feuille CSS ^^
Tu remplace le précédent par celui que je t'ai donné xD | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| C'est parfait comme sa , je ne sais pas pourquoi , je me complique =(..
Enfin , merci à vous et bonne soirée.
Super PA =) | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Je t'en prie, y a aucun problème ^^
Et n'oublies pas de créditer James de CSSActif, moi je n'ai fait que changer quelques couleurs
Bonne soirée ! | | |
|
| | |
Etoile Nocturne
{ Membre }
Messages : 66
| C'est fait , je vous est citez aussi =) et pis CSSActif , se super fow =)
Bonne soirée et bonne nuit ! | | |
|
| | |
Curtis Galton
{ Membre }
 Messages : 54
| Woa ! Merci pour cette PA génial James ! = ) | | |
|
| | |
Lolaa ♥
{ Membre }
Messages : 3
| Merci pour le tuto, c'est super ♥ | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Message d'accueil alias PA (messages) | |
|
