Apparence de la Page d'Accueil ~
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Apparence de la Page d'Accueil ~
Bonjour,
Je me permets de poster ici, parce que malgré un nombre important de Tutoriel ou de recherches ne me permettent pas de trouver comme faire (je suis peut-être pas douée, je le reconnais).
En premier : - forum : http://jemsubs.forumgratuit.org/
- Je suis co-administratrice.
- Je n'ai pas modifié de templates et j'ai une page de CCS (non personnalisé parce que je comprends pas tout, donc je n'ai pas fait)
- Navigateur : Firefox
Donc voilà, maintenant mon problème, j'aimerai obtenir quelques chose comme ça :
Au niveau des couleurs, ce serait un peu près ça (mais je pense être capable de les changer après), par contre, je n'ai pas besoin de photo. Il y aurait donc "Information", " le nom de forum", " les Nouveautés", et "le Staff".
Que j'aimerai disposer de cette façon :
Donc voilà, ça ne serait donc pas un affichage par onglet. Donc comme j'ai pu le lire parfois, il suffirait d'écrire en dessous du script de la page d'accueil, de la je suis d'accord, si j'écris dedans ça marche. Mais comment faire pour disposer ça de te cette façon. Faire que les titres ne soit pas tout à gauche ou tout à droite ..etc
Si vous pouvez m'aider, je vous en remercie d'avance. Et si j'ai oublié quelque chose demandé !
Je me permets de poster ici, parce que malgré un nombre important de Tutoriel ou de recherches ne me permettent pas de trouver comme faire (je suis peut-être pas douée, je le reconnais).
En premier : - forum : http://jemsubs.forumgratuit.org/
- Je suis co-administratrice.
- Je n'ai pas modifié de templates et j'ai une page de CCS (non personnalisé parce que je comprends pas tout, donc je n'ai pas fait)
- Navigateur : Firefox
Donc voilà, maintenant mon problème, j'aimerai obtenir quelques chose comme ça :
Au niveau des couleurs, ce serait un peu près ça (mais je pense être capable de les changer après), par contre, je n'ai pas besoin de photo. Il y aurait donc "Information", " le nom de forum", " les Nouveautés", et "le Staff".
Que j'aimerai disposer de cette façon :
Donc voilà, ça ne serait donc pas un affichage par onglet. Donc comme j'ai pu le lire parfois, il suffirait d'écrire en dessous du script de la page d'accueil, de la je suis d'accord, si j'écris dedans ça marche. Mais comment faire pour disposer ça de te cette façon. Faire que les titres ne soit pas tout à gauche ou tout à droite ..etc
Si vous pouvez m'aider, je vous en remercie d'avance. Et si j'ai oublié quelque chose demandé !
Dernière édition par lily1412 le Jeu 5 Mai 2011 - 23:09, édité 2 fois
Re: Apparence de la Page d'Accueil ~
Bonjour,
Pour obtenir cette disposition, le plus simple est de réaliser un tableau.
Cordialement.
Bonjour et Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums Forumactif Sécurité : mail de fondation - Ce qu'il ne faut pas faire
|
Pour obtenir cette disposition, le plus simple est de réaliser un tableau.
- Code:
<table><tr><td></td><td>titre du forum</td><td></td></tr>
<tr><td>Information</td><td rowspan="2">nouveautés</td><td>Staff</td></tr>
<tr><td>les infos</td><td>le staff</td></tr></table>
- Code:
<table cellSpacing="8" width="100%"><tr><td></td><td class="decor">titre du forum</td><td></td></tr>
<tr><td class="decor">Information</td><td rowspan="2" class="decor">nouveautés</td><td class="decor">Staff</td></tr>
<tr><td>les infos</td><td>le staff</td></tr></table>
- Code:
.decor{
border: 5px solid black;
vertical-align: top;
text-align: center;
padding: 8px;
width: 30%;}
Cordialement.
Invité- Invité
Re: Apparence de la Page d'Accueil ~
Désolée de vous déranger encore, j'ai donc réussi à faire ce que vous m'avez dit, et j'ai finalement décidé de ne pas mettre de cadre. Voir: Ou le site : http://jemsubs.forumgratuit.org/
J'aimerai donc savoir ce qu'il faut que je rajoute pour pouvoir écrire en dessous de nouveauté, comme je peux le faire pour staff et Informations ?
Merci d'avance. Ce problème est résolu, j'ai pu trouver !
Edit: J'aimerai maintenant savoir comme je peux faire pour avoir dans ma partie "Les nouveautés", une barre défilantes sur le côté, comme dans cette exemple de forum que j'ai donné dans mon premier post ! Merci.
J'aimerai donc savoir ce qu'il faut que je rajoute pour pouvoir écrire en dessous de nouveauté, comme je peux le faire pour staff et Informations ?
Merci d'avance. Ce problème est résolu, j'ai pu trouver !
Edit: J'aimerai maintenant savoir comme je peux faire pour avoir dans ma partie "Les nouveautés", une barre défilantes sur le côté, comme dans cette exemple de forum que j'ai donné dans mon premier post ! Merci.
Dernière édition par lily1412 le Jeu 5 Mai 2011 - 14:14, édité 1 fois (Raison : Autres questions)
Re: Apparence de la Page d'Accueil ~
Bonjour
Pour le défilement c'est ce code.
A vous de régler la hauteur et la largeur.
Pour le défilement c'est ce code.
A vous de régler la hauteur et la largeur.
- Code:
<div style="width: 300px; height: 50px; overflow: auto; padding-right:5px;">Votre texte ici</div>
Re: Apparence de la Page d'Accueil ~
Je vous remercie de votre réponse, j'ai pu mettre le code et si je réduit la hauteur ça marche, mais la barre pour descendre/monter ne s'affiche pas ??
Il faut que je clique dessus et descende ou montes avec les flèches du clavier. N'est-il pas possible d'avoir une barre ?
Il faut que je clique dessus et descende ou montes avec les flèches du clavier. N'est-il pas possible d'avoir une barre ?
Re: Apparence de la Page d'Accueil ~
Il faut y placer plus de contenu sinon la barre ne s'affiche pas ou réduire la hauteur.
Re: Apparence de la Page d'Accueil ~
C'est ce que j'ai fait, mais même en réduisant j'ai mis ce code :
Peut-être que j'ai mal placé quelque chose ?? Vous pouvez voir par vous même sur mon forum que la barre de défilement n'apparait pas sur le côté gauche. Alors que j'ai réduit la taille, et qu'on ne voit donc plus qu'une nouvelle alors qu'il y en a trois.
- Code:
<td><div style="width: 400px; height: 10px; overflow: auto; padding-right:5px;"><div style="margin:auto;text-align:center;width:100%"><font color="red"><strong>03.05.11:</strong></font> <strong>Co-production annoncée :)</strong></div><div style="margin:auto;text-align:center;width:100%"><font color="red"><strong>01.05.11:</strong></font> <strong>Sortie de l'épisode 1 de WGM </strong></div><div style="margin:auto;text-align:center;width:100%"><strong><font color="red">24.04.11 :</font></strong> <strong>Ouverture du forum !</strong></div> </div></td>
Peut-être que j'ai mal placé quelque chose ?? Vous pouvez voir par vous même sur mon forum que la barre de défilement n'apparait pas sur le côté gauche. Alors que j'ai réduit la taille, et qu'on ne voit donc plus qu'une nouvelle alors qu'il y en a trois.
Re: Apparence de la Page d'Accueil ~
C'est bien ce que je disais vous n'avez assez de contenu donc pourquoi mettre une barre de défilement pour seulement trois ligne donc soit vous rajoutez du texte soit vous enlevez la barre.
- Code:
<div style="width: 400px; height: 50px; overflow: auto; padding-right:5px;"><div style="margin:auto;text-align:center;width:100%"><font color=red size="3">03.05.11:</font><strong>Co-production annoncée :)</strong></div><div style="margin:auto;text-align:center;width:100%"><font color=red size="3">01.05.11:</font><strong>Sortie de l'épisode 1 de WGM </strong></div><div style="margin:auto;text-align:center;width:100%"><font color=red size="3">24.04.11 :</font><strong>Ouverture du forum !</strong></div> </div>
Re: Apparence de la Page d'Accueil ~
D'accord, Merci en tout cas !
Re: Apparence de la Page d'Accueil ~
Je ne sais pas si on est autorisé à rechanger l'état de résolu à en cours, mais après avoir réussi tout ça, et je vous en remercie, ça me plait beaucoup. Je trouve qu'il y a trop de blanc, donc j'aimerai savoir s'il est possible de faire que Informations et Staff soit plus en haut.
Pour l'instant ça me donne ça :
Et j'aimerai donc, que Information et Staff, soit au niveau du milieu de la photo, est-ce possible ?
Re: Apparence de la Page d'Accueil ~
Voila c'est fait.
- Code:
<table cellSpacing="8" width="100%">
<tr>
<td class="decor">Information</td><td class="decor">titre du forum</td><td class="decor">Staff</td></tr>
<tr><td></td><td rowspan="2" class="decor">nouveautés</td><td></td></tr></table>
Re: Apparence de la Page d'Accueil ~
Je vous met mon code avant changement, parce que lorsque je l'ai fait, cela m'a tout décalé mes contenues que j'avais écrit tout à droite. Dois-je changer autre chose, ou mettre autre chose que le code que vous m'avez donné ?
- Code:
<table cellSpacing="8" width="100%"><tr><td></td><td class="decor"><div style="margin:auto;text-align:center;width:100%"><a href="http://www.servimg.com/image_preview.php?i=28&u=16438213" class="postlink" target="_blank" rel="nofollow"><img src="http://i23.servimg.com/u/f23/16/43/82/13/pour_p11.png" border="0" alt="" /></a></div></td><td></td></tr>
<tr><td class="decor"><font color="#5fb2e6"><span style="font-size: 18px; line-height: normal" ><strong><u>Informations </u></strong></span></font> </td>
<td class="decor"><strong><span style="font-size: 18px; line-height: normal">
<font color="red"><u>Les nouveautés ♥</u></font></span></strong></td> <td class="decor"><font color="#e382e8"><span style="font-size: 18px; line-height: normal"><strong><u>Staff</u></strong></span></font></td></tr>
<tr><td> <div align="justify"><strong>En premier Bienvenue à tout le monde ~ Nous sommes ravies de vous accueillir sur notre Forum consacré pour le moment à l'émission We Got Married avec le couple WooJung. Sachez que nous faisons cette émission, en co-production avec <a href="http://park_2ran.exsay.fr/#/article41626/" class="postlink" target="_blank" rel="nofollow">Park Ran Ran</a>. Dans le futur, nous espérons pouvoir vous présenter d'autres émissions. Pour pouvoir télécharger nos épisodes, il vous faut vous inscrire et participer un mininum. A bientôt j'espère ! :) </strong></div></td>
<td><div style="margin:auto;text-align:center;width:100%"><font color="red"><strong>03.05.11:</strong></font> <strong>Co-production annoncée :)</strong></div><div style="margin:auto;text-align:center;width:100%"><font color="red"><strong>01.05.11:</strong></font> <strong>Sortie de l'épisode 1 de WGM </strong></div><div style="margin:auto;text-align:center;width:100%"><strong><font color="red">24.04.11 :</font></strong> <strong>Ouverture du forum !</strong></div> </td>
<td><div style="margin:auto;text-align:center;width:100%">[En construction]</div></td></tr></table>
Re: Apparence de la Page d'Accueil ~
J'ai rajouté un tableau pour les nouveautés pour pouvoir imbriquer la rubrique du dessous.
- Spoiler:
- Code:
<center>
<table cellSpacing="8" width="100%">
<tr>
<td class="decor"><font color="#5fb2e6"><span style="font-size: 18px; line-height: normal"><strong><u>Informations </u></strong></span></font></td>
<td class="decor"><div style="margin:auto;text-align:center;width:100%"><a href="http://www.servimg.com/image_preview.php?i=28&u=16438213" class="postlink" target="_blank" rel="nofollow"><img src="http://i23.servimg.com/u/f23/16/43/82/13/pour_p11.png" border="0" alt="" /></a></div></td>
<td class="decor"><font color="#e382e8"><span style="font-size: 18px; line-height: normal"><strong><u>Staff</u></strong></span></font></td></tr>
<tr>
<td> <div align="justify"><strong>En premier Bienvenue à tout le monde ~ Nous sommes ravies de vous accueillir sur notre Forum consacré pour le moment à l'émission We Got Married avec le couple WooJung. Sachez que nous faisons cette émission, en co-production avec <a href="http://park_2ran.exsay.fr/#/article41626/" class="postlink" target="_blank" rel="nofollow">Park Ran Ran</a>. Dans le futur, nous espérons pouvoir vous présenter d'autres émissions. Pour pouvoir télécharger nos épisodes, il vous faut vous inscrire et participer un mininum. A bientôt j'espère ! :) </strong></div></td>
<td valign="top">
<table>
<tr>
<td class="decor"><strong><span style="font-size: 18px; line-height: normal">
<font color="red"><u>Les nouveautés ♥</u></font></span></strong</td>
</tr>
<tr>
<td><div style="margin:auto;text-align:center;width:100%"><font color="red"><strong>03.05.11:</strong></font> <strong>Co-production annoncée :)</strong></div><div style="margin:auto;text-align:center;width:100%"><font color="red"><strong>01.05.11:</strong></font> <strong>Sortie de l'épisode 1 de WGM </strong></div><div style="margin:auto;text-align:center;width:100%"><strong><font color="red">24.04.11 :</font></strong> <strong>Ouverture du forum !</strong></div></td>
</tr>
</table>
</td>
<td><div style="margin:auto;text-align:center;width:100%">[En construction]</div></td>
</tr></table></center>
Re: Apparence de la Page d'Accueil ~
Je te remercie et je suis désolée, de te prendre autant de temps, mais ça donne ce que je veux, à pars une chose comment faire pour que le texte d'information et du staff ne reste pas là ou ils étaient avant mais qu'ils remontent aussi ?
Re: Apparence de la Page d'Accueil ~
Up. S'il vous plaît..
Re: Apparence de la Page d'Accueil ~
Dites moi si cela vous convient.
- Spoiler:
- Code:
<center>
<table cellSpacing="8" width="100%">
<tr>
<td class="decor"><font color="#5fb2e6"><span style="font-size: 18px; line-height: normal"><strong><u>Informations</u></strong></span></font><br><br><div align="justify"><strong>En premier Bienvenue à tout le monde ~ Nous sommes ravies de vous accueillir sur notre Forum consacré pour le moment à l'émission We Got Married avec le couple WooJung. Sachez que nous faisons cette émission, en co-production avec <a href="http://park_2ran.exsay.fr/#/article41626/" class="postlink" target="_blank" rel="nofollow">Park Ran Ran</a>. Dans le futur, nous espérons pouvoir vous présenter d'autres émissions. Pour pouvoir télécharger nos épisodes, il vous faut vous inscrire et participer un mininum. A bientôt j'espère ! :) </strong></div></td>
<td class="decor"><div style="margin:auto;text-align:center;width:100%"><a href="http://www.servimg.com/image_preview.php?i=28&u=16438213" class="postlink" target="_blank" rel="nofollow"><img src="http://i23.servimg.com/u/f23/16/43/82/13/pour_p11.png" border="0" alt="" /></a></div><br><strong><span style="font-size: 18px; line-height: normal">
<font color="red"><u>Les nouveautés ♥</u></font></span></strong><br><br><div style="margin:auto;text-align:center;width:100%"><font color="red"><strong>03.05.11:</strong></font> <strong>Co-production annoncée :)</strong></div><div style="margin:auto;text-align:center;width:100%"><font color="red"><strong>01.05.11:</strong></font> <strong>Sortie de l'épisode 1 de WGM </strong></div><div style="margin:auto;text-align:center;width:100%"><strong><font color="red">24.04.11 :</font></strong> <strong>Ouverture du forum !</strong></div></td>
<td class="decor"><font color="#e382e8"><span style="font-size: 18px; line-height: normal"><strong><u>Staff</u></strong></span></font><br><br><br><div style="margin:auto;text-align:center;width:100%">[En construction]</div></td>
</tr>
</table>
</center>
Re: Apparence de la Page d'Accueil ~
Oui c'est exactement ce que je voulais, Parfait
Dernière question et j'espère que je n'aurai plus besoin de vous embêter, comment ou quel code dois-je mettre pour que (dans la partie staff, je vais mettre les photos de la Team) lorsqu'on passe sur le photo, on est un petit cadre de texte qui apparait (pour que je puisse mettre par exemple, Traducteur, timeur..etc) ??
Re: Apparence de la Page d'Accueil ~
Normalement il faut ré-ouvrir un autre sujet pour cela car c'est une autre demande donc vous allez éditer votre premier message et cocher résolu et nous allons poursuivre par MP.
Merci
Merci
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» Revenir en page 1 depuis la dernière page dans un sujet multipages
» La page profile.php renvoie une page "hybride" entre un nouvel utilisateur et un ancien
» Problème entre une page html en page d'accueil et l'adresse de base du forum
» Impossibilité d'utiliser page HTML en tant que page d'accueil AwesomeBB
» Revenir en page 1 depuis la dernière page dans un sujet multipages
» La page profile.php renvoie une page "hybride" entre un nouvel utilisateur et un ancien
» Problème entre une page html en page d'accueil et l'adresse de base du forum
» Impossibilité d'utiliser page HTML en tant que page d'accueil AwesomeBB
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum