Problème de widget des news
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Problème de widget des news
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 21/05/2015
Lien du forum : http://www.petitefeuille.net/
Description du problème
Bonsoir,Quand je met le widget des news, les images dépassent sur le forum. J'ai pourtant tout régler sur la dimension mais rien n'y fait. Ce qui passe se sont les news sans image. Mais ce n'est pas le but recherché, je veux mettre en place les news du forums avec leurs images appropriées.
Pouvez-vous m'aidez s'il vous plait ?
Merci d'avance
mes amitiés
petitefeuille
Dernière édition par petitefeuille le Jeu 28 Mai 2015 - 17:29, édité 1 fois
Re: Problème de widget des news
bonjour,
Es-ce qu'il y a une réponse ?
Merci d'avance
Es-ce qu'il y a une réponse ?
Merci d'avance
Re: Problème de widget des news
Bonjour,
je vois que personne n'a une solution à me proposer. Es-ce qu'il y a que moi qui ai ce problème ?
Avec le pont de la Pentecôte peut-être dois-je être plus patiente
A bientôt
je vois que personne n'a une solution à me proposer. Es-ce qu'il y a que moi qui ai ce problème ?
Avec le pont de la Pentecôte peut-être dois-je être plus patiente
A bientôt
Re: Problème de widget des news
Bonjour,
Ajouter ceci
Ajouter ceci
- Code:
div#left img {
max-width: 190px;
}
Re: Problème de widget des news
Bonjour MasDan,
Un grand merci de m'avoir répondu, c'est parfait pour les images mais pas pour les vidéos comme youtube. Auriez-vous aussi une solution pour la vidéo ?
A bientôt
mes amitiés
petitefeuille
Un grand merci de m'avoir répondu, c'est parfait pour les images mais pas pour les vidéos comme youtube. Auriez-vous aussi une solution pour la vidéo ?
A bientôt
mes amitiés
petitefeuille
Re: Problème de widget des news
Bonsoir,
J'ai essayé de reprendre ce code et mettre "vidéo" mais ça marche pas ! pouvez-vous m'aider s'il vous plait ?
Bonne soirée et à bientôt
J'ai essayé de reprendre ce code et mettre "vidéo" mais ça marche pas ! pouvez-vous m'aider s'il vous plait ?
Bonne soirée et à bientôt
Re: Problème de widget des news
Bonjour Petitefeuille,
Remplacer le code précédent par celui-ci
Remplacer le code précédent par celui-ci
- Code:
div#left img, div#left iframe {
max-width: 190px;
}
Re: Problème de widget des news
Bonjour,
Est-ce possible d'avoir un lien vers le message causant problème?
Est-ce possible d'avoir un lien vers le message causant problème?
Re: Problème de widget des news
Bonjour MasDan,
En fait, c'est quand je veux mettre en place les news :
dans l'admin faire le choix:
et là faisant le choix de la section "Faits divers ...." étant donné qu'ils se trouvent des vidéos ou même si je veux mettre la section "Musique" les vidéos débordent sur le forum:
Donc les liens c'est la sélection dans l'administration.
Je reste à votre disponibilité et merci de vous occuper de moi.
Mes amitiés
En fait, c'est quand je veux mettre en place les news :
dans l'admin faire le choix:
- Spoiler:
et là faisant le choix de la section "Faits divers ...." étant donné qu'ils se trouvent des vidéos ou même si je veux mettre la section "Musique" les vidéos débordent sur le forum:
- Spoiler:
Donc les liens c'est la sélection dans l'administration.
Je reste à votre disponibilité et merci de vous occuper de moi.
Mes amitiés
Re: Problème de widget des news
Bonjour,
Sur mon site de test, le code fonctionne bien. J'ai regardé votre CSS et il y a beaucoup de mention «!important». Cela pourrait être la cause du non fonctionnement.
Remplacer le code précédent par celui-ci.
Sur mon site de test, le code fonctionne bien. J'ai regardé votre CSS et il y a beaucoup de mention «!important». Cela pourrait être la cause du non fonctionnement.
Remplacer le code précédent par celui-ci.
- Code:
div#left img, div#left iframe {
max-width: 190px !important;
}
Re: Problème de widget des news
Bonjour
Je suis désolée ça ne fonctionne pas encore avec votre nouveau code. On vois la vidéo qui déborde.
Vous pensez que j'ai un souci dans mes CSS ?
Je vous post mon CSS et peut-être trouverez-vous la solution?
A bientôt de vous lire et merci
Je suis désolée ça ne fonctionne pas encore avec votre nouveau code. On vois la vidéo qui déborde.
- Spoiler:
Vous pensez que j'ai un souci dans mes CSS ?
Je vous post mon CSS et peut-être trouverez-vous la solution?
- Code:
/* retrait du bouton de vote negatif dans les messages */
.vote {
width: 24px;
}
.quote {
border: 1px solid #40A497;
}
.quote {font-size:13px;}
#chatbox_header .catBottom .cattitle {
color: #399F47;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
color: #399F47;
}
.bouhautbas {
bottom: 40px;
right: 10px; /* remplacez left par right pour afficher les boutons à droite */
position: fixed;
z-index: 100;
}
#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
.element {font-family:"Grand Hotel";}
[font=Grand Hotel]texte de police grand hotel[/font]
texte
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
.mini_ava img {float:left;}
.sceditor-container iframe, .sceditor-container textarea {background:url(http://i55.servimg.com/u/f55/17/21/66/44/img_ar10.png) no-repeat center center !important;}
/*()Bouton avertissement rapide */
.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mod_mess a.postlink, .adm_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}
/* administrateur bb-Code - bloc de message d'enregistrement */
.adm_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
/* Administrateur bb-Code - mise en page */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505;
}
/* Administrateur BB-Code - présentation du texte */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}
/* Messages BB-Code - bloc de message d'enregistrement */
.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
/* Messages BB-Code - Un titre */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;
}
/* modernité BB-Code - présentation du texte */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center;
}
@charset 'utf-8';
/*************************************************!
*
* project: liteAccordion - a horizontal accordion plugin for jQuery
* author: Nicola Hibbert
* url: http://nicolahibbert.com/liteaccordion-v2/
* demo: http://www.nicolahibbert.com/demo/liteAccordion/
*
* Version: 2.0.2
* Copyright: (c) 2010-2011 Nicola Hibbert
* Licence: MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
color: black;
font-size: 16px;
font-weight: normal;
margin: 0;
z-index: 100;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(-100%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg);
-o-transform-origin: right top;
transform: translateX(-100%) rotate(-90deg);
transform-origin: right top;
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
display: block;
padding-right: 8%;
text-align: right;
height: 90%;
margin-top: 5px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.accordion .slide > h2 b {
display: inline-block;
position: absolute;
top: 13%;
left: 10%;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }
/***************************************** Light */
.accordion {
border: 9px solid white;
border-bottom-width: 8px;
padding: 5px 5px 6px 0;
background: #a0a0a0;
-webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
background: #fcfcfc;
background: -moz-linear-gradient(left, #fcfcfc 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
background: -webkit-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: -o-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: -ms-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: linear-gradient(left, #fcfcfc 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
-webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
color: #909090;
}
.accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #a0a0a0; margin-left: 5px }
/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.accordion .slide > h2 span { filter: none }
/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
/* centrer l'accordéon */
.accordion {
margin: auto;
border-color: #D29B3C;
}
.accordion .slide > div {background-image:url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");}
dl.codebox dt {
color: #5E6C58; /* Code coleur HEX de votre choix */
}
dd.quote{
background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");
border-radius: 10px 10px 10px 10px;
border: 1px solid rgb(0, 0, 0);
box-shadow: 3px 3px 6px rgb(black);
margin: 0px;
font-family: Georgia;
font-size: 14px;
color: rgb(0, 0, 0);
padding: 10px 10px 10px 10px;
text-indent: 15px;
overflow: hidden;
}
dd.code{
background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");
border-radius: 10px 10px 10px 10px;
border: 1px solid rgb(0, 0, 0);
box-shadow: 3px 3px 6px rgb(black);
margin: 0px;
font-family: Georgia;
font-size: 14px;
color: rgb(0, 0, 0);
padding: 10px 10px 10px 10px;
text-indent: 15px;
overflow: hidden;
}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; font-family: Georgia; }
div.cont_code { clear: right; }
dd.spoiler_closed {
background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg"); /* couleur noire du fond */
border:2px #b3acac double; /* bordure blanche en traits peu épais */
border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #b3acac; /* couleur du texte blanche */
padding-top: 10px !important; /*espace entre la bordure et le texte*/
padding-bottom: 10px !important; /*espace entre la bordure et le texte*/
}
.signature_div img{
max-width: 600px !important;
max-height: 300px !important;
}
div#left img, div#left iframe {
max-width: 190px !important;
}
A bientôt de vous lire et merci
Re: Problème de widget des news
Bonjour,
Pas sûr mais tu peux essayer
Annulé, ça n'était pas correct, désolé...
Annulé, ça n'était pas correct, désolé...
Re: Problème de widget des news
AenigmA a écrit:Bonjour,Pas sûr mais tu peux essayer
Annulé, ça n'était pas correct, désolé...
Bonjour,
Je ne comprends pas ??
Bonne journée
Re: Problème de widget des news
Lol ma réponse était incorrecte je l'ai donc effacé tout simplement.
Tu peux essayer de rajouter dans ton css
Tu peux essayer de rajouter dans ton css
- Code:
.module div.body embed {
max-width: 190px;
}
Re: Problème de widget des news
AenigmA je suis désolée le même problème réapparaît c'est à dire la vidéo déborde sur l'index.
merci
(je vais remettre une section où il n'y pas de vidéo le temps que vous trouvez une solution si solution existe )
merci
(je vais remettre une section où il n'y pas de vidéo le temps que vous trouvez une solution si solution existe )
Re: Problème de widget des news
Pour ma part ça fonctionne sur le forum de mon profil (en bas des widgets)
Ca serait bien si ta partie était visible provisoirement aux invités sinon dur à comprendre le problème
Ca serait bien si ta partie était visible provisoirement aux invités sinon dur à comprendre le problème
Re: Problème de widget des news
Bonjour,
Pour visualiser le problème, il faudrait qui le widget news soit activé (avec vidéo) et être visible par les invités car le code CSS fonctionne bien sur mon site de test (même avec votre css).
Pour visualiser le problème, il faudrait qui le widget news soit activé (avec vidéo) et être visible par les invités car le code CSS fonctionne bien sur mon site de test (même avec votre css).
Re: Problème de widget des news
MasDan a écrit:Bonjour,
Pour visualiser le problème, il faudrait qui le widget news soit activé (avec vidéo) et être visible par les invités car le code CSS fonctionne bien sur mon site de test (même avec votre css).
je vous l'installe dans 1mn et je l'enlèverais une fois que vous m'aurez dit sur ce post merci
Re: Problème de widget des news
je viens de remarquer si vous n'êtes pas inscrit on ne voit pas le problème car la vidéo ne s'affiche pas.
Re: Problème de widget des news
je viens d'ôter les permissions vous pouvez voir que ça débordent
Re: Problème de widget des news
Bon/jour/soir Daniel
Ceci doit être correct
Ceci doit être correct
- Code:
.forumline.mod_news embed {
max-width: 190px !important;
}
Dernière édition par AenigmA le Jeu 28 Mai 2015 - 17:22, édité 1 fois
Re: Problème de widget des news
es-ce je dois avant de mettre ce code , supprimer les autres ?
cela:
cela:
- Code:
div#left img, div#left iframe {
max-width: 190px !important;
}
.module div.body embed {
max-width: 190px;
}
Re: Problème de widget des news
Le deuxième oui tu peux supprimer, il est plutôt pour PunBB
Re: Problème de widget des news
Mais c'est PARFAIT je vous fait un GRAND merci ! vraiment je vous suis reconnaissante car je suis incapable de faire.
Je vous souhaite une bonne soirée
mes amitiés
je clos le sujet
Je vous souhaite une bonne soirée
mes amitiés
je clos le sujet
Re: Problème de widget des news
Bonjour,
Remplacer par ceci
Remplacer par ceci
- Code:
div#left img, div#left iframe, div#left embed {
max-width: 190px !important;
}
Re: Problème de widget des news
bonsoir MasDan,
Merci mais le sujet est enfin résolu merci aussi de votre aide
mes amitiés
Merci mais le sujet est enfin résolu merci aussi de votre aide
mes amitiés
Re: Problème de widget des news
Essaie celui de Daniel, s'il est ok préfère le, car il sera correct pour des widgets futurs qui contiendront des vidéos, et il équivaut aux 2
Bonne soirée vous deux
Bonne soirée vous deux
Page 1 sur 2 • 1, 2
Sujets similaires
» Widget portail NEWS
» Widget News disparu !
» Plusieurs news dans le widget news
» Créer widget personnaliser de news
» Widget "news"
» Widget News disparu !
» Plusieurs news dans le widget news
» Créer widget personnaliser de news
» Widget "news"
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum