Une image en trop

2 participants

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

Résolu Une image en trop

Message par Mili Lun 15 Jan 2018 - 15:25

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
Lien du forum : http://www.lejardindureve.com

Description du problème

Bonjour,

Je désirais changer l'image mise sur le forum afin de la remplacer par une autre. Le problème c'est que l'ancienne image est toujours apparente alors que dans  le panneau d'administration elle n'est pas présente. J'ai testé avec 2 pc, elle est visible. Je désire ne garder que l'oiseau (voir la prise d'écran). Merci de l'aide


Dernière édition par Mili le Mar 16 Jan 2018 - 10:59, édité 1 fois
Mili

Mili
****

Féminin
Messages : 474
Inscrit(e) le : 25/09/2005

http://www.messagesrecus.com
Mili a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une image en trop

Message par Crazy-Sweet Lun 15 Jan 2018 - 15:26

Bonjour,
Avez vous un CSS modifié ?
Si oui, pouvez vous nous le mettre en code ?
Crazy-Sweet

Crazy-Sweet
***

Messages : 121
Inscrit(e) le : 30/12/2009

http://crazy-sweet.forumgratuit.org/
Crazy-Sweet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une image en trop

Message par Mili Lun 15 Jan 2018 - 15:51

Bonjour,

Il y a quelques temps, comme je désirais mettre un carrousel de vidéos, j'ai mis le code

/** START YOUTUBE WIDGET **/



.ycp {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 1em;
color: #444;
background: #000;
display: block;
width: 100%;
height: 500px;
box-shadow: 0 4px 4px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.ycp,
.ycp .belah {
box-sizing: border-box;
padding: 0;
margin: 0;
}

.ycp .belah {
display: inline-block;
vertical-align: top;
height: 100%;
}

.ycp .belah:first-of-type {
width: 65%;
}

.ycp .belah:last-of-type {
width: 35%;
}

.ycp .belah .luhur {
color: #fff;
background: #222;
display: block;
width: 100%;
height: 70px;
box-sizing: border-box;
padding: 10px;
margin: 0;
}

.ycp .belah .handap {
color: #ddd;
background: #111;
height: calc(100% - 70px);
padding: 0;
overflow-y: auto;
-moz-box-shadow: inset 0 0 10px #000;
-webkit-box-shadow: inset 0 0 10px #000;
box-shadow: inset 0 0 10px #000;
}

.ycp .belah .handap,
.ycp .belah .bingkay {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
}

.ycp .belah .bingkay {
height: 100%;
border: 0;
}

.ycp .belah .luhur span.tombol {
margin-right: 20px;
color: silver;
}

.ycp .belah .luhur span.about {
float: right;
background: #111;
padding: 2px;
border-radius: 50%;
width: 20px;
height: 20px;
text-align: center;
}

.ycp a {
text-decoration: none;
outline: 0;
}

.ycp a img {
border: 0;
}

.ycp .belah.ycp_vid_play {
cursor: pointer;
}

.ycp .belah.ycp_vid_play a {
background: #e52d27;
width: 120px;
height: 75px;
display: block;
border-radius: 10%;
position: relative;
top: calc(50% - 35px);
left: calc(50% - 60px);
text-align: center;
}

.ycp .belah.ycp_vid_play a::before {
color: #fff;
content: "\25B6";
z-index: 100;
font-size: 50px;
}

.ycp .belah .thumb {
float: left;
margin-right: 10px;
position: relative;
height: 61px;
}

.ycp .belah .thumb span {
position: absolute;
right: 2px;
bottom: -2px;
padding: 2px;
background: #000;
color: silver;
font-size: .8em;
}

.ycp .belah .play {
margin: 0;
padding: 10px;
display: block;
overflow: hidden;
*overflow: visible;
}

.ycp .belah .luhur div.title {
color: #fff;
border-bottom: 1px solid #111;
padding-bottom: 5px;
margin-bottom: 5px;
}

.ycp .belah .handap div.title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.ycp .belah span.mute,
.ycp .belah span.about a {
color: #767676;
font-size: .8em;
}

.ycp .belah .thumb img {
width: 80px;
height: 100%;
border: 2px solid #000;
}

.ycp .belah .play:hover,
.ycp .belah .vid-active {
background: #000;
}

.ycp .belah .luhur .vid-prev,
.ycp .belah .luhur .vid-next,
.ycp .belah .play {
cursor: pointer;
}

@media screen and (max-width:767px) {
.ycp {
height: 1000px;
}

.ycp .belah,
.ycp .belah:first-of-type,
.ycp .belah:last-of-type {
width: 100%;
display: block;
}

.ycp .belah:first-of-type {
height: 40%;
}

.ycp .belah:last-of-type {
height: 60%;
};
}

/** END YOUTUBE WIDGET **/

Merci de votre aide
Mili

Mili
****

Féminin
Messages : 474
Inscrit(e) le : 25/09/2005

http://www.messagesrecus.com
Mili a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une image en trop

Message par Crazy-Sweet Lun 15 Jan 2018 - 16:06

Et dans votre panneau d'administration, quand vous allez sur la catégorie, avez vous une image ici:

e52d27 - Une image en trop Sans_t10

Dans l'encadrement: Adresse de l'image
Crazy-Sweet

Crazy-Sweet
***

Messages : 121
Inscrit(e) le : 30/12/2009

http://crazy-sweet.forumgratuit.org/
Crazy-Sweet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une image en trop

Message par Mili Lun 15 Jan 2018 - 17:00

Non je n'ai pas ce message, il y a le lien de l'image de l'oiseau que je désire mettre

e52d27 - Une image en trop Captur10
Mili

Mili
****

Féminin
Messages : 474
Inscrit(e) le : 25/09/2005

http://www.messagesrecus.com
Mili a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une image en trop

Message par Crazy-Sweet Lun 15 Jan 2018 - 17:56

Retirez le lien http:// en haut de l'oiseau dans ADRESSE DE L'IMAGE.
ça devrait tout réglé.
Crazy-Sweet

Crazy-Sweet
***

Messages : 121
Inscrit(e) le : 30/12/2009

http://crazy-sweet.forumgratuit.org/
Crazy-Sweet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une image en trop

Message par Mili Mar 16 Jan 2018 - 10:59

Bonjour,

Merci, tout est ainsi rentré dans l'ordre.
Je vous souhaite une agréable journée Smile
Mili

Mili
****

Féminin
Messages : 474
Inscrit(e) le : 25/09/2005

http://www.messagesrecus.com
Mili a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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