qeel personnalisée

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

Résolu qeel personnalisée

Message par Kyou le 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 :
http://nsa26.casimages.com/img/2012/05/15/120515084816778200.png


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

Kyou
****

Messages : 307
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 le 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
***

Messages : 172
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 le 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 ?

Kyou
****

Messages : 307
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 le 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
***

Messages : 172
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 le 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 ?

Kyou
****

Messages : 307
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 le 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
***

Messages : 172
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 le 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

Kyou
****

Messages : 307
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 le Mer 16 Mai 2012 - 22:48

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



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

Yoshikuni
***

Messages : 172
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 le 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.

Kyou
****

Messages : 307
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 le 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
***

Messages : 172
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 le Jeu 17 Mai 2012 - 10:11

D'accord Smile
Voilà le lien :
http://i49.tinypic.com/1q669i.jpg
L'image en fond transparent.

Kyou
****

Messages : 307
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 le Jeu 17 Mai 2012 - 11:28

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

Yoshikuni
***

Messages : 172
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 le 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 ?

Kyou
****

Messages : 307
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 le 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
***

Messages : 172
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 le 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.

Kyou
****

Messages : 307
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 le 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
***

Messages : 172
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 le 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.

Kyou
****

Messages : 307
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 le Jeu 17 Mai 2012 - 12:58

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

Yoshikuni
***

Messages : 172
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 le 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.

Kyou
****

Messages : 307
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 le 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
***

Messages : 172
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 le Jeu 17 Mai 2012 - 13:06

Je t'assure que sur les opera et mozilla, c'est différent regarde :
Opera :
http://nsa29.casimages.com/img/2012/05/17/120517011815437094.png
Mozilla :
http://nsa30.casimages.com/img/2012/05/17/120517011838850653.png

Kyou
****

Messages : 307
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 le 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
***

Messages : 172
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 le Jeu 17 Mai 2012 - 13:18

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

Kyou
****

Messages : 307
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 le Jeu 17 Mai 2012 - 13:21

OK ça change quelque chose ?

Yoshikuni
***

Messages : 172
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 le 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 ^^'

Kyou
****

Messages : 307
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 le Jeu 17 Mai 2012 - 13:26

Fait

Yoshikuni
***

Messages : 172
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 le Jeu 17 Mai 2012 - 13:29

C'est parfait, merci beaucoup.

Kyou
****

Messages : 307
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 le Jeu 17 Mai 2012 - 13:30

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

Yoshikuni
***

Messages : 172
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 le Jeu 17 Mai 2012 - 13:34

Okey !

Kyou
****

Messages : 307
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


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