Faire des fichess

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

Résolu Faire des fichess

Message par So-Mush le Ven 23 Sep 2011 - 22:14

Bonjour !

J'ai découvert sur un forum un système de fiche pour la présentation des membres



Et j'ai trouvé ce système intéressant pour un autre projet, j'aimerais faire une fiche un peu similaire pour des paroles de chansons et leur traductions.

Sur cette fiche il y aurait seulement le titre de la chanson (à la place du pseudo sur ce que je vous ai montré)

Un sous titre avec "paroles" suivit de toute les paroles d'une chanson
Un autre sous titre avec "traduction" suivit de toute la traduction de la chanson de la façon suivante:



Le problème c'est que je ne sais absolument pas comment réaliser cela: le cadre le remplissage faire les deux colonnes...
Pouvez-vous m'aidez svp ?

Je vous remercie par avance

Cordialement

So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des fichess

Message par Roxy. le Sam 24 Sep 2011 - 9:08

Bonjour,

Pour faire ceci je vous propose de faire un tableau en long. Sinon pour le texte je ne vois pas trop comment vous aidez... Voulez vous les mêmes couleurs ? Comme ça je vous expliquerez en partant de ça.

Cordialement.

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des fichess

Message par Ea le Sam 1 Oct 2011 - 18:08

Bonjour,


Faire un tableau c'est :

Code:
<table></table>
Dans ce tableau on peut mettre des lignes :

Code:
<tr></tr>
Dans chaque ligne on peut mettre des cases :

Code:
<td></td>
Il faut le même nombre de case par ligne, mais on peut donner une longueur de 2 cases à 1 seule case comme ceci :

Code:
<td colspan="2"></td>
Évidemment dans chaque case on peut mettre du texte, des images et tout ce qu'on veut.

Aux balises on peut associer du CSS, soit de façon barbare :

Code:
<table style="color: red; border: 10px solid red; background: blue;">
Soit en mettant un "marqueur" qui nous permettra de sélectionner les éléments dans la feuille CSS et de leur associer du style, par exemple on peut utiliser une classe :

Code:
<table class="chanson">
Et mettre dans le CSS ( PA > Affichage > Couleurs > Feuille de style ) :

Code:
.chanson {
 color: red;
 border: 10px solid red;
 background: blue;
}
Cela permet d'avoir un code plus simple dans le post, et de faire juste une modification dans le CSS pour changer tout les éléments avec class="chanson".

Donc ensuite pour ce qui est des propriétés CSS qui vous seraient nécessaires :

  • color : ça permet de choisir la couleur du texte.
  • border : ça permet de mettre le bord comme on le veut à l'élément.
  • background : ça permet de mettre un fond comme on le veut à l'élément.
  • border-radius : ça permet de mettre un arrondi au bord de l'élément ( il y a des "autres version" de border-radius qui font aller des bords arrondis pour de plus vieux navigateurs ).
  • text-decoration : choisir la "décoration" du texte ( par exemple le soulignement ).
  • text-align : choisir l'alignement du texte ( gauche / droite / milieu / justifié ).
  • width : choisir la largeur de l'élément.
  • padding : choisir la taille de la marge entre le bord et le contenu de l'élément.

On peut trouver très facilement plein d'info sur toutes ces propriétés ( et bien d'autres ) et leurs valeurs par simple recherche ( par exemple "css text-decoration" ).

Donc là il me semble que vous avez tout pour faire ce que vous voulez ^^

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

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

Résolu Re: Faire des fichess

Message par Invité le Dim 9 Oct 2011 - 10:07

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


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