Demande aide balise HTML message annonce

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

Résolu Demande aide balise HTML message annonce

Message par Solid6Snake le Mer 14 Oct 2015 - 17:42

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.entraide-youtubers.com/

Description du problème

Bonjour, suite à un tuto j'ai réussi à modifier une annonce en HTML pour la mettre au goût de mon forum. le problème c'est que j'ai certainement oublié de refermer une balise puis qu'à la suite de mon annonce je me retrouve avec un énoooorme vide..

Code:
<center>
                                                                                                                                                                                                                                                                                                                                        
   <div style="background-color: #A09E9E; width: 550px;">
                                                                                                                                                                                                                                                                                                                                           
      <center>
                                                                                                                                                                                                                                                                                                                                              
         <div style="font-family: 'Oswald', sans-serif; font-size: 25px; color: #ffffff; text-align: left; padding-left: 70px; position: relative; top: 0.6em;">
                                                                                                                                                                                La vidéo de Zoron à l'index                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                              
         <table style="background-color: #000000; padding: 20px; width: 93%; border-left: 4px solid #CCEF6D; border-right: 4px solid #CCEF6D;">
                                                                                                                                                                                                                                                                                                                                                 
            <tbody>
                                                                                                                                                                                                                                                                                                                                                    
               <tr>
                                                                                                                                                                                                                                                                                                                                                       
                  <td style="background-color: #E3F7B3;">
                                                                                                                                                                                                                                                                                                                                                          
                     <div style="width: 150px; height: 210px; overflow: auto; text-align: justify; padding: 15px; font-size: 16px;">
                                                                                                                                                                                            Je vous présente <span style="color: #48A3AB; font-weight: bold;">Zoron</span>, agé de <span style="color: #48A3AB; font-weight: bold;">22 ans</span> avec un nombre de messages sur le forum dans <span style="color: #48A3AB; font-weight: bold;">570</span> ! Inscrisption sur le forum le: <span style="color: #48A3AB; font-weight: bold;">02/05/2015</span>. Retrouvez sur sa chaîne des vidéos <span style="color: #48A3AB; font-weight: bold;">délire et gaming </span>                                                                                                                                                                   
                     </div>
                                                                                                                                                                                                                                                                                                                                                          
                  </td>
                                                                                                                                                                                                                                                                                                                                                       
                  <td style="background-color: #CCEF6D; width: 110px;">
                                                                                                                                                                                         <img style="width: 90px; border: 10px solid #9ACDE1; border-radius: 90px;" src="https://yt3.ggpht.com/-LIeWUe0Yq_U/AAAAAAAAAAI/AAAAAAAAAAA/dj1CIWHhI7c/s100-c-k-no/photo.jpg" /><br /><img style="width: 90px; border: 10px solid #F04B4F; border-radius: 90px;" src="https://yt3.ggpht.com/-Yxt8ox3T-E8/AAAAAAAAAAI/AAAAAAAAAAA/j0dVj2LkhiU/s100-c-k-no/photo.jpg" />                                                                                                                                                                   
                  </td>
                                                                                                                                                                                                                                                                                                                                                       
                  <td style="background-color: #E3F7B3;">
                                                                                                                                                                                                                                                                                                                                                          
                     <div style="width: 150px; height: 210px; overflow: auto; text-align: justify; padding: 15px; font-size: 16px;">
                                                                                                                                                                                        Nous vous proposons une vidéo de la chaîne <span style="color: #48A3AB; font-weight: bold;">Zoron Gaming</span> à l'index cette semaine ce qui lui apportera vues et commentaires. Venez découvrir sa vidéo <span style="color: #48A3AB; font-weight: bold;">Présentation de Wildstar</span>  afin de savoir si ce MMO vaut le coup ou non.<br />                                                                                                                                                                   
                     </div>
                                                                                                                                                                                                                                                                                                                                                          
                  </td>
                                                                                                                                                                                                                                                                                                                                                       
               </tr>
                                                                                                                                                                                                                                                                                                                                                    
            </tbody>
                                                                                                                                                                                                                                                                                                                                                 
         </table>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
         <div style="width: 90%; padding: 10px; font-family: 'Oswald', sans-serif; font-size: 25px; color: #ffffff; background-color: #9ACDE1;">
                                                                                                                                                                                La miniature de la vidéo                                                                                                                                                                   
         </div>
                                                                                                       <img src="https://i.ytimg.com/vi_webp/Bk3TSIsYQbY/mqdefault.webp" />                                                                                                                                                <br /><br />                                                                                                                                                                   
         <div style="font-family: 'Parisienne', cursive; font-size: 25px; color: #ffffff; position: relative; top: -0.3em;">
                                                                                                                                                                            ❝ La vidéo sélectionnée ❞                                                                                                                                                               
         </div>
                                                                                                                                                                          
         <div style="width: 90%; padding: 10px; font-family: 'Oswald', sans-serif; font-size: 25px; color: #ffffff; background-color: #F04B4F;">
                                                                                                                                                                                Wildstar - Présentation                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                         <iframe style="width: 450px; height: 300px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/Bk3TSIsYQbY"></iframe><br /><br />                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
      </center>
                                                            <strong><span style="color: #ffffff;"><span style="font-family: Comic Sans MS;"><span style="font-size: 18px;"></span></span></span></strong>                                                                         
   </div>
</center><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald|Parisienne" /><br /><br />

Comment faire pour refermer correctement mon tableau en faite pour ne plus avoir un vide à la suite de l'annonce?

http://www.entraide-youtubers.com/t11271-youtuber-a-l-index-zoron-gaming#189181

Dernière petite demande, je dois créer une nouvelle page HTML à chaque fois sur mon panneau admin parce qu'au rythme de deux annonces par semaine ça va faire un paquet d'annonce ça je ne vais plus m'y retrouver.. Sachant que si je supprime la page HTML forcément ma présentation va elle aussi disparaître sur mon message... Vous avez une petite astuce?

Merci d'avance Wink


Dernière édition par Solid6Snake le Jeu 15 Oct 2015 - 7:57, édité 1 fois

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande aide balise HTML message annonce

Message par Scoubifitz le Mer 14 Oct 2015 - 18:39

bonjour,

L' énoooorme vide est à cause d'un height trop important pour l'iframe . Réduisez la hauteur ...

Code:
height:900px;

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande aide balise HTML message annonce

Message par Solid6Snake le Mer 14 Oct 2015 - 19:04

Mon iframe est à 300px height pourtant et c'est le bon format pour ma page c'est le cadre qui ne suit pas en faite!

J'ai essayé de mettre 900px oui en effet c'est le bon format sauf que la vidéo est monstrueuse du coup logique.. il faut que je trouve un moyen de réduire mon bloc annonce en hauteur en faite.


Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande aide balise HTML message annonce

Message par Scoubifitz le Mer 14 Oct 2015 - 19:37

non, non ... pas l'iframe de la page HTML , mais celle du sujet ... éditez le message de ce sujet .


édit :
On peut aussi mettre tout ça directement dans le sujet , sans passer par une page HTML ...

collez ceci dans votre CSS :

Code:
.youtuber{
  background-color: #A09E9E;
  width: 550px;
  margin:auto;
  text-align:center;
}
.youtuber .titre{
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
  color: #ffffff;
  text-align: left;
  padding-left: 70px;
  position: relative;
  top: 0.6em;
}
.youtuber .table{
  background-color: #000000;
  padding: 20px;
  width: 93%;
  border-left: 4px solid #CCEF6D;
  border-right: 4px solid #CCEF6D;
  margin:auto;
}
.youtuber .mini {
  width: 90%;
  padding: 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
  color: #ffffff;
  background-color: #9ACDE1;
  margin:auto;
}
.youtuber .select {
  font-family: 'Parisienne', cursive;
  font-size: 25px;
  color: #ffffff;
  position: relative;
  top: -0.3em;
}
.youtuber .prez {
  width: 90%;
  padding: 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
  color: #ffffff;
  background-color: #F04B4F;
  margin:auto;
}

et ceci dans votre sujet :

Code:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald|Parisienne"/>
<div class="youtuber"><div class="titre">La vidéo de Zoron à l'index</div>
[table class="table"][tr][td style="background-color: #E3F7B3;"]<div style="width: 150px; height: 210px; overflow: auto; text-align: justify; padding: 15px; font-size: 16px;">Je vous présente [b][color=#48A3AB]Zoron[/color][/b], agé de [b][color=#48A3AB]22 ans[/color][/b] avec un nombre de messages sur le forum dans [b][color=#48A3AB]570[/color][/b] ! Inscrisption sur le forum le: [b][color=#48A3AB]02/05/2015[/color][/b]. Retrouvez sur sa chaîne des vidéos [b][color=#48A3AB]délire et gaming [/color][/b]</div>[/td]
[td style="background-color: #CCEF6D; width: 110px;"]
<img style="width: 90px; border: 10px solid #9ACDE1; border-radius: 90px;" src="https://yt3.ggpht.com/-LIeWUe0Yq_U/AAAAAAAAAAI/AAAAAAAAAAA/dj1CIWHhI7c/s100-c-k-no/photo.jpg" />
<img style="width: 90px; border: 10px solid #F04B4F; border-radius: 90px;" src="https://yt3.ggpht.com/-Yxt8ox3T-E8/AAAAAAAAAAI/AAAAAAAAAAA/j0dVj2LkhiU/s100-c-k-no/photo.jpg" />
[/td]
[td style="background-color: #E3F7B3;"]<div style="width: 150px; height: 210px; overflow: auto; text-align: justify; padding: 15px; font-size: 16px;">Nous vous proposons une vidéo de la chaîne [b][color=#48A3AB]Zoron Gaming[/color][/b] à l'index cette semaine ce qui lui apportera vues et commentaires. Venez découvrir sa vidéo [b][color=#48A3AB]Présentation de Wildstar[/color][/b] afin de savoir si ce MMO vaut le coup ou non.
</div>
[/td]
[/tr]
[/table]
<div class="mini">La miniature de la vidéo</div>
<img src="https://i.ytimg.com/vi_webp/Bk3TSIsYQbY/mqdefault.webp"/>

<div class="selection">❝ La vidéo sélectionnée ❞</div>
<div class="prez">Wildstar - Présentation</div><iframe style="width: 450px; height: 300px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/Bk3TSIsYQbY"></iframe>

</div>


Dernière édition par Scoubifitz le Jeu 15 Oct 2015 - 8:38, édité 1 fois

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande aide balise HTML message annonce

Message par Solid6Snake le Jeu 15 Oct 2015 - 7:56

Ahhhhhhh mais oui d'accord c'est la chose que j'avais oublié de faire dans ma précédente demande pourtant le membre forumactif m'avait bien dit de revoir mon iframe en plus cheers

Encore une fois je suis sauvé pas vous, un grand merci à toute l'équipe !

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Demande aide balise HTML message annonce

Message par Solid6Snake le Jeu 15 Oct 2015 - 8:28

Dernière question, il y à un moyen de sauvegarder mes pages html dans une seule page html ?

Parce-que je ne veux pas supprimer ma page html à chaque fois sur mon panneau admin sinon l'annonce va disparaître du sujet ?

Créer une belle annonce au format html pour la supprimer une semaine plus tard c'est dommage quand même.

Vous avez une astuce pour sauvegarder histoire que mes membres puissent garder leurs nominations ? Surtout que j'ai créé un champ de profil justement pour leurs donner la possibilité de mettre l'URL de la page et garder ça en souvenir.

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande aide balise HTML message annonce

Message par Scoubifitz le Jeu 15 Oct 2015 - 8:39

Lisez le message que je viens d'éditer ... Wink

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum