Comment redimensionner automatiquement l'image d'une annonce sur punbb svp?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Comment redimensionner automatiquement l'image d'une annonce sur punbb svp?
Détails techniques
Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/
Description du problème
Bonjour,Comment redimensionner automatiquement l'image d'une annonce/taille de l'écran sur punbb svp?
Bonne journée
Invité- Invité
Re: Comment redimensionner automatiquement l'image d'une annonce sur punbb svp?
Up
Est-ce la classe module main.. ou main-content, j'ai essayé les 2 sans succès avec { width: 100%;}
Edit: Voir pour test mon forum d'essai avec une annonce mal redimensionnée http://forumessai.superforum.fr/
Est-ce la classe module main.. ou main-content, j'ai essayé les 2 sans succès avec { width: 100%;}
Edit: Voir pour test mon forum d'essai avec une annonce mal redimensionnée http://forumessai.superforum.fr/
Invité- Invité
Re: Comment redimensionner automatiquement l'image d'une annonce sur punbb svp?
Bonjour,
nb : il serait plus pratique que vous mettiez l'adresse du forum où l'annonce est visible
.main et .main-content sont les classes de beaucoup de blocs sur le forum, le bloc de base qui contient quelque chose quoi ^^
Essayez plutôt de repérer un identifiant correspondant au bloc des annonces, pour être sûr de bien viser celui-là : par exemple #fa_ticker_block
Puis, en fait, ce n'est pas ce bloc dont vous souhaitez modifier la taille, mais bien l'image à l'intérieur, n'est ce pas ? Donc il faut un code qui modifie la taille de l'image qui est dans #fa_ticker_block, ce qui donne :
Vous aurez alors un problème de hauteur, le bas de l'annonce ne sera pas visible. Il faut alors trouver l'élément qui a une hauteur fixée pour la modifier. Il y en a en fait deux, c'est #fa_ticker et #fa_ticker_container. Pour modifier leur hauteur, on utilise alors le code suivant :
nb : il serait plus pratique que vous mettiez l'adresse du forum où l'annonce est visible
.main et .main-content sont les classes de beaucoup de blocs sur le forum, le bloc de base qui contient quelque chose quoi ^^
Essayez plutôt de repérer un identifiant correspondant au bloc des annonces, pour être sûr de bien viser celui-là : par exemple #fa_ticker_block
Puis, en fait, ce n'est pas ce bloc dont vous souhaitez modifier la taille, mais bien l'image à l'intérieur, n'est ce pas ? Donc il faut un code qui modifie la taille de l'image qui est dans #fa_ticker_block, ce qui donne :
- Code:
#fa_ticker_block img {
width:100%;
}
Vous aurez alors un problème de hauteur, le bas de l'annonce ne sera pas visible. Il faut alors trouver l'élément qui a une hauteur fixée pour la modifier. Il y en a en fait deux, c'est #fa_ticker et #fa_ticker_container. Pour modifier leur hauteur, on utilise alors le code suivant :
- Code:
#fa_ticker, #fa_ticker_container {
height: 225px !important;
}
MlleAlys- Membre actif
- Messages : 5806
Inscrit(e) le : 12/09/2012
Re: Comment redimensionner automatiquement l'image d'une annonce sur punbb svp?
Oui, je vais changer l'adresse du forum présente sur mon profil par contre toutes les modification que j'essaye (parfois pour anticiper les futurs événements sur mon "vrai" forum) n'y sont pas toutes présentes..
J'avais trouvé le 1er code! mais voyant un cadre vide.. je n'ai pas poussé plus loin.
Les 2 lignes de code CSS fonctionne, yes . J'ai tenté de retirer le bord blanc avec { border-style:none; border-width: 0px;} mais ce n'est pas ça.. je suis un grand débutant
Encore un coup de pouce!? svp MlleAlys ^^
J'avais trouvé le 1er code! mais voyant un cadre vide.. je n'ai pas poussé plus loin.
Les 2 lignes de code CSS fonctionne, yes . J'ai tenté de retirer le bord blanc avec { border-style:none; border-width: 0px;} mais ce n'est pas ça.. je suis un grand débutant
Encore un coup de pouce!? svp MlleAlys ^^
Invité- Invité
Re: Comment redimensionner automatiquement l'image d'une annonce sur punbb svp?
En inspectant, on cherche dans les blocs contenant l'annonce celui auquel est attribué un fond blanc. Il s'agit de celui avec la class .main-content
.main-content est une classe très utilisée sur tout le forum, si on supprime le fond de .main-content, on va se retrouver avec pas mal d'éléments transparent, alors qu'on veut seulement modifier celui dans les annonces. On va donc réutiliser l'identifiant de l'ensemble du bloc pour modifier seulement le fond du bloc .main-content qui est à l'intérieur de #fa_ticker_block, et pas les autres du forum. ^^
Ce qui donne :
.main-content est une classe très utilisée sur tout le forum, si on supprime le fond de .main-content, on va se retrouver avec pas mal d'éléments transparent, alors qu'on veut seulement modifier celui dans les annonces. On va donc réutiliser l'identifiant de l'ensemble du bloc pour modifier seulement le fond du bloc .main-content qui est à l'intérieur de #fa_ticker_block, et pas les autres du forum. ^^
Ce qui donne :
- Code:
#fa_ticker_block .main-content {
background-color: transparent;
border: none;
}
MlleAlys- Membre actif
- Messages : 5806
Inscrit(e) le : 12/09/2012
Re: Comment redimensionner automatiquement l'image d'une annonce sur punbb svp?
Yes! merci
Et (sujet à part) je viens de faire mes premières lignes de CSS comme un grand! grâce à vos explications et patience..
Le haut du profil avancé n'était pas aligné. Avec votre méthode j'ai tout réaligné avec:
Un grand merci MlleAlys.
Et (sujet à part) je viens de faire mes premières lignes de CSS comme un grand! grâce à vos explications et patience..
Le haut du profil avancé n'était pas aligné. Avec votre méthode j'ai tout réaligné avec:
- Code:
#profile-advanced-right { margin-top: 34px; !important;}
#profile-advanced-layout { margin-top: 14px; !important;}
Un grand merci MlleAlys.
Invité- Invité
Re: Comment redimensionner automatiquement l'image d'une annonce sur punbb svp?
bien joué !
Un dernier petit conseil cependant : méfiez vous des !important et vérifiez bien s'ils sont nécessaires, car les !important change les priorités des mises en formes, et s'il y en a trop ça peut devenir embêtant
"Trop de !important tue le !important !" xD
Un dernier petit conseil cependant : méfiez vous des !important et vérifiez bien s'ils sont nécessaires, car les !important change les priorités des mises en formes, et s'il y en a trop ça peut devenir embêtant
"Trop de !important tue le !important !" xD
MlleAlys- Membre actif
- Messages : 5806
Inscrit(e) le : 12/09/2012
Sujets similaires
» comment redimensionner automatiquement les avatars ?
» Redimensionner automatiquement image dans le profil
» Est-il possible de redimensionner automatiquement du flash?
» Redimensionner un avatar automatiquement et le centrer
» Redimensionner automatiquement les messages posté
» Redimensionner automatiquement image dans le profil
» Est-il possible de redimensionner automatiquement du flash?
» Redimensionner un avatar automatiquement et le centrer
» Redimensionner automatiquement les messages posté
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum