Réalisation d'un panneau d'annonce

2 participants

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

Résolu Réalisation d'un panneau d'annonce

Message par Midas Lun 24 Sep 2012, 15:35

Bonjour l'équipe Smile

Voila, je viens de mettre la dernière touche à mon forum. Je compte très prochainement l'ouvrir mais voila, je voudrais ajouter un dernier détail avant l'ouverture, c'est un Panneau d'annonce.

Mon souci c'est que je ne m'y connais pas assez en codage pour faire un essai valable. J'ai bien essayé de récupérer des codes déjà proposés dans les archives du forum mais je n'arrive pas à les adapter correctement à mon idée.

Un staffien pourrait-il m'aider à concrétiser ce modèle?

=>
Spoiler:

Merci d'avance,

Midas.

P.S. : Si vous avez besoin d'informations complémentaires, n'hésitez pas à les demander.


Dernière édition par Midas le Jeu 27 Sep 2012, 21:15, édité 1 fois
avatar

Midas
*

Messages : 34
Inscrit(e) le : 03/07/2012

http://beauxbatons.harrypotterfans.fr/
Midas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réalisation d'un panneau d'annonce

Message par benneke Mar 25 Sep 2012, 08:54

Bonjour,

Cela doit certainement venir de moi, mais je n'ai strictement rien compris a ta demande....

La seule petite remarque que j'ai a faire en regardant le code de ton screen sur ton forum actuel, c'est qu'une table ne se crée pas de cette manière.
Code:
<table>
<tr>
<td>lien utiles</td>
<td>Annonces</td>
<td>Top partenaires</td>
</tr>
<tr>
<td>Postes vacants</td>
<td>credits</td>
<td>Top partenaires</td>
</tr>
</table>
tr = ligne
td = cellule
Donc ici 2 lignes de 3 cellules chacune !
Cette structure va te permettre d'avoir les 3 à la même hauteur, sans trop jouer avec des hauteurs fixes comme tu le fait maintenant. Si la largeur des colonnes ne doit pas être les mêmes, il y a toujours moyen de le spécifier en CSS ou dans les td en type inline.

Bonne journée,
Ben
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

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

Résolu Re: Réalisation d'un panneau d'annonce

Message par Midas Mar 25 Sep 2012, 10:30

Bonjour Ben,

En fait j'avais posté la demande avant d'arriver à me débrouiller pour avoir un certain résultat par moi-même en utilisant ce que j'ai pu lire et comprendre sur le site du zéro.

Pour répondre à ta remarque, je ne comprends pas très bien en quoi cela est une erreur. Pourrais-tu m'expliquer plus en détail? (Je suis un très grand débutant) XD
avatar

Midas
*

Messages : 34
Inscrit(e) le : 03/07/2012

http://beauxbatons.harrypotterfans.fr/
Midas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réalisation d'un panneau d'annonce

Message par benneke Mar 25 Sep 2012, 10:36

Rebonjour, en regardant ton forum, tu remarques que crédits se trouve plus bas que les 2 autres qui l'entourent. En utilisant mon code, crédit sera toujours aligné avec ses 2 voisins, car la ligne commencera a ce niveau.

En espérant m'avoir fait comprendre un minimum.

Par contre, je te conseille de travailler avec des classes pour ton CSS et pas en CSS 'inline'. Changer la classe changera tous les éléments de cette classe, ce qui est plus pratique et propre pour débugger si besoin en est ^^
Enfin, ce n'est que mon avis personnel ;-)

Bonne journée,
Ben
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

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

Résolu Re: Réalisation d'un panneau d'annonce

Message par Midas Mar 25 Sep 2012, 12:18

Ah mais mon but n'était pas d'aligner le panneau crédit sur les deux autres ^^

Par contre pour le CSS, je serais très intéressé par quelques explications sur cette histoire de classes car là je ne touche pas du tout ma bosse Razz
avatar

Midas
*

Messages : 34
Inscrit(e) le : 03/07/2012

http://beauxbatons.harrypotterfans.fr/
Midas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réalisation d'un panneau d'annonce

Message par benneke Mar 25 Sep 2012, 13:48

Bah disons qu'en gros le CSS inline n'est pas mauvais, mais bcp plus dur pour la maintenance.

Je m'explique :
pour moi le HTML et le CSS sont lié mais séparés. Le HTML indique le contenu et la cohésion du contenu, le CSS indique la mise en forme et mise en place.
Ce qui donne avec des classes :
HTML:
Code:
<div class="module">blavla</div>
<div class="module">blabla2</div>
<div class="module jaune">blabla en jaune</div>
CSS:
Code:
.module {
width:300px;
border:1px solid black;
border-radius:5px;
background-color:red;
font-weight:bold;
color:blue;
}
.jaune {
background-color:yellow;
border: 2px solid blue;
font-size:18px;
}

Ce code permet donc de modifier tous les éléments en une seule fois. L'avantage est aussi une meilleure lisibilité du code HTML pour détecter des éventuelles erreurs.

Tu as bien fait de commencer a regarder sur le site du zero, car ils ont un tuto super bien fait et clair sur le HTML et CSS.

Bonne lecture Wink
Ben

PS.: si besoin ou erreur dans un code que tu as fait, tu peux toujours me MP pour essayer de t'aider Wink
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

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

Résolu Re: Réalisation d'un panneau d'annonce

Message par Midas Jeu 27 Sep 2012, 21:13

Ok Benneke. Je te remercie beaucoup pour ta proposition, je ne manquerai pas de regarder ça ^^

Je classe le topic comme résolu Razz
avatar

Midas
*

Messages : 34
Inscrit(e) le : 03/07/2012

http://beauxbatons.harrypotterfans.fr/
Midas a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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