Sondage au centre et listé (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 1 • Partagez
Sondage au centre et listé (phpBB3)
Détails techniques
Version du forum : phpBB3
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://thewitcher.jdrforum.com/
Description du problème
Bonjour (Bonsoir),J'aimerais vraiment pouvoir centrer la question du sondage et ses choix mais en conservant l'alignement des réponses bien que ceux-ci soient au centre.
Voici comment j'aimerais que ce soit :
Merci d'avance pour vos réponses.
Dernière édition par SweetGumiho le Lun 6 Avr 2015 - 19:50, édité 1 fois
Re: Sondage au centre et listé (phpBB3)
Salut SweetGumiho,
peut être avec ce style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Penses à cliquer sur le bouton
a++
peut être avec ce style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
- Code:
form[method="post"] .left-box{text-align:center;}
fieldset.polls {width:50%;margin-left: 25%;}
Penses à cliquer sur le bouton
a++
Invité- Invité
Re: Sondage au centre et listé (phpBB3)
Le code marche en partie mais les réponses ne sont pas complètement centrées :
Et j'aimerais avoir "Voir les résultats" sur une seule ligne aussi. Merci.
Et j'aimerais avoir "Voir les résultats" sur une seule ligne aussi. Merci.
Re: Sondage au centre et listé (phpBB3)
Re,
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci pour l'alignement:
Penses à cliquer sur le bouton
Tu peux schématiser stp
a++
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci pour l'alignement:
- Code:
fieldset.polls dd.resultbar, fieldset.polls dd:last-child{width:30%!important;}
Penses à cliquer sur le bouton
mais les réponses ne sont pas complètement centrées :
Tu peux schématiser stp
a++
Invité- Invité
Re: Sondage au centre et listé (phpBB3)
Ok, merci, j'essayerais ça. Sinon j'ai déjà schématisé dans mon premier post, je le remets :
Je parle bien sûr de "Oui" et "Non" en réponses, et les cercles associés.
Je parle bien sûr de "Oui" et "Non" en réponses, et les cercles associés.
Re: Sondage au centre et listé (phpBB3)
Re,
essayes ceci:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Penses à cliquer sur le bouton
a++
essayes ceci:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
- Code:
fieldset.polls dl dt {text-align: right;margin-right: 10px;}
fieldset.polls dd input[name="vote_id[]"]{float:left;}
Penses à cliquer sur le bouton
a++
Dernière édition par Milouze14 le Jeu 19 Mar 2015 - 19:13, édité 1 fois (Raison : Ajout pour le input)
Invité- Invité
Re: Sondage au centre et listé (phpBB3)
J'ai validé mais ça ne change pas.
Voici ma feuille de style CSS maintenant :
Voici ma feuille de style CSS maintenant :
- Code:
/****** GENERAL ******/
.cheminmsg
{position:relative;
left:-15px;
top:-15px;
font-variant:small-caps;
font-size:12px;}
.titlemsg
{position:relative;
top:80px;
font-variant:small-caps !important;}
.paginationmsgtop
{float:right;
position:relative;
top:-43px;
right:3px;
font-variant:small-caps;
font-size:11px;}
.paginationmsgbottom
{float:right;
position:relative;
top:15px;
right:3px;
font-variant:small-caps;
font-size:11px;}
.menuplus
{float:right;
position:relative;
top:17px;
right:-205px;
font-variant:small-caps;}
.sautmsg
{position:relative;
top:10px;}
#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/8CK6Zi2.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: 690px;
}
.panel {
background:#000000;
padding:0px 10px;
margin-bottom:4px;
border-radius:10px;
border:1px solid #101010;
box-shadow:0 0 9px #000000;
}
.panel p {
font-size: 1.2em;
line-height: 1.4em;
margin-bottom: 1em;
text-align: center;
}
#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:15px; /*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:14px; /*marge autour des liens*/
}
a.mainmenu span.new-message{
color: #EAC117;
}
a.mainmenu span.new-message:hover{
color: #A#FDD017;
}
/****** PAGE DES SUJETS ******/
form[method="post"] .left-box{text-align:center;
}
fieldset.polls {width:50%;margin-left: 25%;
}
.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;
}
.buttonsmsgtop { /* Position des boutons répondre et nouveau message haut*/
float:right;
position:relative;
top:-45px;
}
.buttonsmsgbottom { /* Position des boutons répondre et nouveau message bas*/
float:right;
position:relative;
top:-70px;
}
.positiondatemsg {
float:right;
position:relative;
top:-20px;
right:-220px;
font-variant:small-caps;
font-size:12px;
}
.profile-icons {
float:right;
position:relative;
top:-48px;
right:-90px;}
.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 ******/
.table-title h2 .timg { display: none; } /*Enlever l'image du titre de catégorie dans les messages*/
.table-title h2 img { display: inline !important; }
.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{
display:block; /*description des sujet, index ,positionnement*/
width:775px;
}
/*fin*/
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;
}
ul.topiclist.topics dd.dterm {
width: auto;
}
.topic-actions .search-box { display:none /* supprime le bouton rechercher en haut à gauche des sujets */
}
/****** 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: Sondage au centre et listé (phpBB3)
Re,
je ne vois pas ce style dans ta css:
a++
je ne vois pas ce style dans ta css:
Milouze14 a écrit:Re,
essayes ceci:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
- Code:
fieldset.polls dl dt {text-align: right;margin-right: 10px;}
fieldset.polls dd input[name="vote_id[]"]{float:left;}
a++
Invité- Invité
Re: Sondage au centre et listé (phpBB3)
Ah oui, en effet, ça a complètement bugué. Du coup je les ai remis et ça fonctionne. -_-
Par contre est-ce qu'il serait possible d'écarte les ronds de réponse sur la droite et aussi de supprimer toutes ces barres blanches moches qu'il y a partout sans certains textes (ici le sondage mais aussi le message d'information, etc.) ?
Merci bien.
Par contre est-ce qu'il serait possible d'écarte les ronds de réponse sur la droite et aussi de supprimer toutes ces barres blanches moches qu'il y a partout sans certains textes (ici le sondage mais aussi le message d'information, etc.) ?
Merci bien.
Re: Sondage au centre et listé (phpBB3)
Re,
il suffit d'ajouter dans la feuille de style ceci:
a++
il suffit d'ajouter dans la feuille de style ceci:
- Code:
fieldset.polls dl{border:none;}
fieldset.polls dd input[name="vote_id[]"]{float:left;margin-left:10px;}
a++
Invité- Invité
Re: Sondage au centre et listé (phpBB3)
Le code marche pour les choix du sondage mais je parlais aussi de ces barres blanches présentes sous la question de sondage et "Informations" :
Merci.
Merci.
Re: Sondage au centre et listé (phpBB3)
Désolée pour le double-post mais comme je ne peux pas supprimer le précédent et tiens à rendre cette nouvelle information visible...
Voici ce qu'il se passe une fois le vote effectué (tout est décalé :/) :
Voici ce qu'il se passe une fois le vote effectué (tout est décalé :/) :
Re: Sondage au centre et listé (phpBB3)
Salut SweetGumiho ,
Ajoutes ceci dans ta C.S.S:
Il fallait éditer ton message .
a++
SweetGumiho a écrit:Le code marche pour les choix du sondage mais je parlais aussi de ces barres blanches présentes sous la question de sondage et "Informations" :
Merci.
Ajoutes ceci dans ta C.S.S:
- Code:
.panel h2 , .panel h1{border:none;}
SweetGumiho a écrit:
Voici ce qu'il se passe une fois le vote effectué (tout est décalé :/) :
Il fallait éditer ton message .
a++
Dernière édition par Milouze14 le Sam 21 Mar 2015 - 17:08, édité 1 fois
Invité- Invité
Re: Sondage au centre et listé (phpBB3)
La couleur de l'écriture de la question du sondage et d'informations est noire à présent, donc invisible sur fond noir. Comment changer ça et choisir la couleur que je souhaite ?
Sinon j'attends pour le reste de la réponse par rapport au décalage. ^^
Sinon j'attends pour le reste de la réponse par rapport au décalage. ^^
Re: Sondage au centre et listé (phpBB3)
le décalage c'est la largeur de la colonne
essaye de modif ton
element.style {
width: ****
La couleur de la question c'est
h2 {
color: ****
essaye de modif ton
element.style {
width: ****
La couleur de la question c'est
h2 {
color: ****
Re: Sondage au centre et listé (phpBB3)
Est-ce que tu pourrais m'indiquer plus précisément ? Car j'ai essayé tes deux codes mais ça ne marche pas du tout. Mon CSS :
- Code:
/****** GENERAL ******/
.cheminmsg
{position:relative;
left:-15px;
top:-15px;
font-variant:small-caps;
font-size:12px;}
.titlemsg
{position:relative;
top:80px;
font-variant:small-caps !important;}
.paginationmsgtop
{float:right;
position:relative;
top:-43px;
right:3px;
font-variant:small-caps;
font-size:11px;}
.paginationmsgbottom
{float:right;
position:relative;
top:15px;
right:3px;
font-variant:small-caps;
font-size:11px;}
.menuplus
{float:right;
position:relative;
top:17px;
right:-205px;
font-variant:small-caps;}
.sautmsg
{position:relative;
top:10px;}
#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/8CK6Zi2.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:none;
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: 690px;
}
.panel {
background:#000000;
padding:0px 10px;
margin-bottom:4px;
border-radius:10px;
border:1px solid #101010;
box-shadow:0 0 9px #000000;
}
.panel p {
font-size: 1.2em;
line-height: 1.4em;
margin-bottom: 1em;
text-align: center;
}
#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:15px; /*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:14px; /*marge autour des liens*/
}
a.mainmenu span.new-message{
color: #EAC117;
}
a.mainmenu span.new-message:hover{
color: #A#FDD017;
}
/****** PAGE DES SUJETS ******/
form[method="post"] .left-box{text-align:center;
}
fieldset.polls {width:50%;margin-left: 25%;
}
fieldset.polls dd.resultbar, fieldset.polls dd:last-child{width:30%!important;
}
fieldset.polls dl dt {text-align: right;margin-right: 10px;
}
fieldset.polls dd input[name="vote_id[]"]{float:left;
}
fieldset.polls dl{border:none;}
fieldset.polls dd input[name="vote_id[]"]{float:left;margin-left:10px;
}
.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;
}
.buttonsmsgtop { /* Position des boutons répondre et nouveau message haut*/
float:right;
position:relative;
top:-45px;
}
.buttonsmsgbottom { /* Position des boutons répondre et nouveau message bas*/
float:right;
position:relative;
top:-70px;
}
.positiondatemsg {
float:right;
position:relative;
top:-20px;
right:-220px;
font-variant:small-caps;
font-size:12px;
}
.profile-icons {
float:right;
position:relative;
top:-48px;
right:-90px;}
.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
}
.profileCache{ /* Cache une partie du profil */
max-height:66px;
transition-duration:2s;
-webkit-transition-duration:2s;
}
.profileCache:hover{
max-height:1000px;
transition-duration:3s;
-webkit-transition-duration:3s;}
.profileCache img:first-child{
display:block;
width:80px;
margin:auto;
}
/*** 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 ******/
/*Description Catégorie*/
.descricateg
{width:410px;
position:relative;
left:55px;
top:-10px
text-align:justify;
height:108px;
overflow-x:auto;
padding-right:10px;}
/*Gif dans les catégories*/
.gifscateg
{width:195px;
height:97px;
border-radius:10px;
position:relative;
left:28px;
top:-10px;
opacity:0.8;
transition-duration: 2s;}
/*Gif dans les catégories survol*/
.gifscateg:hover
{width:195px;
height:97px;
border-radius:10px;
position:relative;
left:28px;
top:-10px;
opacity:1.2;
transition-duration: 2s;}
/*Image de fond des catégories */
.fondimgcategorie
{
background-image: url("http://i.imgur.com/fWz6sLQ.png");
background-repeat:no-repeat;
height:200px;
}
/* Derniers messages postés */
.categderniersmessages {
width:170px;
height:150px;
font-family:'Times New Roman';
font-size:14px;
letter-spacing:-1px;
position:relative;
left:-25px;
margin-top:-10px;
font-variant:small-caps;}
.detailsposteur
{margin-top:5px;
}
/*Image New/No New */
.imgcateg {border-radius:10px;
width:60px;
height:25px;
margin-bottom:4px;
margin-top:-5px;}
/*Nombre de message et de sujets */
.categsujetsetmessages {
float:center;
font-family: 'Times New Roman', serif;
font-size:11px;
font-variant:small-caps;
font-weight:light;
color:#7a5e48;
letter-spacing:0px !important;}
/*Titre de la catégorie */
a.forumlink:link, a.forumlink:visited{ color:#35343A !important;
letter-spacing:1px;
font-family: 'Lobster Two', cursive;
font-variant: small-caps;
font-size:25px;
-o-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
opacity: 0.9;
text-decoration:none;
position:relative;
top:10px;}
/*Titre de la catégorie survol*/
a.forumlink:hover, a.forumlink:hover:visited {color:#591616;
letter-spacing:3px;
font-size:25px;
color:#3D3F3E !important;
opacity: 1.4;
text-decoration:none !important;}
/*Sous Forum*/
.sforum
{
position: relative;
z-index: 3;
left:10px;
top:-28px;
display: block;
height:0;
background: #191817;
color: #b5b5b5;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
width:395px;}
.ouverture_sousforum
{
position: relative;
z-index: 3;
top:-28px;
display: block;
width: 120px;
margin-right: 20px;
background: #191817;
color: #b5b5b5;
font-size: 11px;
text-align: center;
padding: 4px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
height: auto;
background: #191817;
color: #b5b5b5;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
.sous_forum a
{
color: #b5b5b5 !important;
text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
color: #ffffff !important;
}
.table-title h2 .timg { display: none; } /*Enlever l'image du titre de catégorie dans les messages*/
.table-title h2 img { display: inline !important; }
.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{
display:block; /*description des sujet, index ,positionnement*/
width:775px;
}
/*fin*/
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;
}
ul.topiclist.topics dd.dterm {
width: auto;
}
.topic-actions .search-box { display:none /* supprime le bouton rechercher en haut à gauche des sujets */
}
/*Image des sondages*/
#M14_Songage.icon
{
background-image:url(http://i.imgur.com/5txet0l.png)!important;
}
/*Image des sondages nouveau message*/
#M14_Songage_New.icon
{
background-image:url(http://i.imgur.com/YB88iuY.png)!important;
}
/****** 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: Sondage au centre et listé (phpBB3)
Essaye avec ça !
- Code:
fieldset.polls dl {width: ???px;}
h2 {color: #DA0FDB;}
Re: Sondage au centre et listé (phpBB3)
Ça ne va pas le faire car ce que vous m'avez fait changer ne concerne clairement pas que les sondages mais de nombreuses parties du forum.
Et cela ne m'étonnerait pas que ce problème se retrouve sur de nombreuses autres parties du forum... Le mise en forme et l'alignement, et pas seulement la couleur, est annulée. ^^;
Concernant le sondage, voici ce que je souhaiterai avoir (extrait de mon premier forum, fermé aujourd'hui) :
Voilou.
Et cela ne m'étonnerait pas que ce problème se retrouve sur de nombreuses autres parties du forum... Le mise en forme et l'alignement, et pas seulement la couleur, est annulée. ^^;
Concernant le sondage, voici ce que je souhaiterai avoir (extrait de mon premier forum, fermé aujourd'hui) :
Voilou.
Re: Sondage au centre et listé (phpBB3)
Ça ne marche pas et ce n'est pas ce que je veux. De plus ça ne modifie la couleur que de la question de sondage, pas pour les autres écritures qui ont été modifiées en même temps. J'ai donc toujours le problème. :/
Re: Sondage au centre et listé (phpBB3)
Le problème se pose toujours. :/
Re: Sondage au centre et listé (phpBB3)
Je n'ai toujours pas résolu le problème.
Re: Sondage au centre et listé (phpBB3)
Bonjour,
en gros vous souhaitez un affichage de type phpbb2, je vous propose du coup simplement de remplacer une partie de votre template par celui d'un forum en phpbb2 :
en gros vous souhaitez un affichage de type phpbb2, je vous propose du coup simplement de remplacer une partie de votre template par celui d'un forum en phpbb2 :
- allez dans affichage > templates > général
- éditez le template viewtopic_poll_ballot
- remplacez le entièrement par le code suivant (j'ai déjà je pense fait les quelques réglages nécessaires, mais àvérifier par la suite que tout fonctionne bien ^^) :
- Code:
<form method="post" action="{S_POLL_ACTION}">
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="content">
{CLOSE_POLL}
<table width="100%" cellspacing="5" cellpadding="0" border="0" align="center" >
<tr>
<td align="center"><h2 class="gen"><b>{POLL_QUESTION}</b></h2></td>
</tr>
<tr>
<td align="center">
<table cellspacing="0" cellpadding="0" border="0" class="poll-ballot">
<!-- BEGIN poll_option -->
<tr>
<!-- <td><input type="radio" name="vote_id" value="{poll_option.POLL_OPTION_ID}" /> </td> -->
<td><input type="{poll_option.POLL_TYPE_BUTTON}" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}" /> </td>
<td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
</tr>
<!-- END poll_option -->
</table>
</td>
</tr>
<tr>
<td align="center"><input type="submit" name="submit" value="{L_SUBMIT_VOTE}" class="liteoption" /></td>
</tr>
<tr>
<td align="center"><span class="gensmall"><b><a href="{U_VIEW_RESULTS}" class="gensmall">{L_VIEW_RESULTS}</a></b></span></td>
</tr>
</table>
{S_HIDDEN_FIELDS}
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</form>
- Enregistrez puis publiez le template
- éditez le template viewtopic_poll_result
- remplacez le entièrement par le code suivant :
- Code:
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
{CLOSE_POLL}
<table width="100%" cellspacing="5" cellpadding="0" border="0" align="center" class="poll-result">
<tr>
<td colspan="4" align="center" class="poll-title"><h2 class="gen"><b>{POLL_QUESTION}</b></h2></td>
</tr>
<tr>
<td align="center">
<table cellspacing="5" cellpadding="0" border="0">
<!-- BEGIN poll_option -->
<tr>
<td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
<td>
<table cellspacing="0" cellpadding="0" border="0" class="progress-bar">
<tr>
<td><img src="{VOTE_LCAP_IMG}" height="12" alt="" /></td>
<td><img src="{poll_option.POLL_OPTION_IMG}" width="{poll_option.POLL_OPTION_IMG_WIDTH}" height="12" alt="{poll_option.POLL_OPTION_PERCENT}" /></td>
<td><img src="{VOTE_RCAP_IMG}" height="12" alt="" /></td>
</tr>
</table>
</td>
<td align="center"><b><span class="gen"> {poll_option.POLL_OPTION_PERCENT} </span></b></td>
<td align="center"><span class="gen">[ {poll_option.POLL_OPTION_RESULT} ]</span></td>
</tr>
<!-- END poll_option -->
</table>
</td>
</tr>
<tr>
<td colspan="4" align="center" class="poll-results"><span class="gen"><b>{L_TOTAL_VOTES} : {TOTAL_VOTES}</b></span></td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<!-- BEGIN cancel_vote -->
<tr>
<td colspan="4" align="center"><span class="gen"><b><a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a></b></span></td>
</tr>
<!-- END cancel_vote -->
<!-- BEGIN switch_hide_result -->
<tr>
<td colspan="4" align="center"><span class="gen">{L_POLL_HIDE_RESULT}</span></td>
</tr>
<!-- END switch_hide_result -->
</table>
<br clear="all" />
<span class="corners-bottom"><span></span></span>
</div>
</div>
- Enregistrez puis publiez le template
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Sondage au centre et listé (phpBB3)
C'est ça, c'est parfait. Merci beaucoup ! ♥ ^_^
Au cas où il y ait des problèmes par la suite voici mes templates d'origine :
Template viewtopic_poll_ballot :
Template viewtopic_poll_result :
Le seul problème au final reste l'invisibilité du texte de la question du sondage, problème provoqué par une des modifications que l'on m'avait dit de faire ici, cf : Problème couleur de certains textes (phpBB3). Je peux donc indiquer ce sujet comme résolu.
Au cas où il y ait des problèmes par la suite voici mes templates d'origine :
Template viewtopic_poll_ballot :
- Code:
<form method="post" action="{S_POLL_ACTION}">
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="content">
<h2 class="left-box h3" style="width: 97%;">{POLL_QUESTION}</h2>
<p class="right-box">{CLOSE_POLL}</p>
<div class="clear"></div>
<fieldset class="polls">
<!-- BEGIN poll_option -->
<dl>
<dt>{poll_option.POLL_OPTION_CAPTION}</dt>
<dd><input type="{poll_option.POLL_TYPE_BUTTON}" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}" /> </dd>
</dl>
<!-- END poll_option -->
<dl style="border-top:none">
<dt> </dt>
<dd><input type="submit" name="submit" value="{L_SUBMIT_VOTE}" class="button1" /></dd>
</dl>
<dl style="border-top:none">
<dt> </dt>
<dd class="resultbar"><strong><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></strong></dd>
</dl>
{S_HIDDEN_FIELDS}
</fieldset>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</form>
Template viewtopic_poll_result :
- Code:
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="content">
<h2 class="left-box" style="width: 97%;">{POLL_QUESTION}</h2><p class="right-box">{CLOSE_POLL}</p>
<div class="clear"></div>
<fieldset class="polls">
<!-- BEGIN poll_option -->
<dl>
<dt><label>{poll_option.POLL_OPTION_CAPTION}</label></dt>
<dd style="width:35%;"><img src="{VOTE_LCAP_IMG}" height="12" alt="" /><img src="{poll_option.POLL_OPTION_IMG}" width="{poll_option.POLL_OPTION_IMG_WIDTH}" height="12" alt="{poll_option.POLL_OPTION_PERCENT}" /><img src="{VOTE_RCAP_IMG}" height="12" alt="" /> {poll_option.POLL_OPTION_PERCENT} </dd>
<dd>[ {poll_option.POLL_OPTION_RESULT} ]</dd>
</dl>
<!-- END poll_option -->
<dl>
<dt> </dt>
<dd><strong>{L_TOTAL_VOTES} : {TOTAL_VOTES}</strong></dd>
<!-- BEGIN cancel_vote -->
<dd><b><a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a></b></dd>
<!-- END cancel_vote -->
</dl>
<!-- BEGIN switch_hide_result -->
<div id="hide_result_msg">{L_POLL_HIDE_RESULT}</div>
<!-- END switch_hide_result -->
</fieldset>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
Le seul problème au final reste l'invisibilité du texte de la question du sondage, problème provoqué par une des modifications que l'on m'avait dit de faire ici, cf : Problème couleur de certains textes (phpBB3). Je peux donc indiquer ce sujet comme résolu.
Sujets similaires
» Bouton clore sondage disparu (phpbb3)
» Redimensionner l'avatar dans la liste des membres (phpBB3)
» Outils de modération depuis la liste des sujets pour forum phpBB3
» Masquer l'intitulé "[ Sondage ]" dans le titre des sujets (PHPBB3)
» [Sondage] Augmenter le nombre de choix disponibles pour le sondage
» Redimensionner l'avatar dans la liste des membres (phpBB3)
» Outils de modération depuis la liste des sujets pour forum phpBB3
» Masquer l'intitulé "[ Sondage ]" dans le titre des sujets (PHPBB3)
» [Sondage] Augmenter le nombre de choix disponibles pour le sondage
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 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum