AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
Google Pixel 7 5G – Smartphone 6,3″ OLED ...
Voir le deal
316 €

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à:
HTML: Commande pour Rorobibifc™ ! 44354910
(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™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

HTML: Commande pour Rorobibifc™ ! Empty
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
Eluknow
Administrateur
Messages : 2200
Coda'Points : 3917
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue3/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (3/3)

HTML: Commande pour Rorobibifc™ ! Empty
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™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

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

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue3/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (3/3)

HTML: Commande pour Rorobibifc™ ! Empty
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>
Doudou
Doudou
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue2/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (2/3)

HTML: Commande pour Rorobibifc™ ! Empty
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™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

HTML: Commande pour Rorobibifc™ ! Empty
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
Doudou
Doudou
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue2/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (2/3)

HTML: Commande pour Rorobibifc™ ! Empty
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>
Doudou
Doudou
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue2/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (2/3)

HTML: Commande pour Rorobibifc™ ! Empty
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:
HTML: Commande pour Rorobibifc™ ! Zffzfz10

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™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

HTML: Commande pour Rorobibifc™ ! Empty
Re: HTML: Commande pour Rorobibifc™ !  posté le :
Et qu'est-ce qu'il se passe quand on clique ?
Doudou
Doudou
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue2/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (2/3)

HTML: Commande pour Rorobibifc™ ! Empty
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™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

HTML: Commande pour Rorobibifc™ ! Empty
Re: HTML: Commande pour Rorobibifc™ !  posté le :
Donc ça s'affiche uniquement quand on clique ?
Doudou
Doudou
Administrateur
Messages : 807
Coda'Points : 1129
Date d'inscription : 10/07/2014

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue2/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (2/3)

HTML: Commande pour Rorobibifc™ ! Empty
Re: HTML: Commande pour Rorobibifc™ !  posté le :
Oui voilà Smile
Rorobibifc™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

HTML: Commande pour Rorobibifc™ ! Empty
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
Eluknow
Administrateur
Messages : 2200
Coda'Points : 3917
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue3/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (3/3)

HTML: Commande pour Rorobibifc™ ! Empty
Re: HTML: Commande pour Rorobibifc™ !  posté le :
Oui voilà, c'est ça ^^
Rorobibifc™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

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

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue3/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (3/3)

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

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

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue3/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (3/3)

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

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

HTML: Commande pour Rorobibifc™ ! 111

HTML: Commande pour Rorobibifc™ ! 210

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™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

HTML: Commande pour Rorobibifc™ ! Empty
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
Eluknow
Administrateur
Messages : 2200
Coda'Points : 3917
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue3/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (3/3)

HTML: Commande pour Rorobibifc™ ! Empty
Re: HTML: Commande pour Rorobibifc™ !  posté le :
Comment ça? Je ne comprend pas...
Rorobibifc™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

HTML: Commande pour Rorobibifc™ ! Empty
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
Eluknow
Administrateur
Messages : 2200
Coda'Points : 3917
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue3/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (3/3)

HTML: Commande pour Rorobibifc™ ! Empty
Re: HTML: Commande pour Rorobibifc™ !  posté le :
Ah ouai, mais du coup, je sais pas trop comment faire pour la suite :s
Rorobibifc™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

HTML: Commande pour Rorobibifc™ ! Empty
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
Eluknow
Administrateur
Messages : 2200
Coda'Points : 3917
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue3/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (3/3)

HTML: Commande pour Rorobibifc™ ! Empty
Re: HTML: Commande pour Rorobibifc™ !  posté le :
Non, malheureusement Sad
Rorobibifc™
Rorobibifc™
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

HTML: Commande pour Rorobibifc™ ! Empty
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
Eluknow
Administrateur
Messages : 2200
Coda'Points : 3917
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
HTML: Commande pour Rorobibifc™ ! Left_bar_bleue3/3HTML: Commande pour Rorobibifc™ ! Empty_bar_bleue  (3/3)

HTML: Commande pour Rorobibifc™ ! Empty
Re: HTML: Commande pour Rorobibifc™ !  posté le :
Contenu sponsorisé


HTML: Commande pour Rorobibifc™ ! Empty
Page 1 sur 2Aller à la page : 1, 2  Suivant
 Sujets similaires
-
» [HTML/CSS/Java] - Page d'accueil pour un forum
» Commande de catégorie
» Formation HTML/CSS
» Les tableaux en html
» Checkbox en html

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: