Cré'Actif Space ♥
Hello hello !

Soit le ou la bienvenue sur Cré'Actif Space, ton forum de graphisme et de codage !

N'hésite pas à rejoindre la communauté si tu es comme nous un fan de cookies !



AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Classe de Rashel

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Classe de Rashel   Dim 21 Fév - 18:38

Hello toi! *_____*

Je suis contente d'être ta prof de codage! Coeurcoeurcoeur

Alors qu'est-ce que tu voudrais apprendre? Qu'est-ce que tu veux coder?

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: 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 ^^

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Rashel   Dim 21 Fév - 20:16

Avec plaisir <3

Bien sûr! Tu as un schéma de ce que tu veux ou pas?

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: Re: Classe de Rashel   Dim 21 Fév - 20:31

Euh non :/

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: 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? Lèche

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: Re: Classe de Rashel   Dim 21 Fév - 20:56

Je te suis :3



---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: 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

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: Re: Classe de Rashel   Lun 22 Fév - 16:50





Oui j'ai réussi :3

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: 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!

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: 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)

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: 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?

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: 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.

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: 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:
 

Après on rajoute des bordures et des marges pour ajouter la forme, évidemment mais tu vois le principe! (a)

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 <3

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: 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>

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Rashel   Mer 24 Fév - 16:46

Pour toi à quoi correspond le deuxième tr et case 3?

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: 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).

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: 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? <3

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: 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?" Je sors )

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Rashel   Mer 24 Fév - 18:39

Ben personne l'utilisait alors je l'ai enlevé! Se cache

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=... ?

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: 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?

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: 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 (a)

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: Re: Classe de Rashel   Ven 26 Fév - 19:05

On aurait pas :
Code:
 <table><tr><td></td>

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Rashel   Ven 26 Fév - 19:38

Mais non Rashou, c'est beaucoup plus simple que ça! (a)

Dans les balises [img] tu les met où tes propriétés?
Dans les balises en <> c'est plus simple, tu ajoute style="propriété"

Si j'avais mis en [img] j'aurais pas pu modifier quoi que ce soit sur cette image après <3

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Rashel

avatar

Féminin
CAS's Points : 2419
Messages : 1955
Date d'arrivée : 05/01/2013
Âge : 17
Localisation : Poudlard
Humeur : Heureuse

MessageSujet: Re: Classe de Rashel   Ven 26 Fév - 19:41

Ah x) /BOULET DU JOUR/

---------------------------------------------------------


Spoiler:
 


Spoiler:
 





:M&M'sPowa:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: 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?

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Contenu sponsorisé




MessageSujet: Re: Classe de Rashel   

Revenir en haut Aller en bas
 

Classe de Rashel

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

+

 Sujets similaires

-
» Classe de Rashel
» [LIEN] microsd 8 GO classe 6 à prix gratos
» video helico classe 450! sans casse!!!!!
» Le vade-mecum de 1ère classe
» Les cabines de 2ème classe

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Cré'Actif Space ♥ :: Archives du forum :: Archives-