Largeur colonne "derniers messages" (phpBB3)
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
Largeur colonne "derniers messages" (phpBB3)
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://thewitcher.jdrforum.com/
Description du problème
Bonjour,J'ai essayé de changer la largeur de ces colonnes en entrant dans ma feuille de style CSS :
- Code:
ul.topiclist dd.dterm{width:60%; /* retrecir table titre */
}
dd.lastpost{margin-left:20px; /* marge dernier sujet */
}
dd.lastpost span {margin-left:35px; /* marge titre dernier message*/
}
Mon but est de diminuer la taille de la colonne de "derniers messages". J'apprécierai donc grandement de l'aide pour ce codage.
Merci d'avance et bonne journée.
Dernière édition par SweetGumiho le Mer 11 Mar 2015 - 21:30, édité 3 fois
Re: Largeur colonne "derniers messages" (phpBB3)
Le problème se pose toujours. Voici l'intégralité de ma feuille de style CSS :
Merci d'avance pour vos réponses.
- Code:
/****** GENERAL ******/
#wrap {
border:0;
}
body {
background-position:top center;
background-attachment:scroll;
background-repeat:no-repeat;
cursor: url(http://i.imgur.com/0arzXM8.png), auto;
}
a, .buttons img, .postbody ul.profile-icons img, p.right a img, fieldset.jumpbox select, fieldset.jumpbox input, fieldset.quickmod select, fieldset.quickmod input, span.selectCode{
cursor: url(http://i.imgur.com/Ut1cSFd.png), pointer;
}
a, a:hover {
text-decoration: none !important;
}
.inputbox {
background:#3c3c3c;
color:#ffffff;
padding:2px;
border:1px solid #BCBCBC;
border-radius:10px;
cursor:text;
}
.forabg {
background:url(http://imageshack.com/a/img838/9827/fsga.png) #262627;
margin-bottom:4px;
padding:0px 5px;
border-radius:10px;
border:1px solid #101010;
box-shadow:0 0 9px #000000;
clear:both;
}
.forabg .lastpost {
width:15%;
}
div.forabg ul.topiclist dd.dterm {
width: 70%;
}
.panel {
background:#000000;
padding:0px 10px;
margin-bottom:4px;
border-radius:10px;
border:1px solid #101010;
box-shadow:0 0 9px #000000;
}
#search-box input,#search-box input.button1,input.search,#smiley-box {
display:none;
}
.slidesmile {
position:relative;
top:39px;
left:705px;
z-index:4;
}
::-webkit-scrollbar { /* Bloc général de la scrollbar, pour gérer la taille */
height: 8px;
width: 8px;
}
::-webkit-scrollbar-thumb { /* Couleur du petit ascenseur et bords arrondis */
background: #2c444f;
border-radius: 15px;
}
/****** CHATBOX ******/
#chatbox .date-and-time, #chatbox .user-msg { /* Force le pseudo et la date à rester sur la même ligne */
white-space: nowrap;
}
#chatbox .msg { /* Force le texte à retourner à la ligne quand il dépasse la largeur maximum */
word-wrap: break-word;
white-space: normal;
}
h2.chatbox-title:after { content: "Le Foyer"; } /*titre de la chatbox*/
a.chat-title { display: none;
}
body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
font-size: 14px !important;
}
#chatbox.recently-connected:after {
font-family: "trebuchet ms", serif;
font-size: 1em; line-height:1.5em; font-weight: bold; color: #8BC34A;
box-shadow:0 0 5px #AED581; display:block; background: #000000; margin:auto;
width:80%; margin:1.5% auto; padding:1%; white-space: pre;
content: "Bienvenue dans le Foyer. Si vous êtes seul(e), n'oubliez pas de remettre une bûche dans le feu.";
}
.cb_bloc{
height: 0;
overflow: hidden;
transition: 1s all;
}
/****** NAVIGATION *******/
.navig {
position:fixed;
background:#000;
width:100%; /*couleur de fond de la barre de navigation*/
top:0;
z-index: 99;
box-shadow:0 2px 10px #000; /*effet d'ombre sous la barre de navigation*/
}
.navig a {
font-family:'Alegreya SC'; /*police des liens*/
font-size:14px; /*taille police des liens*/
color:#6F7D7D; /*couleur des liens*/
}
.navig a:hover {
color:#4D7999; /*couleur des liens au survol*/
letter-spacing:1px;/*espacement des lettres au survol (0=normal)*/
}
.navig li {
display:inline-block;
padding:12px; /*marge autour des liens*/
}
a.mainmenu span.new-message{
color: #EAC117;
}
a.mainmenu span.new-message:hover{
color: #A#FDD017;
}
/****** PAGE DES SUJETS ******/
.post {
background:#262627;
padding:0 10px;
margin-bottom:4px;
border-radius:10px;
box-shadow:0 0 9px #000000;
}
.postbody /*justification automatique des posts*/ {
display:block;
text-align:justify;
padding:10px;
width: 70%;
}
.postprofile {
position:relative;
min-height:80px;
width:210px;
background:rgba(0,0,0,0.4);
margin:5px 0 0;
padding:5px;
color:#999;
text-align:center;
word-wrap:break-word;
border:1px solid rgba(0,0,0,0.25);
border-radius:5px;
box-shadow:0 1px 3px rgba(0,0,0,0.6) inset,0 0 0 1px rgba(255,255,255,0.05),0 1px 0 rgba(255,255,255,0.1);
}
ul.profile-icons {
margin-top:10px;
list-style:none;
border-radius:10px;
}
.profil_mess { /*** debut profil des messages ***/
background: #313038;
border: 1px solid #121218;
border-bottom: 6px solid #121218;
border-top: 0;
margin-left: -1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.profil_onglet {
height: 20px;
position: relative;
}
.profil_onglet a, .profil_onglet a:hover, .profil_onglet a:active, .profil_onglet a:focus, .profil_onglet a:visited{
color: #BFBFCA;
text-decoration: none;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
}
.profil_onglet .selected{
background: #1D1D25;
color: #BFBDE8;
}
.onglet_profil, .onglet_rpg {
background: #121218;
display: inline-block;
position: absolute;
width: 50%;
height: 10px;
padding: 5px 0;
}
.onglet_rpg {
left: 50%;
border-top-right-radius: 5px;
}
.onglet_profil {
left: 0;
border-top-left-radius: 5px;
}
.profil_mess .rpg, .profil_mess .rpg br:first-child{
display: none;
}
.profil_mess .profil, .profil_mess .rpg{
overflow: hidden;
text-align: left;
padding: 4px;
}
.profil_mess .rpg{ /* Force le titre des champs de la feuille à être en gras, centré, et en majuscule dans les sujets */
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.profil_mess .rpg textarea{ /* Force la largeur maximum des champ de texte de la fiche RPG dans les sujets et met un fond noir */
width: 185px;
max-width: 185px;
background: #000;
}
.profil_mess img{ /* Force la largeur maximum des images du profil dans les sujets */
max-width: 200px;
}
div#profile-tab-field-profil dl dt { /* Rénitialise la largeur en automatique et ajoute un petit margin pour pas que le texte soit collé aux deux points */
width: auto;
margin-right: 2px;
}
#profile-tab-field-profil dl dd{ /* Réinitialise le padding left et le margin left pour que le texte s'adapte à la taille du label */
padding-left: 0;
margin-left: 0;
}
.rpg a[href*="rpgsheet"], .rpg a[href*="rpgsheet"] + br{ /* Fais disparaître le terme "Feuille de personnage, dans le profil dans les messages */
display: none;
}
.profil_pseudo strong{ /* Modifie le pseudo dans les sujets */
font-variant: uppercase;
font-family: 'Alegreya SC', serif;
font-size: 16px
}
/*** fin profil des messages ***/
/****** PROFIL FENETRE ******/
.module {
background:url(http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png) repeat-x #262627;
border:1px solid #101010;
border-radius:10px;
box-shadow:0 0 9px #000000;
}
.signature {
border-radius:10px;
}
div.separator { display:none }
#profile-advanced-right .module .h3 {
border:none;
text-align:center;
}
h1.page-title {
font-size:18px;
text-align:center;
margin-bottom:35px !important;
}
#profile-tab-field-profil dl {
padding:5px 0; /* Ypx Xpx */
margin:0;
}
/* onglets */
#tabs a span {
color:#666;
padding:6px 10px;
}
#tabs a {
background:#333;
border:1px solid #666;
border-bottom:none;
border-radius:3px 3px 0 0;
box-shadow:0 6px 4px rgba(255,255,255, 0.15) inset;
padding:0;
}
#tabs a:hover {
top:1px;
background:#222;
}
#tabs .activetab a span { color:#666 }
#tabs .activetab a {
background:#222;
border-bottom:none;
margin-bottom:0;
}
#new-message-link a { border:none
}
/****** CASE DES TABLEAUX DE FORUMACTIF ******/
.row2,.row1 {
background:url(http://imageshack.com/a/img690/452/q962.png) center top repeat-x #0D0C0B;
}
/****** BALISE CODE ******/
dl.codebox {
background:#1E1D1B;
font-size:1em;
padding:3px;
border:1px solid #878787;
border-radius:10px;
}
/***** BALISE BLOCKQUOTE ******/
.postbody blockquote {
background:#1E1D1B;
border: 1px solid #878787;
border-radius: 10px;
text-align: justify;
padding: 10px;
color: #878787;
margin: auto;
}
.postbody blockquote div {
margin-left: 5px;
font-size: 10px;
font-style: italic;
}
/****** SPOILER ******/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
background: #000;
text-align : justify; /* alignement standart d'un spoiler */
padding:10px; /* espacement entre le bord de votre cadre et votre texte */
}
/***** SELECTION CODE ******/
.selectCode {
float:right; text-transform: uppercase; cursor: pointer;
}
/****** BUTTON ET INPUT *******/
a.button1,a.button2,button.button2,input.button1,input.button2 {
background:url(http://imageshack.com/a/img849/7503/zow4.png) #1E1D1B;
border:0;
color:#B89E7D;
}
/****** CATEGORIES ******/
.gauche {
float:left;
}
.linklist {
text-align:center; /*pour centrer les liens au dessus des catégories*/
color: #463F23;
}
.linklist a {
color: #463F23; /*couleur des liens en-tête et pied de page*/
}
.titre_cat {
margin-bottom: 15px;
}
ul.topiclist dd.dterm{width:60%; /* retrecir table titre */
}
dd.lastpost{margin-left:20px; /* marge dernier sujet */
}
dd.lastpost span {margin-left:25px; /* marge titre dernier message*/
}
.forabg .header dd.dterm { text-align:center /* catégorie au centre */
}
/****** SIGNATURES ******/
.signature_div img{
max-width: 400px !important; /*pour redimensionner les signaturess*/
max-height: 100px !important;
}
/****** QEEL ******/
#i_whosonline + p a.gensmall{ /* Modifie la taille de la légende du QEEL, à modifier par la futur class qui servira à entourer la légende tout en gardant le "a.gensmall"
sauf si la légende est refaite à la main et sans balise "a" ou sans qu'elle est la class "gensmall" */
font-family: 'Alegreya SC', serif;
text-transform: uppercase;
}
/****** PIED DE PAGE ******/
ul.linklist.clearfix li{float: none;} /* Enlève le flottement */
ul.linklist.clearfix{text-align: center; color: #222325;} /* Centre le texte */
ul.linklist.clearfix li.rightside strong:first-child:before {content: " ▴ ";} /* Ajoute une séparation avant "Créer un forum", à remplacer par ce que tu veux */
/****** SELECTEURS ******/
select{Background: #000; color: #C0A171}
/****** SCROLLBAR ******/
-webkit-scrollbar { /* Bloc général de la scrollbar, pour gérer la taille */ height: 8px; width: 8px; }
-webkit-scrollbar-thumb { /* Couleur du petit ascenseur et bords arrondis */ background: #2c444f; border-radius: 15px; }
/* ***** LISTE DES MEMBRES ***** */
td.avatar-mini img {
width: 25px;
height: 40px;}
Merci d'avance pour vos réponses.
Re: Largeur colonne "derniers messages" (phpBB3)
bonjour
en faite dans ton css a cette partie de code tu a un float left qui te bloque
donc il faut forcé les derniers sujet a aller sur la droite
comme ceci rajoute celui la pour voir
et ensuite je pense que c'est celui la pour elargie ta table texte ,qui est a gauche
modifié le 60%
en faite dans ton css a cette partie de code tu a un float left qui te bloque
- Code:
/****** CATEGORIES ******/
.gauche {
float:left;
}
.linklist {
text-align:center; /*pour centrer les liens au dessus des catégories*/
color: #463F23;
}
.linklist a {
color: #463F23; /*couleur des liens en-tête et pied de page*/
}
.titre_cat {
margin-bottom: 15px;
}
ul.topiclist dd.dterm{width:60%; /* retrecir table titre */
}
dd.lastpost{margin-left:20px; /* marge dernier sujet */
}
dd.lastpost span {margin-left:25px; /* marge titre dernier message*/
}
.forabg .header dd.dterm { text-align:center /* catégorie au centre */
}
donc il faut forcé les derniers sujet a aller sur la droite
comme ceci rajoute celui la pour voir
- Code:
ul.topiclist dd {
border-left: 1px solid #1a1a1a;
display: block;
float: right; /* derniers sujet a left ou right */
padding: 4px 0;
}
et ensuite je pense que c'est celui la pour elargie ta table texte ,qui est a gauche
modifié le 60%
- Code:
ul.topiclist dd.dterm{width:60%; /* retrecir table titre *//*agrandir*/
}
Invité- Invité
Re: Largeur colonne "derniers messages" (phpBB3)
Non, cela ne marche toujours pas. J'aimerais que ma "case" de dernier sujet fasse exactement 175x145 px et qu'il n'y ait pas ce grand trou moche entre ma description de forum et cette case.
Merci d'avance.
Voici ma feuille de style CSS actuelle :
Merci d'avance.
Voici ma feuille de style CSS actuelle :
- Code:
/****** GENERAL ******/
#wrap {
border:0;
}
body {
background-position:top center;
background-attachment:scroll;
background-repeat:no-repeat;
cursor: url(http://i.imgur.com/0arzXM8.png), auto;
}
a, .buttons img, .postbody ul.profile-icons img, p.right a img, fieldset.jumpbox select, fieldset.jumpbox input, fieldset.quickmod select, fieldset.quickmod input, span.selectCode{
cursor: url(http://i.imgur.com/Ut1cSFd.png), pointer;
}
a, a:hover {
text-decoration: none !important;
}
.inputbox {
background:#3c3c3c;
color:#ffffff;
padding:2px;
border:1px solid #BCBCBC;
border-radius:10px;
cursor:text;
}
.forabg {
background:url(http://imageshack.com/a/img838/9827/fsga.png) #262627;
margin-bottom:4px;
padding:0px 5px;
border-radius:10px;
border:1px solid #101010;
box-shadow:0 0 9px #000000;
clear:both;
}
.forabg .lastpost {
width:15%;
}
div.forabg ul.topiclist dd.dterm {
width: 70%;
}
.panel {
background:#000000;
padding:0px 10px;
margin-bottom:4px;
border-radius:10px;
border:1px solid #101010;
box-shadow:0 0 9px #000000;
}
#search-box input,#search-box input.button1,input.search,#smiley-box {
display:none;
}
.slidesmile {
position:relative;
top:39px;
left:705px;
z-index:4;
}
::-webkit-scrollbar { /* Bloc général de la scrollbar, pour gérer la taille */
height: 8px;
width: 8px;
}
::-webkit-scrollbar-thumb { /* Couleur du petit ascenseur et bords arrondis */
background: #2c444f;
border-radius: 15px;
}
/****** CHATBOX ******/
#chatbox .date-and-time, #chatbox .user-msg { /* Force le pseudo et la date à rester sur la même ligne */
white-space: nowrap;
}
#chatbox .msg { /* Force le texte à retourner à la ligne quand il dépasse la largeur maximum */
word-wrap: break-word;
white-space: normal;
}
h2.chatbox-title:after { content: "Le Foyer"; } /*titre de la chatbox*/
a.chat-title { display: none;
}
body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
font-size: 14px !important;
}
#chatbox.recently-connected:after {
font-family: "trebuchet ms", serif;
font-size: 1em; line-height:1.5em; font-weight: bold; color: #8BC34A;
box-shadow:0 0 5px #AED581; display:block; background: #000000; margin:auto;
width:80%; margin:1.5% auto; padding:1%; white-space: pre;
content: "Bienvenue dans le Foyer. Si vous êtes seul(e), n'oubliez pas de remettre une bûche dans le feu.";
}
.cb_bloc{
height: 0;
overflow: hidden;
transition: 1s all;
}
/****** NAVIGATION *******/
.navig {
position:fixed;
background:#000;
width:100%; /*couleur de fond de la barre de navigation*/
top:0;
z-index: 99;
box-shadow:0 2px 10px #000; /*effet d'ombre sous la barre de navigation*/
}
.navig a {
font-family:'Alegreya SC'; /*police des liens*/
font-size:14px; /*taille police des liens*/
color:#6F7D7D; /*couleur des liens*/
}
.navig a:hover {
color:#4D7999; /*couleur des liens au survol*/
letter-spacing:1px;/*espacement des lettres au survol (0=normal)*/
}
.navig li {
display:inline-block;
padding:12px; /*marge autour des liens*/
}
a.mainmenu span.new-message{
color: #EAC117;
}
a.mainmenu span.new-message:hover{
color: #A#FDD017;
}
/****** PAGE DES SUJETS ******/
.post {
background:#262627;
padding:0 10px;
margin-bottom:4px;
border-radius:10px;
box-shadow:0 0 9px #000000;
}
.postbody /*justification automatique des posts*/ {
display:block;
text-align:justify;
padding:10px;
width: 70%;
}
.postprofile {
position:relative;
min-height:80px;
width:210px;
background:rgba(0,0,0,0.4);
margin:5px 0 0;
padding:5px;
color:#999;
text-align:center;
word-wrap:break-word;
border:1px solid rgba(0,0,0,0.25);
border-radius:5px;
box-shadow:0 1px 3px rgba(0,0,0,0.6) inset,0 0 0 1px rgba(255,255,255,0.05),0 1px 0 rgba(255,255,255,0.1);
}
ul.profile-icons {
margin-top:10px;
list-style:none;
border-radius:10px;
}
.profil_mess { /*** debut profil des messages ***/
background: #313038;
border: 1px solid #121218;
border-bottom: 6px solid #121218;
border-top: 0;
margin-left: -1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.profil_onglet {
height: 20px;
position: relative;
}
.profil_onglet a, .profil_onglet a:hover, .profil_onglet a:active, .profil_onglet a:focus, .profil_onglet a:visited{
color: #BFBFCA;
text-decoration: none;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
}
.profil_onglet .selected{
background: #1D1D25;
color: #BFBDE8;
}
.onglet_profil, .onglet_rpg {
background: #121218;
display: inline-block;
position: absolute;
width: 50%;
height: 10px;
padding: 5px 0;
}
.onglet_rpg {
left: 50%;
border-top-right-radius: 5px;
}
.onglet_profil {
left: 0;
border-top-left-radius: 5px;
}
.profil_mess .rpg, .profil_mess .rpg br:first-child{
display: none;
}
.profil_mess .profil, .profil_mess .rpg{
overflow: hidden;
text-align: left;
padding: 4px;
}
.profil_mess .rpg{ /* Force le titre des champs de la feuille à être en gras, centré, et en majuscule dans les sujets */
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.profil_mess .rpg textarea{ /* Force la largeur maximum des champ de texte de la fiche RPG dans les sujets et met un fond noir */
width: 185px;
max-width: 185px;
background: #000;
}
.profil_mess img{ /* Force la largeur maximum des images du profil dans les sujets */
max-width: 200px;
}
div#profile-tab-field-profil dl dt { /* Rénitialise la largeur en automatique et ajoute un petit margin pour pas que le texte soit collé aux deux points */
width: auto;
margin-right: 2px;
}
#profile-tab-field-profil dl dd{ /* Réinitialise le padding left et le margin left pour que le texte s'adapte à la taille du label */
padding-left: 0;
margin-left: 0;
}
.rpg a[href*="rpgsheet"], .rpg a[href*="rpgsheet"] + br{ /* Fais disparaître le terme "Feuille de personnage, dans le profil dans les messages */
display: none;
}
.profil_pseudo strong{ /* Modifie le pseudo dans les sujets */
font-variant: uppercase;
font-family: 'Alegreya SC', serif;
font-size: 16px
}
/*** fin profil des messages ***/
/****** PROFIL FENETRE ******/
.module {
background:url(http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png) repeat-x #262627;
border:1px solid #101010;
border-radius:10px;
box-shadow:0 0 9px #000000;
}
.signature {
border-radius:10px;
}
div.separator { display:none }
#profile-advanced-right .module .h3 {
border:none;
text-align:center;
}
h1.page-title {
font-size:18px;
text-align:center;
margin-bottom:35px !important;
}
#profile-tab-field-profil dl {
padding:5px 0; /* Ypx Xpx */
margin:0;
}
/* onglets */
#tabs a span {
color:#666;
padding:6px 10px;
}
#tabs a {
background:#333;
border:1px solid #666;
border-bottom:none;
border-radius:3px 3px 0 0;
box-shadow:0 6px 4px rgba(255,255,255, 0.15) inset;
padding:0;
}
#tabs a:hover {
top:1px;
background:#222;
}
#tabs .activetab a span { color:#666 }
#tabs .activetab a {
background:#222;
border-bottom:none;
margin-bottom:0;
}
#new-message-link a { border:none
}
/****** CASE DES TABLEAUX DE FORUMACTIF ******/
.row2,.row1 {
background:url(http://imageshack.com/a/img690/452/q962.png) center top repeat-x #0D0C0B;
}
/****** BALISE CODE ******/
dl.codebox {
background:#1E1D1B;
font-size:1em;
padding:3px;
border:1px solid #878787;
border-radius:10px;
}
/***** BALISE BLOCKQUOTE ******/
.postbody blockquote {
background:#1E1D1B;
border: 1px solid #878787;
border-radius: 10px;
text-align: justify;
padding: 10px;
color: #878787;
margin: auto;
}
.postbody blockquote div {
margin-left: 5px;
font-size: 10px;
font-style: italic;
}
/****** SPOILER ******/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
background: #000;
text-align : justify; /* alignement standart d'un spoiler */
padding:10px; /* espacement entre le bord de votre cadre et votre texte */
}
/***** SELECTION CODE ******/
.selectCode {
float:right; text-transform: uppercase; cursor: pointer;
}
/****** BUTTON ET INPUT *******/
a.button1,a.button2,button.button2,input.button1,input.button2 {
background:url(http://imageshack.com/a/img849/7503/zow4.png) #1E1D1B;
border:0;
color:#B89E7D;
}
/****** CATEGORIES ******/
.gauche {
float:left;
}
.linklist {
text-align:center; /*pour centrer les liens au dessus des catégories*/
color: #463F23;
}
.linklist a {
color: #463F23; /*couleur des liens en-tête et pied de page*/
}
.titre_cat {
margin-bottom: 15px;
}
ul.topiclist dd.dterm{width:175px; /* retrecir table titre */
}
dd.lastpost{margin-left:20px; /* marge dernier sujet */
}
dd.lastpost span {margin-left:25px; /* marge titre dernier message*/
}
.forabg .header dd.dterm { text-align:center /* catégorie au centre */
}
ul.topiclist dd {
border-left: 1px solid #1a1a1a;
display: block;
float: right; /* derniers sujet a left ou right */
padding: 4px 0;
}
/****** SIGNATURES ******/
.signature_div img{
max-width: 400px !important; /*pour redimensionner les signaturess*/
max-height: 100px !important;
}
/****** QEEL ******/
#i_whosonline + p a.gensmall{ /* Modifie la taille de la légende du QEEL, à modifier par la futur class qui servira à entourer la légende tout en gardant le "a.gensmall"
sauf si la légende est refaite à la main et sans balise "a" ou sans qu'elle est la class "gensmall" */
font-family: 'Alegreya SC', serif;
text-transform: uppercase;
}
/****** PIED DE PAGE ******/
ul.linklist.clearfix li{float: none;} /* Enlève le flottement */
ul.linklist.clearfix{text-align: center; color: #222325;} /* Centre le texte */
ul.linklist.clearfix li.rightside strong:first-child:before {content: " ▴ ";} /* Ajoute une séparation avant "Créer un forum", à remplacer par ce que tu veux */
/****** SELECTEURS ******/
select{Background: #000; color: #C0A171}
/****** SCROLLBAR ******/
-webkit-scrollbar { /* Bloc général de la scrollbar, pour gérer la taille */ height: 8px; width: 8px; }
-webkit-scrollbar-thumb { /* Couleur du petit ascenseur et bords arrondis */ background: #2c444f; border-radius: 15px; }
/* ***** LISTE DES MEMBRES ***** */
td.avatar-mini img {
width: 25px;
height: 40px;}
Re: Largeur colonne "derniers messages" (phpBB3)
Pour les dimensions de ta case, elles sont en pourcentage dans le code CSS.
Si tu veux les modifier, il faut changer ce css là :
Pour mettre à la place :
Si tu veux les modifier, il faut changer ce css là :
- Code:
.forabg .lastpost {
width:15%;
}
Pour mettre à la place :
- Code:
.forabg .lastpost {
height: 145px;
width: 175px;
}
Re: Largeur colonne "derniers messages" (phpBB3)
Les dimensions de la case c'est bon, mais pas la description, les marges sont différentes et à droite elle est toujours plus importante. :/
Re: Largeur colonne "derniers messages" (phpBB3)
c'est normal tu est passé de 60 % a 175 px .. O0
je te demande de faire ceci
"et ensuite je pense que c'est celui la pour elargie ta table texte ,qui est a gauche
modifié le 60% j'ai ajouter le /*agrandir */
et toi tu me mets cela
cela ne peut pas fonctionner .
a tu essayer comme je tes dit !!
je te demande de faire ceci
"et ensuite je pense que c'est celui la pour elargie ta table texte ,qui est a gauche
modifié le 60% j'ai ajouter le /*agrandir */
- Code:
ul.topiclist dd.dterm{width:60%; /* retrecir table titre *//*agrandir*/
}
et toi tu me mets cela
- Code:
ul.topiclist dd.dterm{width:175px; /* retrecir table titre */
}
cela ne peut pas fonctionner .
a tu essayer comme je tes dit !!
Invité- Invité
Re: Largeur colonne "derniers messages" (phpBB3)
J'ai bien :
Mais une marge toujours plus importante à droite qu'à gauche :
- Code:
/****** CATEGORIES ******/
.gauche {
float:left;
}
.linklist {
text-align:center; /*pour centrer les liens au dessus des catégories*/
color: #463F23;
}
.linklist a {
color: #463F23; /*couleur des liens en-tête et pied de page*/
}
.titre_cat {
margin-bottom: 15px;
}
ul.topiclist dd.dterm{width:60%; /* retrecir table titre *//*agrandir*/
}
dd.lastpost{margin-left:20px; /* marge dernier sujet */
}
dd.lastpost span {margin-left:25px; /* marge titre dernier message*/
}
.forabg .header dd.dterm { text-align:center /* catégorie au centre */
}
ul.topiclist dd {
border-left: 1px solid #1a1a1a;
display: block;
float: right; /* derniers sujet a left ou right */
padding: 4px 0;
}
Mais une marge toujours plus importante à droite qu'à gauche :
Re: Largeur colonne "derniers messages" (phpBB3)
oui ok mais tu a pas augmenter le %
- Code:
ul.topiclist dd.dterm{width:90%; /* retrecir table titre *//*agrandir*/
}
Invité- Invité
Re: Largeur colonne "derniers messages" (phpBB3)
Je viens d'augmenter à 90% et ça ne change toujours rien, toujours les mêmes écarts et la grande marge à droite. :/
- Code:
/****** GENERAL ******/
#wrap {
border:0;
}
body {
background-position:top center;
background-attachment:scroll;
background-repeat:no-repeat;
cursor: url(http://i.imgur.com/0arzXM8.png), auto;
}
a, .buttons img, .postbody ul.profile-icons img, p.right a img, fieldset.jumpbox select, fieldset.jumpbox input, fieldset.quickmod select, fieldset.quickmod input, span.selectCode{
cursor: url(http://i.imgur.com/Ut1cSFd.png), pointer;
}
a, a:hover {
text-decoration: none !important;
}
.inputbox {
background:#3c3c3c;
color:#ffffff;
padding:2px;
border:1px solid #BCBCBC;
border-radius:10px;
cursor:text;
}
.forabg {
background:url(http://imageshack.com/a/img838/9827/fsga.png) #262627;
margin-bottom:4px;
padding:0px 5px;
border-radius:10px;
border:1px solid #101010;
box-shadow:0 0 9px #000000;
clear:both;
}
.forabg .lastpost {
height: 145px;
width: 175px;
}
div.forabg ul.topiclist dd.dterm {
width: 70%;
}
.panel {
background:#000000;
padding:0px 10px;
margin-bottom:4px;
border-radius:10px;
border:1px solid #101010;
box-shadow:0 0 9px #000000;
}
#search-box input,#search-box input.button1,input.search,#smiley-box {
display:none;
}
.slidesmile {
position:relative;
top:39px;
left:705px;
z-index:4;
}
::-webkit-scrollbar { /* Bloc général de la scrollbar, pour gérer la taille */
height: 8px;
width: 8px;
}
::-webkit-scrollbar-thumb { /* Couleur du petit ascenseur et bords arrondis */
background: #2c444f;
border-radius: 15px;
}
/****** CHATBOX ******/
#chatbox .date-and-time, #chatbox .user-msg { /* Force le pseudo et la date à rester sur la même ligne */
white-space: nowrap;
}
#chatbox .msg { /* Force le texte à retourner à la ligne quand il dépasse la largeur maximum */
word-wrap: break-word;
white-space: normal;
}
h2.chatbox-title:after { content: "Le Foyer"; } /*titre de la chatbox*/
a.chat-title { display: none;
}
body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
font-size: 14px !important;
}
#chatbox.recently-connected:after {
font-family: "trebuchet ms", serif;
font-size: 1em; line-height:1.5em; font-weight: bold; color: #8BC34A;
box-shadow:0 0 5px #AED581; display:block; background: #000000; margin:auto;
width:80%; margin:1.5% auto; padding:1%; white-space: pre;
content: "Bienvenue dans le Foyer. Si vous êtes seul(e), n'oubliez pas de remettre une bûche dans le feu.";
}
.cb_bloc{
height: 0;
overflow: hidden;
transition: 1s all;
}
/****** NAVIGATION *******/
.navig {
position:fixed;
background:#000;
width:100%; /*couleur de fond de la barre de navigation*/
top:0;
z-index: 99;
box-shadow:0 2px 10px #000; /*effet d'ombre sous la barre de navigation*/
}
.navig a {
font-family:'Alegreya SC'; /*police des liens*/
font-size:14px; /*taille police des liens*/
color:#6F7D7D; /*couleur des liens*/
}
.navig a:hover {
color:#4D7999; /*couleur des liens au survol*/
letter-spacing:1px;/*espacement des lettres au survol (0=normal)*/
}
.navig li {
display:inline-block;
padding:12px; /*marge autour des liens*/
}
a.mainmenu span.new-message{
color: #EAC117;
}
a.mainmenu span.new-message:hover{
color: #A#FDD017;
}
/****** PAGE DES SUJETS ******/
.post {
background:#262627;
padding:0 10px;
margin-bottom:4px;
border-radius:10px;
box-shadow:0 0 9px #000000;
}
.postbody /*justification automatique des posts*/ {
display:block;
text-align:justify;
padding:10px;
width: 70%;
}
.postprofile {
position:relative;
min-height:80px;
width:210px;
background:rgba(0,0,0,0.4);
margin:5px 0 0;
padding:5px;
color:#999;
text-align:center;
word-wrap:break-word;
border:1px solid rgba(0,0,0,0.25);
border-radius:5px;
box-shadow:0 1px 3px rgba(0,0,0,0.6) inset,0 0 0 1px rgba(255,255,255,0.05),0 1px 0 rgba(255,255,255,0.1);
}
ul.profile-icons {
margin-top:10px;
list-style:none;
border-radius:10px;
}
.profil_mess { /*** debut profil des messages ***/
background: #313038;
border: 1px solid #121218;
border-bottom: 6px solid #121218;
border-top: 0;
margin-left: -1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.profil_onglet {
height: 20px;
position: relative;
}
.profil_onglet a, .profil_onglet a:hover, .profil_onglet a:active, .profil_onglet a:focus, .profil_onglet a:visited{
color: #BFBFCA;
text-decoration: none;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
}
.profil_onglet .selected{
background: #1D1D25;
color: #BFBDE8;
}
.onglet_profil, .onglet_rpg {
background: #121218;
display: inline-block;
position: absolute;
width: 50%;
height: 10px;
padding: 5px 0;
}
.onglet_rpg {
left: 50%;
border-top-right-radius: 5px;
}
.onglet_profil {
left: 0;
border-top-left-radius: 5px;
}
.profil_mess .rpg, .profil_mess .rpg br:first-child{
display: none;
}
.profil_mess .profil, .profil_mess .rpg{
overflow: hidden;
text-align: left;
padding: 4px;
}
.profil_mess .rpg{ /* Force le titre des champs de la feuille à être en gras, centré, et en majuscule dans les sujets */
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.profil_mess .rpg textarea{ /* Force la largeur maximum des champ de texte de la fiche RPG dans les sujets et met un fond noir */
width: 185px;
max-width: 185px;
background: #000;
}
.profil_mess img{ /* Force la largeur maximum des images du profil dans les sujets */
max-width: 200px;
}
div#profile-tab-field-profil dl dt { /* Rénitialise la largeur en automatique et ajoute un petit margin pour pas que le texte soit collé aux deux points */
width: auto;
margin-right: 2px;
}
#profile-tab-field-profil dl dd{ /* Réinitialise le padding left et le margin left pour que le texte s'adapte à la taille du label */
padding-left: 0;
margin-left: 0;
}
.rpg a[href*="rpgsheet"], .rpg a[href*="rpgsheet"] + br{ /* Fais disparaître le terme "Feuille de personnage, dans le profil dans les messages */
display: none;
}
.profil_pseudo strong{ /* Modifie le pseudo dans les sujets */
font-variant: uppercase;
font-family: 'Alegreya SC', serif;
font-size: 16px
}
/*** fin profil des messages ***/
/****** PROFIL FENETRE ******/
.module {
background:url(http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png) repeat-x #262627;
border:1px solid #101010;
border-radius:10px;
box-shadow:0 0 9px #000000;
}
.signature {
border-radius:10px;
}
div.separator { display:none }
#profile-advanced-right .module .h3 {
border:none;
text-align:center;
}
h1.page-title {
font-size:18px;
text-align:center;
margin-bottom:35px !important;
}
#profile-tab-field-profil dl {
padding:5px 0; /* Ypx Xpx */
margin:0;
}
/* onglets */
#tabs a span {
color:#666;
padding:6px 10px;
}
#tabs a {
background:#333;
border:1px solid #666;
border-bottom:none;
border-radius:3px 3px 0 0;
box-shadow:0 6px 4px rgba(255,255,255, 0.15) inset;
padding:0;
}
#tabs a:hover {
top:1px;
background:#222;
}
#tabs .activetab a span { color:#666 }
#tabs .activetab a {
background:#222;
border-bottom:none;
margin-bottom:0;
}
#new-message-link a { border:none
}
.mess-feuille-rp { /* Texte feuille de personnage membres non-valides */
font-size: 14px;
text-align: center;
}
/****** CASE DES TABLEAUX DE FORUMACTIF ******/
.row2,.row1 {
background:url(http://imageshack.com/a/img690/452/q962.png) center top repeat-x #0D0C0B;
}
/****** BALISE CODE ******/
dl.codebox {
background:#1E1D1B;
font-size:1em;
padding:3px;
border:1px solid #878787;
border-radius:10px;
}
/***** BALISE BLOCKQUOTE ******/
.postbody blockquote {
background:#1E1D1B;
border: 1px solid #878787;
border-radius: 10px;
text-align: justify;
padding: 10px;
color: #878787;
margin: auto;
}
.postbody blockquote div {
margin-left: 5px;
font-size: 10px;
font-style: italic;
}
/****** SPOILER ******/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
background: #000;
text-align : justify; /* alignement standart d'un spoiler */
padding:10px; /* espacement entre le bord de votre cadre et votre texte */
}
/***** SELECTION CODE ******/
.selectCode {
float:right; text-transform: uppercase; cursor: pointer;
}
/****** BUTTON ET INPUT *******/
a.button1,a.button2,button.button2,input.button1,input.button2 {
background:url(http://imageshack.com/a/img849/7503/zow4.png) #1E1D1B;
border:0;
color:#B89E7D;
}
/****** CATEGORIES ******/
.gauche {
float:left;
}
.linklist {
text-align:center; /*pour centrer les liens au dessus des catégories*/
color: #463F23;
}
.linklist a {
color: #463F23; /*couleur des liens en-tête et pied de page*/
}
.titre_cat {
margin-bottom: 15px;
}
ul.topiclist dd.dterm{width:90%; /* retrecir table titre *//*agrandir*/
}
dd.lastpost{margin-left:20px; /* marge dernier sujet */
}
dd.lastpost span {margin-left:25px; /* marge titre dernier message*/
}
.forabg .header dd.dterm { text-align:center /* catégorie au centre */
}
ul.topiclist dd {
border-left: 1px solid #1a1a1a;
display: block;
float: right; /* derniers sujet a left ou right */
padding: 4px 0;
}
/****** SIGNATURES ******/
.signature_div img{
max-width: 400px !important; /*pour redimensionner les signaturess*/
max-height: 100px !important;
}
/****** QEEL ******/
#i_whosonline + p a.gensmall{ /* Modifie la taille de la légende du QEEL, à modifier par la futur class qui servira à entourer la légende tout en gardant le "a.gensmall"
sauf si la légende est refaite à la main et sans balise "a" ou sans qu'elle est la class "gensmall" */
font-family: 'Alegreya SC', serif;
text-transform: uppercase;
}
/****** PIED DE PAGE ******/
ul.linklist.clearfix li{float: none;} /* Enlève le flottement */
ul.linklist.clearfix{text-align: center; color: #222325;} /* Centre le texte */
ul.linklist.clearfix li.rightside strong:first-child:before {content: " ▴ ";} /* Ajoute une séparation avant "Créer un forum", à remplacer par ce que tu veux */
/****** SELECTEURS ******/
select{Background: #000; color: #C0A171}
/****** SCROLLBAR ******/
-webkit-scrollbar { /* Bloc général de la scrollbar, pour gérer la taille */ height: 8px; width: 8px; }
-webkit-scrollbar-thumb { /* Couleur du petit ascenseur et bords arrondis */ background: #2c444f; border-radius: 15px; }
/* ***** LISTE DES MEMBRES ***** */
td.avatar-mini img {
width: 25px;
height: 40px;
}
Re: Largeur colonne "derniers messages" (phpBB3)
ba oui mais la je voie plus rien tu a bloquer le forum
Invité- Invité
Re: Largeur colonne "derniers messages" (phpBB3)
S'il y a besoin d'une ouverture je le ferais exceptionnellement pour que vous puissiez voir de vous-même, mais là le forum est en construction jusqu'à son ouverture (qui peut prendre un an normalement).
Un visuel ?
Un visuel ?
Re: Largeur colonne "derniers messages" (phpBB3)
tout a l'heure il était ouvert ..
comment voulez vous aider si ont a pas un visionnage , ont est que des membres tous comme vous nous n’avons pas accès a votre forum ..
donc en résumer si il est fermer , ont ne peut pas se servir de l'inspecteur . donc en gros . ont voit rien
comment voulez vous aider si ont a pas un visionnage , ont est que des membres tous comme vous nous n’avons pas accès a votre forum ..
donc en résumer si il est fermer , ont ne peut pas se servir de l'inspecteur . donc en gros . ont voit rien
Invité- Invité
Re: Largeur colonne "derniers messages" (phpBB3)
S'il est fermé c'est pour éviter les fouineurs, chose qui est approuvée par le reste du staff. Il sera ouvert pour la journée et fermée dès la résolution du problème donc.
Invité- Invité
Re: Largeur colonne "derniers messages" (phpBB3)
Si la marge entre la bordure et la description du forum est la même à droite et à gauche, c'est ça. Je ne vois pas trop bien l'image sur mon téléphone portable.
Re: Largeur colonne "derniers messages" (phpBB3)
re- ont peut faire un essais , je te promet rien
te serait t'il possible de remplacer ce code
te serait t'il possible de remplacer ce code
- Code:
ul.topiclist dd.dterm{
width:90%; /* retrecir table titre *//*agrandir*/
}
- Code:
/*description des sujet, index ,positionnement*/
ul.topiclist dd.dterm{
display:block;
width:700px;
margin-left:-30px
}
/*fin*/
Invité- Invité
Re: Largeur colonne "derniers messages" (phpBB3)
C'est encore pire, la marge à droite... :/
Sinon pour info la largeur de mon forum est 950 px et je souhaiterais que ma colonne de derniers messages fasse 175 px de largeur, aussi c'est bien 775 px la partie réservée aux forums et descriptions.
Merci encore de m'aider. *-*
Sinon pour info la largeur de mon forum est 950 px et je souhaiterais que ma colonne de derniers messages fasse 175 px de largeur, aussi c'est bien 775 px la partie réservée aux forums et descriptions.
Merci encore de m'aider. *-*
Re: Largeur colonne "derniers messages" (phpBB3)
ha mince chez moi ils était bien placé !
et si tu passe le width a 775
et enleve le margin-left
c'est comment!!
et si tu passe le width a 775
et enleve le margin-left
c'est comment!!
Invité- Invité
Re: Largeur colonne "derniers messages" (phpBB3)
C'est ce que j'ai fait mais cela ne change absolument rien j'ai l'impression... N'y aurait-il pas un codage prioritaire dans mon CSS qui perturberait ça ? :/
Re: Largeur colonne "derniers messages" (phpBB3)
si j'ai repérer des 70% dans ton css , cela peut bloqué , mais je ne suis pas sure
par exemple celui la
tu peut tenter un :100% ;
ou en :auto;
sans conviction ..
si ça change rien remet le a: 70%.
par exemple celui la
- Code:
div.forabg ul.topiclist dd.dterm {
width: 70%;
}
tu peut tenter un :100% ;
ou en :auto;
sans conviction ..
si ça change rien remet le a: 70%.
Invité- Invité
Re: Largeur colonne "derniers messages" (phpBB3)
C'est l’énorme espace à droite que tu veux supprimer ?
Re: Largeur colonne "derniers messages" (phpBB3)
Oui, c'est ça.Artdrock a écrit:C'est l’énorme espace à droite que tu veux supprimer ?
Re: Largeur colonne "derniers messages" (phpBB3)
on parle bien de l'espace à droite du forum
Celui qui rajoute une barre de navig en bas de la page
?
Celui qui rajoute une barre de navig en bas de la page
?
Re: Largeur colonne "derniers messages" (phpBB3)
Hein ? Non, ma barre de navigation est collée en haut. Et c'est bon R-max, j'ai bidouillé ce que tu as dit et j'ai une marge à peu près équivalente des deux côtés en mettant 690px au lieu de 70%. J'aurais quand même préféré une solution plus évidente mais je vais déclarer le problème résolu. Merci encore.
Re: Largeur colonne "derniers messages" (phpBB3)
Quand je disais barre c'etais pour l'ascenseur , que moi je vois en bas
Car ton forum fait 1500 et est décalé à gauche
Car ton forum fait 1500 et est décalé à gauche
Re: Largeur colonne "derniers messages" (phpBB3)
Est-ce que tu peux faire un screen ? Car je ne vois pas du tout de quoi tu parles. :/
Re: Largeur colonne "derniers messages" (phpBB3)
Capture de mon plein-écran :
Comme tu peux le voir, je n'ai pas ce problème et mon forum est bien centré. Je ne comprends pas d'où viendrait le problème... :/
Et je n'ai pas mis de scrollbar à droite, c'est là qu'elle est de base, j'ai juste changé l'apparence de toutes les scrollbars du forum.
Comme tu peux le voir, je n'ai pas ce problème et mon forum est bien centré. Je ne comprends pas d'où viendrait le problème... :/
Et je n'ai pas mis de scrollbar à droite, c'est là qu'elle est de base, j'ai juste changé l'apparence de toutes les scrollbars du forum.
Invité- Invité
Page 1 sur 2 • 1, 2
Sujets similaires
» Largeur colonne derniers messages
» Modifier largeur de la colonne "derniers messages"
» Colonne derniers messages
» Colonne derniers messages largeur et retour lignes
» déplacer le nombre de messages et sujets dans la colonne "Derniers Messages"
» Modifier largeur de la colonne "derniers messages"
» Colonne derniers messages
» Colonne derniers messages largeur et retour lignes
» déplacer le nombre de messages et sujets dans la colonne "Derniers Messages"
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