|
|
Auteur | Message |
---|
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| |
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Dim 21 Fév - 18:40 | |
| Coucou Alicia <3 Déjà merci d'avoir accepté de me refaire une classe <3 J'aimerais bien commencer par apprendre à faire une fiche si ça ne te dérange pas ^^
|
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Dim 21 Fév - 20:16 | |
| Avec plaisir
Bien sûr! Tu as un schéma de ce que tu veux ou pas?
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Dim 21 Fév - 20:31 | |
| |
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Dim 21 Fév - 20:39 | |
| On va y aller au feeling alors hein x))
Je te propose déjà de faire une boite:
Voici une boite tout simple:
Et voici le code: - Code:
-
<center><div style="width: 500px; height: 200px; background: url('http://img11.hostingpics.net/pics/871055giallo5.jpg'); overflow: auto; font-size: 14px; border: 1px solid black; cursor: crosshair" > </div></center> Tu peux déjà apporter des modifications à ta boite grâce à ces attributs: - width: largeur de ta boite - height: hauteur de ta boite - background url: c'est l'url de mon image de fond - border: 1px: épaisseur du contour - border: solid: style de contour (solide, pointillé, tirait, double,...) - border: black: couleur de ton contour
Apporte les modifications que tu veux! Jusque là tu me suis encore?
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Dim 21 Fév - 20:56 | |
| |
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Lun 22 Fév - 8:50 | |
| Parfait! On va donc ajouter une image en haut de ton code:
- Code:
-
<div style="background-image: url('https://media.giphy.com/media/KxnnvC4dTDXDa/giphy.gif');width:500px;height:281px;"> Tu peux modifier la hauteur et la largeur avec les même codes qu'avant! Ce code tu le met donc dans ta div de ta boite, je te laisse faire ça :3
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Lun 22 Fév - 16:50 | |
| |
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Lun 22 Fév - 17:56 | |
| Super!
Ici, il ne valait mieux pas toucher à la hauteur et la largeur que j'avais mis parce que les bandes sur le coté ne font pas très esthétique ://
Du coup on a ceci:
- Spoiler:
On est d'accord, c'est trop carré! On va donc arrondir les coins en haut de la boite! grace à la propriété border-radius! Du coup dans la liste des propriétés affectées à la boite, tu vas ajouter ceci:
- Code:
-
border-radius: 90px 90px 0px 0px; Le premier "90px" représente l'arrondis du coin en haut à gauche Le second "90px" représente l'arrondis du coin en haut à droite Le premier "0px" représente le coin en bas à droite Le second "0px" représente le coin en bas à gauche
A toi d'ajouter ce code et de modifier les coins comme bon te semble!
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Lun 22 Fév - 19:38 | |
| - Spoiler:
Ouiiii j'ai enfin réussi :3 J'ai essayé je ne sais combien d'endroits avant d'enfin y arriver x)
|
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Lun 22 Fév - 20:14 | |
| MDR, parfait, au moins tu apprends sans que je te mâche le travail
Maintenant tu voudrais faire quoi là-dedans?
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Mar 23 Fév - 18:41 | |
| J'aimerais bien présenter ça comme si c'était une fiche de présentation, ou de rp, ou simplement mettre du texte dedans pour savoir faire une fiche toute simple.
|
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Mar 23 Fév - 18:52 | |
| Tu crois vraiment que je te prendrais dans ma classe pour faire une fiche toute simple? :0
Du coup ce qu'on va faire c'est un tableau, un avatar à gauche et un texte à droite!
Pour faire un tableau c'est simple, ton tableau, c'est deux balises table, entre ces balise tu vas trouver des tr et des td, tu as déjà du le voir dans certaine fiche! tr sont les lignes et les td sont les colones!
Exemple: - Code:
-
<table> <tr> <td>case 1</td> <td>case 2</td> </tr> <tr> <td>case 3</td> <td>case 4</td> </tr> </table>
- Ce qui donne ceci:
case 1 | case 2 | case 3 | case 4 |
Après on rajoute des bordures et des marges pour ajouter la forme, évidemment mais tu vois le principe!
Du coup ici on va faire un tableau à une ligne et deux colonne, dans la première on mettra l'avatar, dans la seconde on mettra un texte.
Je voudrais que tu me donnes, en code, la structure du tableau qu'on va utiliser, en t'aidant ce que je t'ai montré juste au dessus
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Mer 24 Fév - 15:33 | |
| - Code:
-
<table> <tr> <td>case 1</td> <td>case 2</td> </tr> <tr> [center]<td>case 3</td>[/center] </tr> </table>
|
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Mer 24 Fév - 16:46 | |
| Pour toi à quoi correspond le deuxième tr et case 3?
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Mer 24 Fév - 16:49 | |
| En fait ce que je voulais faire, c'est de mettre deux première case côte à côte et en mettre une en-dessous, pour que en gros la troisième case serve à ajouter quelque chose à ce qui aurais déjà été dit (dans le cas d'une fiche de présentation par exemple).
|
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Mer 24 Fév - 16:56 | |
| Alors tu n'as pas compris le principe x) Je t'ai dis que le tableau était uniquement pour l'avatar et le texte à coté. Si tu veux mettre un truc en dessous tu n'as pas besoin d'une case, après table, ça redevient une fiche basique pas vrai?
Du coup si tu corriges ça, tu obtiens simplement:
- Code:
-
<table> <tr> <td>avatar</td> <td>texte</td> </tr> </table> Tu es d'accord avec moi?
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Mer 24 Fév - 17:55 | |
| Oui d'accord, j'ai compris. (comment ça y'a plus le smiley "parking à boulets?" )
|
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Mer 24 Fév - 18:39 | |
| Ben personne l'utilisait alors je l'ai enlevé!
Dooooonc, on a notre code de base que je te remet ici:
- Code:
-
<center><div style="width: 500px; height: 900px; background: url('http://s1.favim.com/orig/25/birds-illustration-pattern-Favim.com-222759.jpg'); overflow: auto; font-size: 14px; border: 1px solid black;border-radius: 85px 85px 0px 0px; cursor: crosshair" ><div style="background-image: url('https://media.giphy.com/media/KxnnvC4dTDXDa/giphy.gif');width:500px;height:281px;"> </div></center> On va donc ajouter notre tableau dedans, j'ai vu que tu savais où le placer donc je vais le faire pour aller plus vite:
- Code:
-
<center><div style="width: 500px; height: 900px; background: url('http://s1.favim.com/orig/25/birds-illustration-pattern-Favim.com-222759.jpg'); overflow: auto; font-size: 14px; border: 1px solid black;border-radius: 85px 85px 0px 0px; cursor: crosshair" ><div style="background-image: url('https://media.giphy.com/media/KxnnvC4dTDXDa/giphy.gif');width:500px;height:281px;"> </div> <table><tr><td>avatar</td><td>texte</td></tr></table></center> J'ai donc simplement mis "avatar" et "texte" pour qu'on voit leur position. Je remplace maintenant par un avatar et un texte latin généré par le site faux-texte.com, très pratique quand on cherche des faux paragraphe quand on code. On obtient donc ceci:
| Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis. |
A ton avis, quand j'ai mis le code de l'image, pourquoi je l'ai pas simplement mise dans les balises [img], pourquoi je les ai mise dans une balise < img src=... ?
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Mer 24 Fév - 18:48 | |
| Euh, parce que sinon ça aurait fait une image à part? Enfin en tout cas ça aurait pas fonctionné vu que c'est pas le même genre de code?
|
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Mer 24 Fév - 18:50 | |
| Ah non non du tout, si tu essayes ça marchera tout autant!
Cherche bien, regarde bien le code, il y a quelque chose que tu ne pourras pas avoir avec les balises du type [ ], à toi de chercher
|
|
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Ven 26 Fév - 19:05 | |
| On aurait pas : - Code:
-
<table><tr><td></td>
|
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| |
| |
| Rashel
CAS's Points : 2419 Messages : 1955 Date d'arrivée : 05/01/2013 Âge : 24 Localisation : Poudlard Humeur : Heureuse | |
| Sujet: Re: Classe de Rashel Ven 26 Fév - 19:41 | |
| |
|
| |
| Alicia.
CAS's Points : 8506 Messages : 6934 Date d'arrivée : 25/10/2011 Âge : 27 Localisation : Lorraine Humeur : Le sourire aux lèvres ! | |
| Sujet: Re: Classe de Rashel Ven 26 Fév - 19:51 | |
| Du coup, on est d'accord que c'est illisible est trop collé au bord non?
|
|
| |
| Sujet: Re: Classe de Rashel | |
| |
|
| |
|