Toutes les demandes de support touchant au style de votre forum.
Règles du forum
[Nom exact du style] Description de votre problème
Auteur du sujet
cyrilagri
Messages : 255 Enregistré le : 24 juillet 2011
Message
par cyrilagri » sam. 24 mars 2012 13:58
Bonjour,
J'ai le style supernova mais voilà j'ai modifier et élargie le forum et certain image du style !
Car avec un écran 22 pouce ou encore 17 ça fonctionne parfaitement ,mais voilà certain membre on des 19 et sont obliger de faire défiler la barre sur leur navigateur pour voir le forum en entier ou encore certain sujet pareille.
Donc ce qui serait bien serait que ça ce gère automatiquement et suivent la taille de chaque membre comme absolution que j' avez avant quoi.
Je voit pas ou modifier pour que le style soit en auto ?
Merci cordialement.
cyrilagri
zach
Support phpBB Assistance
Messages : 1313 Enregistré le : 27 décembre 2010
Message
par zach » sam. 24 mars 2012 14:22
Salut
#sn-shadows {
min-height: 90%;
width: 1440px;
padding: 0 19px;
margin: 0 auto;
background: url("./styles/supernova/theme/images/shadow.png") repeat-y;
margin-top: -8px; /* Bury shadow borders below navbar */
padding-top: 15px; /* We don't want the board content to be buried by the navbar */
et ça, ça te parles pas ? tu n'a qu'a faire en %
zach
Auteur du sujet
cyrilagri
Messages : 255 Enregistré le : 24 juillet 2011
Message
par cyrilagri » sam. 24 mars 2012 14:49
Coucou oui j'ai déjà testé mais le forum ce retrouve complétement à gauche et ça déborde à droite le reste du forum.
Cordialement.
cyrilagri
zach
Support phpBB Assistance
Messages : 1313 Enregistré le : 27 décembre 2010
Message
par zach » sam. 24 mars 2012 15:19
Je voit pas ou modifier pour que le style soit en auto ?
Pourquoi tu ne le dis pas avant si t'a déjà testé des choses ?
et le 1478px en dessous tu l'a testé aussi ?
zach
Auteur du sujet
cyrilagri
Messages : 255 Enregistré le : 24 juillet 2011
Message
par cyrilagri » dim. 25 mars 2012 12:14
J'ai test pas grand chose car ça marcher pas.
J'ai beau test comme donner si dessus rien ni fait
j'ai test avec % ou 100 rien ne change à par le forum qui ce déforme il doit bien avoir un moyen pour le mettre comme absolution 100% les membre avez pas de problème avant .
Voici le fichier :à savoir que d’origine c'est 932px j'ai modifier les images à 1440 donc changer la valeur.
Code : Tout sélectionner
/* Supernova (blue) CSS Information by Christian Bullock (http://www.ChristianBullock.com)
---------------------------------------- */
#dummy-element {width: 2px;}
#sn-shadows {
min-height: 90%;
width: 1440px;
padding: 0 19px;
margin: 0 auto;
background: url("{T_THEME_PATH}/images/shadow.png") repeat-y;
margin-top: -8px; /* Bury shadow borders below navbar */
padding-top: 15px; /* We don't want the board content to be buried by the navbar */
}
#sn-header {
width: 100%;
height: 130px;
background: url("{T_THEME_PATH}/images/blue/headerbg.png") repeat-x bottom #0f518f;
}
#sn-header-content, #sn-navbar-content {width: 1478px; margin: auto;}
a#sn-logo {
width: 484px;
height: 100px;
background: url("{T_THEME_PATH}/images/blue/logo.png") no-repeat;
display: block;
float: left;
}
#sn-controlbox {
float: right;
margin-right: 30px;
}
#sn-not-logged-in {
width: 259px;
height: 31px;
background: url("{T_THEME_PATH}/images/blue/login-notice.png") no-repeat;
margin-top: 34px;
}
#sn-not-logged-in-hover {
display: none;
width: 271px;
height: 248px;
background: url("{T_THEME_PATH}/images/blue/login-notice-hover.png") no-repeat;
position: absolute;
z-index: 9999; /* Make the div hover above the nav bar */
margin-top: -39px;
margin-left: -6px;
}
#sn-nli-content {
padding: 5px 15px 10px 15px;
margin-top: 45px;
color: #0870d1;
}
span.sn-form-label, #sn-nli-content a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.5px;
}
#sn-nli-content a {
text-transform:none;
color: #0870d1;
letter-spacing: normal;
}
.sn-nli-form {
width: 233px;
height: 24px;
line-height: 24px;
border: 1px solid #b8e3ff;
background: url("{T_THEME_PATH}/images/blue/nli-form-bg.png") repeat-x;
margin-top: 4px;
margin-bottom: 6px;
color: #0a81d0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
.fakecheck {
font: 12px Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
outline: none;
background: url("{T_THEME_PATH}/images/blue/checkbox.png") no-repeat;
height: 16px;
display: block;
float: left;
padding: 1px 0px 0px 20px;
}
.fakechecked {
background-position: left -25px;
}
#sn-nli-button {
width: 69px;
height: 26px;
background: url("{T_THEME_PATH}/images/blue/login-button.png") no-repeat top;
border: none;
float: right;
margin-top: 6px;
}
#sn-nli-button:hover {
background-position: bottom;
}
div.mini-profile {
background: transparent url("{T_THEME_PATH}/images/blue/mini-profile-r.png") no-repeat scroll top right;
display: block;
float: left;
height: 52px;
padding-right: 6px;
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-top: 21px;
color: #FFFFFF;
}
div.mini-profile .mini-profile-inner {
background: transparent url("{T_THEME_PATH}/images/blue/mini-profile-l.png") no-repeat;
display: block;
padding-left: 7px;
padding-right: 5px;
padding-top: 8px;
height: 44px;
text-align: left;
}
div.mini-profile img {
vertical-align: middle;
margin-top: -2px;
margin-right: 3px;
}
.member-icon {
width: 32px;
height: 30px;
background: url("{T_THEME_PATH}/images/blue/member-icon.png") no-repeat;
float: left;
margin-right: 8px;
}
a.sn-mini-profile-username {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 12px;
color: #FFFFFF !important;
text-decoration: none;
text-transform: uppercase;
text-shadow: 1px 1px 5px #000000;
letter-spacing: -0.3px;
float: left;
}
a.sn-mini-profile-username:hover, a.sn-mini-profile-logout:hover {
text-decoration: underline;
}
a.sn-mini-profile-link {
color: #FFFFFF;
font-family: Verdana, Geneva, sans-serif;
}
a.sn-mini-profile-logout {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 12px;
color: #4CD02E;
text-decoration: none;
text-transform: uppercase;
text-shadow: 1px 1px 5px #000000;
letter-spacing: -0.3px;
float: right;
}
.sn-header-alert {
background-color: #FBE3E4;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 12px;
color: #860006;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #FBC2C4;
}
.sn-header-alert a {color: #860006; text-decoration: underline;}
.sn-header-alert a:hover {text-decoration: none;}
.sn-header-alert img {vertical-align: middle; margin-top: -3px;}
#sn-navbar {
width: 100%;
height: 51px;
line-height: 46px;
background: url("{T_THEME_PATH}/images/navbg.png") repeat-x bottom transparent;
position: relative; /* Allows for navbar to overlap shadow border */
}
#sn-navbar a {
color: #259C0A;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -0.5px;
}
#sn-navbar a:hover {
text-decoration: underline;
color: #259C0A;
}
#sn-navbar img {vertical-align: middle; margin-top: -2px; margin-right: 6px;}
div.colour-block {
background: transparent url("{T_THEME_PATH}/images/colour_block_right.png") no-repeat scroll top right;
float: right;
height: 26px;
padding-right: 7px;
margin-top: 11px;
margin-left: 10px;
line-height: 25px;
}
div.colour-block span {
background: transparent url("{T_THEME_PATH}/images/colour_block_left.png") no-repeat;
display: block;
padding-left: 29px;
height: 26px;
}
div.colour-block span a {outline: none;}
img.colour-block {
margin-right: 0px !important;
}
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url("{T_THEME_PATH}/images/tipsy.gif"); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.sn-breadcrumbs {float: left; margin-bottom: 5px;}
.sn-options {float: right; margin-bottom: 5px;}
.sn-breadcrumbs a, .sn-options a {
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
color: #30831D;
font-size: 12px;
}
.sn-breadcrumbs a:hover, a.sn-options a:hover {color: #259C0A;}
.sn-breadcrumbs img, .sn-options img {
vertical-align: middle;
margin-top: -6px;
margin-right: 6px;
}
.sn-search-links a {
font-size: 10px;
letter-spacing: -0.04em;
}
.sn-cat-header {
width: 1440px;
height: 31px;
background: url("{T_THEME_PATH}/images/blue/cat-header.png") no-repeat;
position: relative;
z-index: 1;
}
.sn-cat-row {
width: 1432px;
padding: 0 4px;
background: url("{T_THEME_PATH}/images/blue/cat-row.png") repeat-y;
margin-top: -3px;
}
.sn-cat-footer {
width: 1440px;
height: 6px;
background: url("{T_THEME_PATH}/images/blue/cat-footer.png") no-repeat;
margin-bottom: 6px;
position: relative;
z-index: 1;
margin-top: -2px;
}
div.cat-name {
background: transparent url("{T_THEME_PATH}/images/blue/cat-name-r.png") no-repeat scroll top right;
float: left;
height: 21px;
padding-right: 6px;
margin-left: 4px;
line-height: 21px;
}
div.cat-name span {
background: transparent url("{T_THEME_PATH}/images/blue/cat-name-l.png") no-repeat;
display: block;
padding-left: 6px;
height: 21px;
letter-spacing: -1px;
}
div.cat-name span, div.cat-name span a {
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
font-size: 12px;
color: #30831D;
text-shadow: none;
}
.sn-cat-header-label {
margin-top: 8px !important;
text-shadow: 1px 1px 3px #000000;
letter-spacing: 0.4px;
}
li.row {border-bottom: none;}
.sn-forum-description {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #838383;
line-height: 14px;
}
.sn-big-stat {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #30831D;
}
.sn-move-icon {
width: 11px;
height: 11px;
float: right;
background-image: url("{T_THEME_PATH}/images/move-icon.png");
background-repeat: no-repeat;
margin-top: 4px;
margin-right: 5px;
cursor: move;
}
.sn-placeholder {
background-color: #F6F6F6;
border: 2px dashed #DDDDDD;
margin-bottom: 4px;
background-image: url("{T_THEME_PATH}/images/drop.png");
background-position: 50% 20px;
background-repeat: no-repeat;
}
.sn-stat-info {
padding-left: 40px;
background-repeat: no-repeat;
}
.sn-stat-info strong {
font-size: 14px;
}
.sn-index-icon {
position: relative;
left: -18px;
}
.sn-author-column {
width: 40% !important;
}
.sn-reported-row {
background-image: url("{T_THEME_PATH}/images/row-reported.png") !important;
background-repeat: repeat-x;
background-color: #fdeded !important;
}
.sn-unapproved-row {
background-image: url("{T_THEME_PATH}/images/row-unapproved.png") !important;
background-repeat: repeat-x;
background-color: #eefcee !important;
}
.postbody h3 {
color: #115098;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: -0.4px;
}
h3.first {
font-size: 16px !important;
}
Cordialement.
cyrilagri
Auteur du sujet
cyrilagri
Messages : 255 Enregistré le : 24 juillet 2011
Message
par cyrilagri » lun. 26 mars 2012 19:39
Bonjour,
J'ai voulue suivre ça :
http://forums.phpbb-fr.com/documentatio ... 28701.html mais j'ai pas ça :
Pourtant basé sur prosilver.
J'ai juste ça :
Code : Tout sélectionner
/* Main blocks
---------------------------------------- */
#simple-wrap {
padding: 6px 10px;
}
#page-body {
margin: 4px 0;
clear: both;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
a#logo:hover {
text-decoration: none;
}
Je cherche mais bon sans résultat ,pourtant j'ai test sur un portable 17 pouce ou encore 22 ça marche bien le forum déborde pas ni même sur les sujets .
Pourriez vous faire un test éventuellement et me dire ? voici
forum
Voici l'image d'un membre débordement :
sont écran et en 1366x768 19P !!
Dans absolution il y à le fichier absolution_config.html pour faire ça mais pas dans supernova. !!
Cordialement.
cyrilagri
zach
Support phpBB Assistance
Messages : 1313 Enregistré le : 27 décembre 2010
Message
par zach » lun. 26 mars 2012 20:54
.sn-cat-header {
width: 1440px;
height: 31px;
background: url("./styles/supernova/theme/images/blue/cat-header.png") no-repeat;
position: relative;
z-index: 1;
}
.sn-cat-row {
width: 1432px;
padding: 0 4px;
background: url("./styles/supernova/theme/images/blue/cat-row.png") repeat-y;
margin-top: -3px;
}
.sn-cat-footer {
width: 1440px;
height: 6px;
background: url("./styles/supernova/theme/images/blue/cat-footer.png") no-repeat;
margin-bottom: 6px;
position: relative;
z-index: 1;
margin-top: -2px;
}
Normalement dans les styles "normaux" on défini un container wrap avec la largeur voulue, et tout ce qui va dedans s'adapte en fonction de cette taille max on s'amuse pas à bricoler des width fixes partout ...
zach
Auteur du sujet
cyrilagri
Messages : 255 Enregistré le : 24 juillet 2011
Message
par cyrilagri » lun. 26 mars 2012 21:44
Oui c'est pourquoi je comprends pas il n'y à rien pour ça si je rajoute le code peux être que ça marchera ? .
Et c'est peux être du au fait que on peux choisir trois couleur sur ce style aucune idée.
cyrilagri
zach
Support phpBB Assistance
Messages : 1313 Enregistré le : 27 décembre 2010
Message
par zach » lun. 26 mars 2012 21:53
non aucun rapport entre taille et couleur
pour ton prb, regarde à l'intérieur de ma citation, car c'est ca qui bloque la taille malgré les autres modifs
zach
1 Réponses
217 Vues
Dernier message par Steph
sam. 27 juin 2020 16:09