qeel personnalisée

2 participants

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

Résolu qeel personnalisée

Message par Kyou Mer 16 Mai 2012 - 18:56

Bonsoir,
J'aimerais qu'on explique petit à petit comment réaliser ce genre de qui est en ligne personnalisé, merci beaucoup :
https://nsa26.casimages.com/img/2012/05/15/120515084816778200.png


Dernière édition par Kyou le Jeu 17 Mai 2012 - 13:34, édité 1 fois
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Mer 16 Mai 2012 - 20:07

Salut

Je peux t'aider si tu veux, ce que tu veux c'est un tableau.

Donc d'abord tu dois savoir que pour faire un tableau c'est simple voci un petit cours

http://www.siteduzero.com/tutoriel-3-13584-les-tableaux.html

Tout ce qui se trouve dans le tableau est encadré par la balise <table> qu'on referme avec </table>.
Entre ces deux balises, une rangée est déclarée avec la balise <tr> fermée par </tr>.
Dans la rangée, la cellule est initialisée avec la balise <td> refermée par </td>
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Mer 16 Mai 2012 - 20:24

Oui un tableau, mais avec l'image du QEEL d'un coté avec des onglets pour les descriptifs des groupes, tu sais faire aussi ?
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Mer 16 Mai 2012 - 21:14

Il existe un tutoriel sur forum actif avec les onglet je peux m'aider de cela pour t'aider. Pour mettre les onglet dans l'image c'est simple
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Mer 16 Mai 2012 - 21:36

Dans ce cas, je suis d'accord, mais faudra pas oublier l'image du qeel sur le coté et mettre les titres des groupes comme l'image :3 alors on commence par le tableau au début ? Ou du haut vers le bas ?
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Mer 16 Mai 2012 - 21:54

On commence d'abord par le haut, d'abord le plus dure Very Happy

Voici le début, je pense que le mieux serait de faire un tableau comme cela:

Code:
<TABLE BORDER>
      <TD COLSPAN=2>Groupe et image</TD>
   </TR>
   <TR>
<TD>Statt</TD> <TD>24h</TD>
   </TR>
</TABLE>

BORDER c'est le cadre, la bordure et COLSPAN c'est la fusion de deux colonne dans la première ligne si, il n'y avais pas COLSPAN cela ferait

Code:
<TABLE BORDER>
      <TD>Item 1</TD>
   </TR>
   <TR>
<TD>Item 2</TD> <TD>Item 3</TD>
   </TR>
</TABLE>

Alors qu'es ce que t'en pense ?
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Mer 16 Mai 2012 - 22:26

Est-ce que tu peux me montrer ce que ca donne sur un forum, s'il te plait :3
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Mer 16 Mai 2012 - 22:48

Voila ce que tu vas faire avec mon aide bien sur ^^, enfin la première image

qeel personnalisée Tablea10

EDIT : Je t'aiderai demain, je vais au lit ^^ ++
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Mer 16 Mai 2012 - 23:04

C'est ce que je veux, mais j'aimerais qu'il y est pas ce contour comme ça, qu'on voit les cadres je veux dire. J'aimerais qu'il y est un background de la taille de chaque item, mais sans avoir le cadre du tableau. Sinon c'est possible que les groupes soient comme l'image ou pas ? o: sinon je prendrais comme ça oui Smile bonne nuit à demain.
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 9:39

Je voulais juste te montrer ton tableau. Ton qeel sera sans les cadres ne t'inquiète pas. Pour les groupe pas de problème. ^^

Pour le groupe je ferais le tableau et je te dirais ce que tu dois faire c'est toi qui ferais les tableau du bas. ^^

Question : l'image de ton groupe tu le mets en quel format (L*h)
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 10:11

D'accord Smile
Voilà le lien :
https://2img.net/h/oi49.tinypic.com/1q669i.jpg
L'image en fond transparent.
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 11:28

es ce que je pourrais réduire ton image elle est trop grande ?
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 11:46

Pourquoi pas, mais avant de le monter, est-ce que tu pourrais me montrer le résultat sur un forum ?
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 12:11

Yep

http://internat-muybridge.forumactif.com/

Comme tu peux le voir, il y a trop d’espace à gauche, es ce que tu pourrais me couper a gauche. c'est une version brouillon mais es ce que tu pourrais me passer les images qu'il vont avec chaque groupe
Pour les stat je pense que tu peux changer le contenu.
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 12:15

Je l'avais pas remarquer, oui donc tu peux supprimer tout l'espace qu'il y a et ne garder uniquement ou y a les images/textes.
Edit : Looney Tunes :
http://www.fermeauxcoloriages.net/vignettes/herospreferes/looneytunes.jpg
ACME :
http://movabletype.branchez-vous.net/support/assets_c/userpics/userpic-5000-100x100.png
Habitant :
http://images.allocine.fr/c_100_100/b_1_d6d6d6/medias/nmedia/18/35/14/63/18363843.jpg

Est-ce que tu saurais comment faire pour mettre un lien dans un champ texte de profil ? o: car je n'y arrive pas.
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 12:52

Voila j'ai fini qu'es ce que t'en pense ? Si tu veux d'autre chose dit le moi
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 12:57

C'est parfait, sauf que les groupes sont trop avancer, tu ne pourrais pas les mettre ou il y de l'espace.
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 12:58

OK je le fait et je t'envoie tous par MP ^^
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 13:00

Il y a pas un code, ou css ou html pour que l'emplacement reste le même sur tous les navigateurs, car je crois que "Opera" est pour quelque chose.
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 13:02

EN fait pour positionner les groupe j'utilise le padding qui met l'espace et il reste le même pour tous les navigateur regarde maintenant cela te va ?
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 13:06

avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 13:10

essaie maintenant si les deux ont la même chose j'ai utiliser le pourcentage et pas le px
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 13:18

Ca ne change rien, sinon :
-moz-padding-start: px tu rajoute ça pour mozilla.
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 13:21

OK ça change quelque chose ?
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 13:22

modifie le padding normal vers la gauche et celui que je t'ai passé vers la droite pour voir Smile désolé de t'embêter avec ça ^^'
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 13:26

Fait
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 13:29

C'est parfait, merci beaucoup.
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalisée

Message par Yoshikuni Jeu 17 Mai 2012 - 13:30

Ok je remet tous et je t'envoie tous par MP tu peux mettre sur terminer ^^
Yoshikuni

Yoshikuni
***

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

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

Résolu Re: qeel personnalisée

Message par Kyou Jeu 17 Mai 2012 - 13:34

Okey !
avatar

Kyou
****

Messages : 310
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou 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