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

HTML: Commande pour Rorobibifc™ !

Aller à la page : 1, 2  Suivant
HTML: Commande pour Rorobibifc™ !  posté le :
Bonjour à tous,

J'ai créer un site web sur wordpress concernant la série Alerte Cobra.

Dessus, je souhaiterais y ajouter le programme tv des chaînes diffusant la série, avec les heures des épisodes, le nom et tout.

Un peu dans ce style là:

(sauf que là c'est du foot ^^)

Evidemment, il faudrait avoir les onglets des chaînes:
-RTL (Chaîne Allemande)
-TMC
-RTL 9
-TSR1

Si possible, j'aimerais pouvoir modifier à chaque fois la date, l'heure, le nom de l'épisode.

Merci d'avance, à bientôt Very Happy

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Coucou Smile

Mais tu modifieras manuellement ces heures/noms ? Ou bien elles se mettront à jour automatiquement ?
Si c'est manuellement :
Tu devrais toucher au code HTML à chaque fois (enfin, modifier les textes du tableau)
Si c'est automatiquement :
Il faudra faire un système PHP derrière
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Euh non, pas automatique, je changerais à chaque fois ^^ (il y aura juste à remplacer le texte et les chiffres de toute façon) Smile

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
D'accord, ce sera plus simple Wink.
Bon, et bien on s'y met alors !
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Salut !

J'ai réalisé ton tableau ! J'ai mis l'heure en-dessous des chaînes. Donc si tu indiques une heure, ça veut dire que c'est diffusé sur la chaîne. Ça me paraissait plus lisible ainsi. Mais si tu le veux autrement, dis-le moi ! Smile 

Pour modifier le contenu, tu changes à chaque fois ce qu'il y a entre les balises "td" avec les infos adéquates. 

Au niveau du style, j'ai fait relativement basique. Mais si tu veux que ça soit présenté d'une manière ou d'une autre, dis-le moi et j'essaierai de réaliser ce que tu veux Wink 

Code:

    <!DOCTYPE html>
 <html lang="fr">
 <head>
 <meta charset="utf-8" />
 <title>Alerte Cobra</title>
 <style type="text/css">
 body{
 font-family:Calibri;
 }
 .logo_chaine{
 width:100px;
 }
 th{
 background-color:grey;
 }
 </style>
 </head>
 <body>
 <table border="1">
 <tr>
 <th width="100px;">Date</th>
 <th width="250px;">Épisode</th>
 <th><img src="http://i0.wp.com/www.broadbandtvnews.com/wp-content/uploads/2015/06/RTL.jpg" alt="RTL" class="logo_chaine"/></th>
 <th><img src="http://www.webmaster-gratuit.com/pict/play-tmc.jpg" alt="TMC" class="logo_chaine"/></th>
 <th><img src="https://upload.wikimedia.org/wikipedia/fr/0/01/RTL9_logo_2011.png" alt="RTL9" class="logo_chaine"/></th>
 <th><img src="https://upload.wikimedia.org/wikipedia/fr/6/6e/TSR1_logo_2007.svg" alt="TSR1" class="logo_chaine"/></th>
 </tr>
 <tr>
 <td>jj/mm/aaaa</td>
 <td>Nom de l'épisode</td>
 <td>hh:mm</td>
 <td>hh:mm</td>
 <td>hh:mm</td>
 <td>hh:mm</td>
 </tr>
 <tr>
 <td>jj/mm/aaaa</td>
 <td>Nom de l'épisode</td>
 <td>hh:mm</td>
 <td>hh:mm</td>
 <td>hh:mm</td>
 <td>hh:mm</td>
 </tr>
 </table>
 </body>
 </html>

_________________
signature
Doudou
avatar
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
2/3  (2/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Coucou,

C'est bien ce que j'attend, merci Wink

Si possible, j'aimerais quelques petites modifs ^^

J'aimerais que le nom & logo des chaînes soit en colonne, puis "Date", "Heure", "Nom de l'épisode soit en ligne.

De plus, si tu pouvais faire des bordures assez épaisse de couleur bleu clair, ça serais cool, s'il te plaît ^^

Merci d'avance, bonne soirée Very Happy

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
D'acc, pas de problème, je te fais ça ! J'avais pas vu ça comme ça Razz

_________________
signature
Doudou
avatar
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
2/3  (2/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Voilà le code ! Tu me dis si ça te convient. Et si tu as la moindre question, n'hésite pas Smile 

Code:

    <!DOCTYPE html>
      <html lang="fr">
      <head>
         <meta charset="utf-8" />
         <title>Alerte Cobra</title>
         <style type="text/css">
            body{
               font-family:Calibri;
            }
            .logo_chaine{
               width:100px;
            }
            th{
               background-color:#CAFFFF;
            }
            #case_vide{
               width:100px;
            }
            th, td{
               border: 5px solid lightblue;
            }
            table{
               border-collapse: collapse;
            }
         </style>
      </head>
      <body>
         <table border="1">
            <tr>
               <th id="case_vide"></th>
               <th><img src="http://i0.wp.com/www.broadbandtvnews.com/wp-content/uploads/2015/06/RTL.jpg" alt="RTL" class="logo_chaine"/></th>
               <th><img src="http://www.webmaster-gratuit.com/pict/play-tmc.jpg" alt="TMC" class="logo_chaine"/></th>
               <th><img src="https://upload.wikimedia.org/wikipedia/fr/0/01/RTL9_logo_2011.png" alt="RTL9" class="logo_chaine"/></th>
               <th><img src="https://upload.wikimedia.org/wikipedia/fr/6/6e/TSR1_logo_2007.svg" alt="TSR1" class="logo_chaine"/></th>
            </tr>
            <tr>
               <th>Date</th>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
            </tr>
            <tr>
               <th>Heure</th>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
            </tr>
            <tr>
               <th>Nom de l'épisode</th>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
            </tr>
         </table>
      </body>
      </html>

_________________
signature
Doudou
avatar
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
2/3  (2/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Euh non, je sais que je suis pas vraiment clair dans ce que je dis, mais voici un exemple:


Si possible, mettre un dispositif qui permettrais de cliquer sur la chaîne dont l'ont souhaite regarder le programme Wink

Merci d'avance !

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Et qu'est-ce qu'il se passe quand on clique ?

_________________
signature
Doudou
avatar
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
2/3  (2/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Et bien l'ont obtient le programme de la chaîne (quand est diffusé la série sur la chaîne les prochaines fois).

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Donc ça s'affiche uniquement quand on clique ?

_________________
signature
Doudou
avatar
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
2/3  (2/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Oui voilà Smile

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
En gros : dans le tableau on a juste le nom de la chaine, et les informations correspondantes s'affichent uniquement lorsqu'on a cliqué sur ce nom ?
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Oui voilà, c'est ça ^^

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
D'accord super Wink. C'est compris !
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Coucou Smile

Voilà donc ce qu'on a fait Wink
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Bonjour,

J'ai l'impression que ça bug ^^





Mais quand je met le code sur le pannel de Wordpress sur l'onglet HTML et que je clique sur Visuel, ça me met le tableau sans bug. C'est bien le tableau que je voulais, il reste plu qu'à l'adapter à mon site ^^

Merci d'avance, bon dimanche Wink

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
C'est sur wordpress !
Faut que tu écartes le CSS du HTML et pareil pour le javascript !
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Comment ça? Je ne comprend pas...

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Je ne sais pas trop comment fonctionne WP, mais si, comme on le voit dans le résultat de ton code, n'est interprété que le HTML, cela signifie que WP ne supporte pas le CSS et le Jquery là où tu les as mis. Il y a donc surement une manière de les mettre autre part, un peu comme sur FA (CSS dans les feuilles e style, et JS dans le module des gestions des codes js).

D'autant plus que ça fonctionne quand tu le mets dans une page HTML de WP, donc le pb vient bien d'une restriction de WP Wink.
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Ah ouai, mais du coup, je sais pas trop comment faire pour la suite :s

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Je ne connais pas Wordpress :/.....
Et tu ne peux pas laisser le code en tant que page html sous WP ?
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Non, malheureusement Sad

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: HTML: Commande pour Rorobibifc™ !  posté le :
Et tu es sûr que tu n'as pas d'endroit pour mettre le CSS et le Javascript ?
En faisant des petites recherches j'ai trouvé ça : http://code.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins--wp-24321
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
A Toi de Coder - Forum de codage :: Corbeille :: Corbeille du forum-
Sauter vers: