Apparence de la Page d'Accueil ~

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 12:01

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é !


Dernière édition par lily1412 le Jeu 5 Mai 2011 - 23:09, édité 2 fois

lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par Invité le Jeu 5 Mai 2011 - 12:21

Bonjour,

Bonjour et Bienvenue
sur le Forum des Forums Forumactif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

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>
Ensuite on met se tableau en place en espaçant les cellules et lui donnant une taille (width="100%" lui permet de prendre toute la largeur du message d'accueil). On ajoute une class au cellules que l'on reportera ensuite dans la feuille CSS:
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>
Dans panneau d'admin > affichage > couleurs - feuille de style CSS, on ajoute la class correspondante au cellules:
Code:
.decor{
border: 5px solid black;
vertical-align: top;
text-align: center;
padding: 8px;
width: 30%;}
A vous de personnaliser le code CSS pour donner l'apparence souhaitée à vos cadres Wink .

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 12:23

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.


Dernière édition par lily1412 le Jeu 5 Mai 2011 - 14:14, édité 1 fois (Raison : Autres questions)

lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par tupac le Jeu 5 Mai 2011 - 15:21

Bonjour

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>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 16:27

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 ?

lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par tupac le Jeu 5 Mai 2011 - 16:45

Il faut y placer plus de contenu sinon la barre ne s'affiche pas ou réduire la hauteur.

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 16:55

C'est ce que j'ai fait, mais même en réduisant j'ai mis ce code :
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.

lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par tupac le Jeu 5 Mai 2011 - 17:12

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>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 17:29


D'accord, Merci en tout cas !

lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 18:38


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 ?

lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par tupac le Jeu 5 Mai 2011 - 18:48

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>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 19:08

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>

lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par tupac le Jeu 5 Mai 2011 - 20:11

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>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 20:23


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 ?


lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 22:45

Up. S'il vous plaît..

lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par tupac le Jeu 5 Mai 2011 - 22:50

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>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par lily1412 le Jeu 5 Mai 2011 - 22:57


Oui c'est exactement ce que je voulais, Parfait Very Happy

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) ??

lily1412
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/05/2011

http://t-ara-fansub.forumgratuit.org/
lily1412 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil ~

Message par tupac le Jeu 5 Mai 2011 - 23:02

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

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum