40 résultats trouvés pour wrap

Centrer le corps du forum (catégories et QEEL)

Bonjour,
Votre #wrap est bien réglé à 900px dans le css, mais il a également 36px de padding, il ne reste donc plus que 828px de large pour le contenu, qui déborde donc.

Tag wrap sur Forum gratuit : Le forum des forums actifs Image175

Plusieurs façon de régler le problème :
- ajouter la largeur du padding à 900px qui devient donc 972px ;
- ou ajouter padding: 0; pour supprimer le padding ;
- et/ou ajouter box-sizing: content-box; pour que la largeur demandée soit celle de l'espace disponible pour le contenu, peu importe le padding.

(par contre, vous avez deux codes contradictoires : dans votre css, vous avez indiqué une largeur de 900px sur #wrap, alors que dans général > configuration, vous avez indiqué une largeur de forum à 975px. Le mieux serait de régler la deuxième valeur à ce que vous souhaitez et supprimer la propriété contradictoire dans le css.)

(PS : masquer le lien du forum n'est pas très pratique pour vous aider)

décalage à droite des catégories

Voici désormais ma page d'accueil depuis le #wrap width: 100% ajouté par mon amie :

Tag wrap sur Forum gratuit : Le forum des forums actifs 3cos

Voici lorsque j'ouvre un sujet :

Tag wrap sur Forum gratuit : Le forum des forums actifs 6hyz

Il prend toute la place

décalage à droite des catégories

Rebonjour !

Mon amie m'a aidé ! Elle a ajouté le #wrap que je ne trouvais pas dans le css et a mis le width à 100%... Je n'ai plus aucun décalage depuis ! J'espère que je ne repousse pas un problème plus profond mais en tout cas c'est ok de ce côté là !

Update : bon ça ne résout le problème que pour l'accueil. Dès que j'ouvre un sujet, la page prend toute la place

décalage à droite des catégories

Bonjour,

A priori, le soucis vient de cette partie du CSS :

#wrap {
~~background-color: #;~~
border: 1px solid #;
font-size: 1.3rem;
margin: 0 auto;
max-width: 1400px;
padding: 24px 36px;
~~width: 65%;~~
}

Supprimez les parties rayées.

Ensuite, vous avez ceci à supprimer également :

.categorie {
width: 900px;
margin: auto;
margin-bottom: auto;
margin-left: auto;
margin-bottom: 25px;
font-family: 'Georgia';
~~margin-left: 8px;~~

Et enfin :

.forums-container {
padding: 20px 0;
background: #6D4226;
overflow: hidden;
~~margin-left: 8px;~~
width: 900px;
}

Impression de messages sans photos

Je m'auto-répond après avoir trouvé un message sur le forum des forum :
Il faut modifier la CSS :
Affichage
Couleurs et CSS
onglet CSS
et je rajoute quelques lignes (que je n'ai pas inventées) :

@media print{
#wrap div.postbody div.signature,#wrap div.postbody img{
display:inline!important;
max-width:100%
}
}

Et ... Bingo ... ça fonctionne , tous les tutos de mon forum s’impriment maintenant avec leurs images :-)
Peut-être à rajouter dans les trucs et astuces ?

Différence d'affichage entre ordinateur et mobile

Bonjour !

A priori, l'autre forum est bien en phpbb3 aussi, avec un look de phpbb2.
Je vois d'où vient la différence, c'est le min-width de l'élément #wrap qui joue : il est à 951px sur l'autre forum et à 768px sur votre forum et sur mon forum de test. Je n'arrive plus à trouver comment changer cette valeur directement dans le panneau d'administration, mais vous pouvez ajouter ce CSS pour avoir finalement le même résultat :

Code:: #wrap { min-width: 951px; }

La taille minimum du forum sera plus grande, donc le cadre prendra plus de place et les bandes disparaitront, en tout cas tout autant que sur l'autre forum que vous prenez en exemple !

Modifier l'apparence du background du forum

Bonjour !

Par défaut, voilà le CSS de html, body :

Code:: html, body { background-attachment: scroll; background-color: #e8e8e6; background-image: url(https://i.servimg.com/u/f27/20/52/45/74/image_11.png); color: #5f6b5c; font-family: 'Roboto',sans-serif; font-size: 10px; height: 100%; line-height: 1.526; text-rendering: optimizeLegibility; }

Il y a un height: 100% qui impose donc au background d'être d'une hauteur de 100% de la résolution de l'écran (et non pas 100% de la page).
Il faudrait donc rajouter un height: initial sur body pour annuler cet effet.

Il reste ensuite un background: var(--couleur-bg) sur l'élément #wrap donc si vous voulez également annuler cet effet, vous pouvez vous contenter de mettre un background: none sur cet élément #wrap

Pallier aux différentes résolutions

Avez-vous penser aux largeurs des contenants ? Aux margin et padding ?

Pour les parents, l'élément "#wrap" qui correspond à la "largeur du corps du forum" a une max-width fixe de 1400px. Le bloc contenant le message d'accueil (et d'autres éléments .panel) a un padding fixe de 18px et non en %.
Dans votre iframe, votre élément ".d-flex > div, .d-flex > div:last-child" a encore une largeur fixe de 100px et non en %. Votre image a une marge fixe de -5px, et non en %.
Etc...

Sinon, ça me parait tout de même très similaire comme rendu, qu'est ce qui vous bloque exactement ?

Comment comptez-vous gérer les cas extrêmes comme aperçu sur smartphones ?

Le Dark mode cache le design

Bonjour !

Alors, n'oubliez pas de donner un maximum de précisions à chaque fois ; je devine après recherches que vous utilisez ce tuto pour votre mode sombre : https://blankthemerpg.forumactif.com/t77-install-edison

Vous avez un (ou plusieurs) script qui commence par ce code :

Code:: var versionForo = 'ModernBB'; var posicionBotonModoNoche = 'toolbar'; var css = '.conteneur_minwidth_IE,#wrap{background-color:#121212;color:grey}.inner,.icon,.module,.content,.post,.row{background-color:#1c1c1c;color:grey}.block-footer{background-color:#1d262c}a{color:grey!important}p{color:grey}.block{background-color:#1d262c;color:grey}#picture_legend,#privmsgs-menu{background-color:#1d262c}.inner,.icon,.module,.content,.post,.row:hover{background-color:#1c1c1c!important}li.row{border-color:grey!important}.panel{background-color:#1c1c1c}.row3{background-color:#1c1c1c}#cp-main.panel.sig{background-color:#1c1c1c}.h3,h3{border-color:#1c1c1c}.button,.button1,.button2,input[type="submit"]{background-color:#1d262c}';

Il suffit de supprimer .conteneur_minwidth_IE,#wrap{background-color:#121212;color:grey} (attention à bien garder le reste) : c'est cette partie qui ajoute le fond noir.

Format photo fond d'écran

Bonsoir Toryudo,

Bien merci de m'aider.
Alors j'ai regardé le PA et actuellement il y a :

1 #wrap { padding: 40px; }
2
3.sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
4 img.smiley {width: auto !important; height : auto !important;}

Je laisse et remplace mais ce que tu m'indiques ou alors je supprime tout et mets ton message ???

D'avance je te remercie.

Problèmes d'affichage version web sur mobile

MlleAlys a écrit:Bonjour, ^^

@chattigre : Mais le bandeau de pub a une largeur fixe qui n'est pas modifiable, il me semble, lorsque je compare avec la version par défaut, que le fait que le body soit plus petit que celui-ci n'est pas le comportement normal de la version ?
Les js ne sont apparemment pas en cause, mais test en inspectant avec le css par défaut ne semble rien changer non plus....

Je dirais que la taille du bandeau doit être fixée dynamiquement en fonction de la taille du contenu (sans certitude)

Je vois toujours un souci au niveau de .wrap, il faudrait ajouter également

Code:: max-width: 95%;

comme pour #wrap

On va déjà faire la chasse à tout ce qui déborde, ça résoudra peut-être le souci pour la pub

changement de couleur du forum

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
Problème apparu depuis : changement de couleur
Lien du forum : http://www.la-tranquillite.fr

Description du problème

Bonjour à tous,
J'ai changé la couleur rose de mon forum pour du bleu, habituellement pas de soucis mais cette fois le haut et le bas du forum reste rose. Code de la css :
#wrap {
background-color: rgba(232, 238, 250, 0.1);
}
#page-body {
background-color: rgba(232, 238, 250);
}
.headerbar {
background-color: transparent;
}
.navbar {
background-color:#fff0f5;
}

Merci de me venir en aide, bonne journée.

Renvoi à la ligne automatique dans l'éditeur de messages

Ah, alors on parle bien de l'affichage des messages postés ? J'ai dû mal comprendre votre requête alors, désolée. Ca m'étonne parce qu'en regardant sur mon téléphone et ma tablette, ça m'avait l'air lisible.

On va essayer de rétrécir le #wrap du coup

Code:: #wrap { width: 80% !important; }

Ou alors, si vous voulez juste agir sur la largeur des messages :

Code:: .postbody .content { width: 70%; }

C'est moins esthétique mais bon, si c'est plus lisible pour vos utilisateurs...

code pour changer la couleur au niveau de la barre de navigation

Désolée de vous ennuier je suis légèrement dure à comprendre je m'y perds dans les codes, voilà le code en entier qui m'avait été donné je crois par "Dan"

#wrap {
background-color: rgba(232, 238, 250, 0.1);
}
#page-body {
background-color: rgba(232, 238, 250);
}
.headerbar {
background-color: transparent;
}
.navbar {
background-color:#fff0f5;
}

[CSS] Help centré un logo + Barre de navigation

Salut, j'ai pas forcément tout réussi, dans le doute je te donne mon CSS au complet via le spoiler

css french tactical:

[CSS] Help centré un logo + Barre de navigation

Effectivement plusieurs éléments de votre CSS prennent le dessus.

Dans ce cas, tout en faisant la manip que je vous ai indiquée plus haut, dans votre CSS :

Recherchez #wrap et supprimez "width:900px" et remplacez par "width:85%"
Recherchez #logo et supprimez "float: left"
Recherchez #logo-desc et remplacez "text-align:left" par "text-align:center"

Comment avoir une image en bas du forum tout en gardant l'image de fond

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://coeurdasha.forumactif.com/

Description du problème

Bonjour,

Je souhaite intégrer le logo de notre association en bas de la page, j'ai réussi grâce au code suivant que j'ai trouvé dans l'un de vos thème:

body
{ background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}
ul.navlinks { border: none; }
#wrap {
background-attachment: scroll;
background-image: url("https://i.servimg.com/u/f55/20/25/02/15/pictur15.png");
background-repeat: no-repeat;
background-position: bottom center;
}

L'image est par dessus le fond mais sous les écritures donc c'est super car je peux mettre une couleur et elle reste sur chaque page

Par contre, mon problème c'est que ça me cache le fond de page.
Le fond de page est un mur et normalement il est visible sur les côtés du forum

Est-ce que vous pouvez m'aider svp?

Merci d'avance pour votre aide

Bien cordialement,
Claudine B

Couleur de fond

Bonjour à tous,
Je vous donne le code qu'une personne du staf m'avait indiqué afin que l'on puisse voir le fond au niveau de la bannière ; je pense qu'il manque un code mais je suis nulle avec les codes :

#page-body {
background-color: rgba(232, 238, 250);
}
#wrap {
background-color: rgba(232, 238, 250, 0.1);
}
.headerbar {
background-color: transparent;
}

Mon forum ne ressemble plus à rien, au lieu de la couleur jaune j'ai du bleu un peu à tous les niveaux.

Si quelqu'un pouvait m'aider je lui en serais très reconnaissante.

Pourquoi notre référencement est-il si mauvais ?

Erreur de ma part, cela semble venir de ce fichier CSS ajouté qui inclue une classe sur #wrap :

Code:: <link rel="stylesheet" type="text/css" href="https://sd-5.archive-host.com/membres/up/10803307801236414/Fichiers_css/Css2011/Blue.css">

Code:: min-width:932px

Tag wrap sur Forum gratuit : Le forum des forums actifs Css-fo10

Je pense que le code CSS vous sert sur la version normale mais ce style se répercute malheureusement sur la version mobile car les 2 versions utilisent le même id="wrap". Par contre, je n'y connais pas grand chose en CSS. Je vous conseille d'ouvrir une demande dans la section appropriée pour voir si une solution existe afin d'éviter que ce style se répercute sur la version mobile.

Modifier le cadre autour des catégories

Bonjour Hoyt,

Il faut agir sur le sélecteur #wrap à votre CSS.

Voici deux exemples.

1) Pour obtenir un fond transparent.

Code:: #wrap { background-color: transparent; }

2) Pour appliquer une couleur avec un degré de transparence.

Code:: #wrap { background-color: rgba(255, 0 , 0 , 0.1); }

ModernBB : Arrondir ce contenu

Bonjour,

Comment dois je m'y prendre pour arrondir ce contenu ? (Que ça fasse plus jolie que tout "carré") :

Tag wrap sur Forum gratuit : Le forum des forums actifs Arrond10

Merci d'avance pour votre aide.

(j'ai trouvé le code)

/*Cadre du forum arrondi*/
#wrap{
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
padding: 10px;
border: 1.5px solid #fff}

Couleur de contours et de liens

Tag wrap sur Forum gratuit : Le forum des forums actifs 4qhGdLE

Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonsoir,

Vous avez mis ceci dans votre CSS (panneau d'administration > affichage > couleurs > feuille de style CSS) :

#wrap {
background-color: #FBF6EE;
}

Modifiez ce code par :

Code:: #wrap { background-color: transparent; }

Bouton avertissement rapide admin et modo non visible

Bonjour

Voici les widget le code javascript et CSS que j'ai rentré

Widget:avertissement modo

Widget: avertissement admin

Javascript: avertissement rapide modo et admin

Les CSS

question il a t'il une erreur dans les code que j'ai rentrer ou mon souci viens des templates

Affichage déformée en version web sur mobile

Donc, j'ai pu améliorer le problème en metant une largeur mini à la div #wrap.

Ceci reste problématique car quand on arrive sur smartphone, la page est zoomée...

Problème avec la largeur de mon forum (bis)

Bonjour,

Il y a une erreur de codage dans la signature de l'utilisateur Loreleï Hexe.

Tag wrap sur Forum gratuit : Le forum des forums actifs WU6Eqvs

Ces fermetures de div en trop finissent par fermer le conteneur #wrap du forum, donc les messages suivant sont en dehors de ce cadre, et prennent 100% de la largeur de la page.

Cordialement,
Walt

Erreur de CSS

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
J'ai un petit soucis de CSS, j'ai pris un thème proposé par Forumactif, et j'ai voulu changer la couleur de la transparence mais quand j'essaye de modifier quelque chose dans la feuille du CSS ça me met

"Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum."

le CSS de base:

J'ai essayé de voir où se trouve le problème mais étant débutante je n'ai pas trouvé.

Merci d'avance pour votre aide

couleur de fond qui ne va pas jusqu'en bas de page

Bonjour, pourquoi ne simplement pas retirer tous ces codes couleurs et mettre une image de fond colorée ?

Tag wrap sur Forum gratuit : Le forum des forums actifs Fond10

En retirant tout le reste et en modifiant le #wrap comme ceci :

Code:: #wrap{background-color:rgba(0,145,130,0.3);}

On s'approche de ce que vous avez actuellement.

Bien à vous

Modifications de couleur

Voici mon CSS :

Mon CSS:

En essayant la ligne que tu m'as donné Tawn62 , voici le résultat :

Tag wrap sur Forum gratuit : Le forum des forums actifs 561249Capture

Je souhaite qu'il n'y ai plus de noir, vraiment tout blanc.

Merci pour votre aide.

Bouton visibles mais non actifs

Bonjour le forum,

Toujours embêté par cette div avec classe changeante qui apparait en plein milieu de mon forum.
J'ai l'impression que c'est une pub masquée:

html body .r00dd454f, html body .r00dd454f iframe, html body iframe[name="google_ads_frame"], html body .r00dd454f iframe[name="google_ads_frame"], html body #wrap #page-body div.r00dd454f, html body #page-body .r00dd454f {

Ceci est le code renseigné pour cette div dans le CSS et on peut y aperçevoir "google_ads_frame" donc je pense que c'est belle et bien une pub mais cela ne règle en rien le soucis qui est qu'elle est transparente et passe par dessus toutes mes pages.

En espérant avoir un début d'aide de votre part car je bloque totalement.
Amicalement, Zayx.

Nouvelle version mobile

Petit up,

Mais j'aimerai aussi dire que j'ai trouvé quelques réponses

#wrap dans le css permet de changer la couleur du fond.

.forum-section dans le css permet de changer le fond des catégories