| Message d'accueil alias PA (messages) | |
|
|
Antartica
{ Membre }
Messages : 10
| |
| |
Nero95
{ Membre }
Messages : 13
| Juste pour savoir je voudrait mettre en transparence le fond qui entoure les tableau. Si vous pouvez m'aidez merci d'avance. | | |
|
| |
Due'
{ Membre }
Messages : 35
| Bonjour~ Bon, je cherchais un code et celui ci était parfait pour mon forum. Donc je colle les deux codes, je remplis selon mes paramètres mais j'ai un petit problème : - Spoiler:
Au niveau du Staff, les images s'empilent, l'info bulle fonctionne mais les images sortent du cadre... Que dois-je modifier s'il vous plait ? PS : Si ça peut aider, je suis sous Google Chrome. | | |
|
| |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Hello
Si c'est possible de nous montrer tes codes, ça facilitera l'aide | | |
|
| |
Due'
{ Membre }
Messages : 35
| Aucun problème~ Mon Code qui se trouve dans Affichage ==> Généralités : - Spoiler:
- Code:
-
<div id="table20"> <table class="table20">
<tr>
<td rowspan="2"><h2 class="h2_theme">Navigations</h2><div class="navi_ma"><a href="http://alicehumansacrificed.forumactif.com/t86-les-regles-les-lois-qui-regissent-wonderland" class="a2">.:Les Règles:.</a> <a href="http://alicehumansacrificed.forumactif.com/t87-contexte" class="a2">.:Contexte:.</a> <a href="http://alicehumansacrificed.forumactif.com/t88-fiche-de-presentation" class="a2"><span style="font-size: 10px; line-height: normal">.:Fiche de Présentation:.</span></a> <a href="http://alicehumansacrificed.forumactif.com/t93-personnages-predefinis" class="a2"><span style="font-size: 10px; line-height: normal">.:Fiche des Personnages Prédéfinis !:.</span></a> </div> </td>
<td align="left"> <h2 class="h2_theme">New's</h2><div class="news"> <p> L'identité de la Prochaine Alice sera bientôt révélée ! <br><br>_______<br><br> Les portes de Wonderland sont ouvertes ! <br> Des êtres venus de tout les mondes entrent dans Wonderland ! En faites vous partie ?<br><br>_______<br><br>Nous recherchons des Alices pour le RP et des modérateurs et un codeur pour le Forum. Si vous êtes intéressé(e) par le poste de modérateur ou de codeur, merci de contacter Rui Kagene par MP </p> </div> </td>
<td align="left" colspan="3"> <h2 class="h2_themebienvenu">Bienvenue à Wonderland {USERNAME}</h2><div id="bienvenu_ma"> Il y a bien longtemps que les Alices ont été déclarées mortes... Pourtant, le fabuleux monde de Wonderland est toujours là, et il vit encore. La vie continue, et tout se passe comme dans le meilleurs des mondes. Pourtant, un jour, les portes de Wonderland se sont rouvertes, et des êtres de différents mondes et dimensions sont arrivés. Il n'en faut pas plus pour le Rêve comprenne que les Alices sont toujours en vie, et que surtout, Alice, la vraie, est revenue. Il envoya donc Rei & Rui, ses fidèles sous-fifres et Lapins, à la recherche de ces Alices, mais aussi, il les envoya pour empêcher que de nouvelles Alices prennent le contrôle. Cette fois ci, ce seront les Alices qui perdront. Une guerre, pour l'instant muette est lancée, et de Clans s'opposent. Les Originaux, partisans du Rêve, et Les Alirtes, cherchant désespérément à se libérer et à détruire le Rêve. Mais ces guerres se déroulent au sommet, et les civils ne souhaitent pas en entendre parler. Ils miment alors l'étonnement et l'ignorance lorsque on leur parle de guerre. Qui serez vous dans ce monde étonnant ? A quoi ressemblerez vous ? Ou choisirez vous d'habiter ? Quel Clan rejoindrez vous ? Chercherez vous à vous échappez ou à rester ici ? Mais surtout... Serez vous une Alice ?
</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://vocaloid-miku.forumactif.org/"><img src="http://i31.servimg.com/u/f31/13/51/29/83/hatsun10.png" border="0" class="transparence"></a><a href="http://mikumikudance.forums-actifs.com/forum.htm"><img src="http://img4.hostingpics.net/pics/777423mmdgif.gif" border="0" class="transparence"></a></div></div> </td>
<td align="left" colspan="10"> <h2 class="h2_theme"> Notre Staff </h2><div class="staff"><div class="infobulle"><img src="http://images.wikia.com/vocaloid/images/f/f6/Rui-icon.png" class="transparence" /><span>Rui Kagene, Chef des Originaux<div><img src="http://img11.hostingpics.net/pics/865939ruivava.png" /></div><div><a href="http://alicehumansacrificed.forumactif.com/u1">Profil</a></div><div><a href="http://alicehumansacrificed.forumactif.com/privmsg?mode=post&u=1">Mp</a></div>
</span></div><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/96/84/53/mini_968453buuuuuuu.png" class="transparence" /><span>Burraku, Sous fifre de Rui Kagene<div><img src="http://img4.hostingpics.net/pics/798986burraku.png" /></div><div><a href="http://alicehumansacrificed.forumactif.com/u12">Profil</a></div><div><a href="http://alicehumansacrificed.forumactif.com/privmsg?mode=post&u=12">Mp</a></div> </span></div><div class="infobulle"><img src="http://26.img.v4.skyrock.net/262/happycat639/pics/2971579991_0_3_fSQlpdID.png" class="transparence" /><span>Rin Kagamine, Co-Chef du Clan de Coeur<div><img src="http://r22.imgfast.net/users/2211/18/80/76/avatars/5-91.jpg" /></div><div><a href="http://alicehumansacrificed.forumactif.com/u5">Profil</a></div><div><a href="http://alicehumansacrificed.forumactif.com/privmsg?mode=post&u=5">Mp</a></div> </span></div> </div> </td>
<td align="left"> <h2 class="h2_themecredit">Crédits</h2><div class="credits" >Contexte et Forum ©Rui Kagene<br>
CSS by ©james1920 sur CSSActif <br>
Thème by Nonowel sur <img src="http://i38.tinypic.com/sw7i43.gif"</img></div>
</td> </tr> </table> </div>
<script type="text/javascript" src="http://www.lbtprod.tk/cssactif/jsscroller.js"></script>
Et dans Affichage ==> Généralités : - Spoiler:
- Code:
-
body { background-repeat:repeat; background-position:top center; }
table.forumline { border:1px dashed; }
td.row3 { background-image: url(""); }
td.row2 { background-image: url(""); }
td.row1 { background-image: url(""); }
/*----------------- 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; }
| | |
|
| |
Sakura
{ Membre }
Messages : 13
| Merci pour le code ! Je l'adore ! | | |
|
| |
Fan'
{ Membre }
Messages : 5
| Ca marche vraiment, et c'est splendide ! Merci beaucoup, j'adore ! | | |
|
| |
TheAviation
{ Membre }
Messages : 9
| Bonjour Je voulait dire que c'est un très bon tutoriel mais je voulais savoir comment mettre et ou le code HTML et le CSS car j'ai forumparfait et je n'est pas les feuilles de styles perso ni les généralités. Amicalement. | | |
|
| |
Invité Invité
| Hop' Personnellement je ne connais pas du tout ce "forumparfait" Je te rappel que CSSActif est un forum orienté forumactif et rien d'autre Donc en manque de connaissance de forumparfait je ne peut pas t'aider... Désolé! | | |
|
| |
TheAviation
{ Membre }
Messages : 9
| Je ne c'est pas, je ne connais rien en CSS et je souhaite apprendre. Mon forum en faite est inscrit sur forumparfait : http://www.forumparfait.com/ Et je voulais donc savoir si on peut quand même mettre du CSS sur les forum inscrit sur forumparfait. Si non, si je créer un forum sur forumactif.com, quelle extension dois-je choisir ? (forumgratuit.fr, forumactif.name ....) Amicalement. | | |
|
| |
mimiepirate
{ Membre }
Messages : 24
| Bonsoir , ce tuto est super !
Par contre , je ne peux l'utiliser qu'en HTML , mais du coup , je ne sais pas comment changer les couleurs ? Quelqu'un pourrait m'aider svp ?
Et est ce qu'il serait possible " d'étirer " le tableau pour qu'il prene presque toute la largueur de la page d'accueil ? Merci à vous ! | | |
|
| |
mimiepirate
{ Membre }
Messages : 24
| Désolé du double post , en fait j'aimerais arriver à faire le tableau aussi large que sur ce forum , mais j'y arrive pas c'est trop compliqué ...
http://make-your-horse.forumactif.com/ | | |
|
| |
Hiro
Ninja Codeur
Messages : 1179
| Yo' soir, Alors pour changer les couleurs en html , c'est ce code la : - Code:
-
color: black; Soit tu met black,white etc ou alors un code couleur (pipeté sous photoshop ou autre) c'est sous la forme #XXXXXX . En suite pour étirer ton tableau tu dois modifier la valeur du width dans ton css . | | |
|
| |
mimiepirate
{ Membre }
Messages : 24
| Merci à toi , je suis arrivée à changer la couleur , mais je n'arrive pas à changer l'écriture , je trouve que ça fait trop noir et trop pareil :/ Et pour étirer , j'ai éssayé .. catastrophe ..
Voici le lien de mon forum d'essai où je teste tout , c'est pas fameu :/ | | |
|
| |
mimiepirate
{ Membre }
Messages : 24
| Si je met pas le lien, vous pourrez pas voir --' ..
Le voici http://deviant-horses.forums-actifs.com/
Ps : j'ai pas fini d'accorder toutes les couleurs du forum | | |
|
| |
mimiepirate
{ Membre }
Messages : 24
| Personne ne peut m'aider ? | | |
|
| |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Bonsoir,
Les actualisations ne sont pas autorisées dans cette section, je te prie d'en tenir compte prochainement.
Pour le problème, je ne vois pas trop ce qui ne va pas alors je te prie de mieux l'expliquer.
Merci | | |
|
| |
Contenu sponsorisé
| |
| |
| Message d'accueil alias PA (messages) | |
|