AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Demande de Chorizo ! [FEYOUE]

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

avatar

Konni'chiwa Chorizo

Messages : 58
Inscription : 11/03/2013
Masculin

MessageSujet: Demande de Chorizo ! [FEYOUE]   Lun 11 Mar - 19:36

Bonsoir les amis ! =)
Voilà ma demande...

Utilises-tu un logiciel ? : J'en ai un mais je l'utilise pas...
Si oui, lequel ? : Notepad ++
Tu aimerais apprendre quoi en particulier ? J'aimerais apprendre le domaine HTML + CSS et pour terminer les templates ! ^^
Niveau estimé : Débutant ! ^^
Exemples de trucs que tu sais faire en ce moment -si tu sais rien faire, ne mets rien à cette case- :
Spoiler:
 

Voir le profil de l'utilisateur

avatar

Konni'chiwa Feyoue

Messages : 303
Inscription : 04/01/2013
Féminin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Lun 11 Mar - 20:39

Hello !
Tu veux bien de moi en professeur ? :)

________________________________________________________________________________________

Voir le profil de l'utilisateur http://yeeram.forumactif.org

avatar

Konni'chiwa Chorizo

Messages : 58
Inscription : 11/03/2013
Masculin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Lun 11 Mar - 20:51

Oui, je veux bien s'il te plaît ! =)
Voir le profil de l'utilisateur

avatar

Konni'chiwa Feyoue

Messages : 303
Inscription : 04/01/2013
Féminin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Lun 11 Mar - 21:02

Donc déjà, tu connais ce qu'est un "td", un "tr" une "table" etc, ou tu as besoin d'une révision ? Et dis moi plus précisément ce que tu voudrais faire : PA, QEEL...

________________________________________________________________________________________

Voir le profil de l'utilisateur http://yeeram.forumactif.org

avatar

Konni'chiwa Chorizo

Messages : 58
Inscription : 11/03/2013
Masculin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Lun 11 Mar - 21:05

Oui, un "tr" c'est les colonnes, il me semble, un "td", c'est les lignes et le table enveloppe les colonnes et les lignes ! =)

J'aimerais faire un QEEL et PA si possible déjà, après on verra ! =)
Voir le profil de l'utilisateur

avatar

Konni'chiwa Feyoue

Messages : 303
Inscription : 04/01/2013
Féminin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Jeu 21 Mar - 21:45

Coucou ! J'actualise car cela fait 10 jours que tu n'as pas de réponse, je te précise que je prépare ton cours, je t'oublie pas. Mais j'ai beaucoup de devoirs pour le collège et mes études passent avant. Et aussi car en te préparant un cours sur les onglets j'ai pété un câble parce que les codes m'énervaient. x)

________________________________________________________________________________________

Voir le profil de l'utilisateur http://yeeram.forumactif.org

avatar

Konni'chiwa Chorizo

Messages : 58
Inscription : 11/03/2013
Masculin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Jeu 21 Mar - 22:17

D'accord, je comprends tout à fait ! ^^
Voir le profil de l'utilisateur

avatar

Konni'chiwa Feyoue

Messages : 303
Inscription : 04/01/2013
Féminin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Sam 23 Mar - 22:48

COURS 1 : LES ONGLETS
What is it ?

Alors, déjà, sais-tu ce qu’est un « onglet » ? Non ça ne se mange pas. C’est un outil utile qui se créé grâce au Javascript et à l’HTML. On peut évidemment rajouter des effets grâce au CSS mais ce n’est pas obligatoire. On va étudier dans ce cours la forme basique des onglets, donc malheureusement on ne verra pas les onglets en « accordéons » ou verticaux (tu connais ?) mais seulement les onglets sur une même ligne. Commençons donc par le commencement !

1. JAVASCRIPT
Tout d’abord, dans chaque code se trouve le Javascript ! On va passer très vite le moment du Javascript car ce n’est pas très compréhensible à ton niveau (Et même au mien, je comprends un mot sur dix.) Tu vas donc insérer ça dans… → Clique sur ton panneau d’administration. → Modules. Tout en bas, → HTML et Javascript. → Gestion des codes Javascript. Si ce n’est pas déjà fait, active la gestion des pages Javascript. Créé un nouveau javascript, donne lui un titre (Si tu es malin, ça sera « Onglets1 ») et dans « Emplacement », ne sélectionne que « dans l’index ». Colle ensuite ce code :
Code:

$(function(){
  var d=function(){if($(this).is(".selected")) return;var a=$(this).closest(".systab");a.find(".selected").removeClass("selected").filter(".content")[a.is(".s_slide")?"slideUp":a.is(".s_fade")?"fadeOut":"hide"](+((a.attr("class")||"").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/)||["",500])[1]);$(this).addClass("selected").data("content").addClass("selected").stop(!0,!0)[a.is(".s_slide")?"slideDown":a.is(".s_fade")?"fadeIn":"show"](+((a.attr("class")||"").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/)||["",500])[1])};$("div.systab").each(function(){var a=$("> div",this).detach(),c=[],b;$(this).html('<div class="'+($(this).is(".s_bottom")?"contents":"tabs")+'"></div><div class="'+($(this).is(".s_bottom")?
"tabs":"contents")+'"></div>');$(a).each(function(){b=$(this).children(":first");b.is("span")?(c=$(c).add($(b).addClass("tab").data("content",$(this))),$(this).addClass("content").data("tab",b)):$(this).remove()});$("> div.tabs",this).append(c);$("> div.contents",this).append(a);b=$(".content:first,.content.selected",this).last();$(b).addClass("selected").siblings().hide();$(b).data("tab").addClass("selected")}).on("click",".tab",d).filter(".s_hover").on("mouseenter",".tab",d)
});
Sans ce code, tu ne peux pas faire d’onglets. Le javascript est la chose magique qui te permet, lorsque tu cliques/passes la souris sur un onglet, il s’ouvre. Sans ça, mon cours ne serait pas là aujourd’hui…

2. HTML
Passons maintenant à une partie que tu connais déjà mieux ! Oui, le HTML. Alors de préférence, là, on va créer une PA donc le mieux serait de mettre ce code dans la section « Généralités » puis dans la catégorie « Affichage » du panneau d’administration. Je te fais coller un code tout bête qui n’a aucune mise en forme à l’intérieur, juste du texte. Pour être sûre que tu comprennes un minimum 7 mots sur 10, on va décortiquer (comme les crevettes) le cours.

Tout d’abord, on va faire une espèce de grande structure pour tout notre code.
Code:
<div class="systab" id="tab-bloc">
Ensuite, on va créer notre premier onglet.
Code:
<div class="selected" id="tab-regles">
Le « class=”selected”» indique (grace à notre javascript, justement) que ce sera le premier onglet qu’on verra d’ouvert. « id=”tab-regls » est un code qui mène au CSS et qui permet de faire la forme de cet onglet. Ensuite, il faut ajouter un peu de contenu, du texte, et « fermer » le premier onglet.
Code:
 <span>Règles</span>
Je mets un titre par ici. <br> 
TEXTE. </div>
Créer le 2e onglet.
Code:
 <div id="tab-bienvenue">
  <span> Bienvenue</span>
    Titre<br>
TEXTE.  </div>
Créer le 3 onglet et tout fermer.
Code:
<div id="tab-staff">
    <span> Staff</span>
Je mets un titre par ici.  (aussi)<br>
TEXTE.
</div>
</div>

Ce qui nous donne au final :
Code:
<div class="systab" id="tab-bloc">
<div class="selected" id="tab-regles">
 <span>Règles</span>
Je mets un titre par ici. <br> 
TEXTE. </div>
 <div id="tab-bienvenue">
  <span> Bienvenue</span>
    Titre<br>
TEXTE.  </div>
<div id="tab-staff">
    <span> Staff</span>
Je mets un titre par ici.  (aussi)<br>
TEXTE.
</div>
</div>
Comme quoi, c'est pas non plus super long.

3. CSS
Cette partie n'est pas obligatoire mais si tu regardes et que tu prends les codes, tu peux personnaliser tout ça. Je ne t'explique pas, si tu ne connais rien en CSS, tu y touches pas et sinon à tes risques et périls !
Code:
/* #tab-bloc = ce tableau d'onglet / .tabs = conteneur des onglets */
#tab-bloc .tabs {
  text-align: center;
  margin-bottom: 10px;
}
/* .tab = onglets */
#tab-bloc .tab {
  border: none;
  margin: 0 20px;
  background: none;
}

#tab-bloc .tab:hover
{
  letter-spacing: 2px;
}
/* .tab.selected = onglet sélectionné*/
#tab-bloc .tab.selected {
  color: #000000;
  font-weight: bold;
}

/* .contents = conteneur des contenu */
#tab-bloc .contents {
  border: 3px double #aaa;
  background: #eee;
  padding: 25px;
  width: 600px;
  height: 300px ;
  overflow: auto;
}
/* #tab-staff = contenu associé à l'onglet staff */
#tab-staff table {
  color: #444;
  margin: 100px auto;
  font-weight: 30px;
  border: 2px solid #ccc;
}
/* #tab-bienvenue = contenu associé à l'onglet bienvenue */
#tab-bienvenue {
  text-align: center;
  color: #333;
  text-shadow: 0 0 5px #fff;
}

4. FIN DU CHAPITRE ONE.
Et le chapitre touche à sa fin ! Pour un aperçu perfect de ce que je t'ai fais faire, go ici. :)

________________________________________________________________________________________

Voir le profil de l'utilisateur http://yeeram.forumactif.org

avatar

Konni'chiwa Chorizo

Messages : 58
Inscription : 11/03/2013
Masculin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Sam 30 Mar - 17:24

Merci beaucoup ! =)
J'ai tout compris ! ^^
Voir le profil de l'utilisateur

avatar

Konni'chiwa Chorizo

Messages : 58
Inscription : 11/03/2013
Masculin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Dim 7 Avr - 18:22

UP....
Voir le profil de l'utilisateur

avatar

Konni'chiwa Feyoue

Messages : 303
Inscription : 04/01/2013
Féminin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Dim 21 Avr - 10:08

Que veux-tu apprendre maintenant ? C'est toi le roi, cher client. x)

________________________________________________________________________________________

Voir le profil de l'utilisateur http://yeeram.forumactif.org

avatar

Konni'chiwa Chorizo

Messages : 58
Inscription : 11/03/2013
Masculin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Ven 3 Mai - 14:49

Coucou ! =)

J'aimerais apprendre à pouvoir modifier des catégories donc les templates ! ^^
Voir le profil de l'utilisateur

avatar

Konni'chiwa Chorizo

Messages : 58
Inscription : 11/03/2013
Masculin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Ven 24 Mai - 18:47

UP... =)
Voir le profil de l'utilisateur

avatar

Konni'chiwa Chorizo

Messages : 58
Inscription : 11/03/2013
Masculin

MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   Dim 2 Juin - 15:12

UP
Voir le profil de l'utilisateur



Konni'chiwa Contenu sponsorisé


MessageSujet: Re: Demande de Chorizo ! [FEYOUE]   

 

Demande de Chorizo ! [FEYOUE]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» lettres chargées ( demande de renseignements )
» Gratin de pâtes au chorizo et aux œufs
» comparatif auto-édition et édition à la demande
» un denier tournois très rare... à la demande de certains d'entre vous
» spaghetti au chorizo,

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Codage - Apprendre :: Apprentissage en cours-