Style supernova [Dimensions auto]

Image Toutes les demandes de support touchant au style de votre forum.
Règles du forum
[Nom exact du style] Description de votre problème
Avatar du membre

Auteur du sujet
cyrilagri
Messages : 255
Enregistré le : juillet 2011

Re: Style supernova [Dimensions auto]

Message par cyrilagri » lun. 26 mars 2012 22:06

Ben si je mais en auto à la place de 932px donc le fichier original sans modification le forum ce mais bien dans la taille de l'écran sauf à un endroit c'est peux être pas la bonne méthode non plus. :^^:

Voici le code original: :arrow:

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: 932px;
	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: 100px;
	background: url("{T_THEME_PATH}/images/blue/headerbg.png") repeat-x bottom #0f518f;
}

#sn-header-content, #sn-navbar-content {width: 960px; 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: #87cfff;
	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: #0870d1;
	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: #0a8ee6;
}

#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: #0870D1;
	font-size: 12px;
}

.sn-breadcrumbs a:hover, a.sn-options a:hover {color: #0A8EE6;}

.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: 932px;
	height: 31px; 
	background: url("{T_THEME_PATH}/images/blue/cat-header.png") no-repeat;
	position: relative;
	z-index: 1;
}

.sn-cat-row {
	width: 924px;
	padding: 0 4px;
	background: url("{T_THEME_PATH}/images/blue/cat-row.png") repeat-y;
	margin-top: -3px;
}

.sn-cat-footer {
	width: 932px;
	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: #096fb5;
	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: #0e5999;
}

.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;
}
Comme j'ai put voir c'est un style fixe il faut juste trouver la solution pour modifier chaque fichier css. :roo:

Avatar du membre

zach
Support phpBB Assistance
Support phpBB Assistance
Messages : 1313
Enregistré le : décembre 2010

Re: Style supernova [Dimensions auto]

Message par zach » lun. 26 mars 2012 22:21

Bon je vois qu'il y a plus rien à faire si tu poste ton code en entier alors que ta la solution sous les yeux :

Code : Tout sélectionner

#sn-shadows {
	min-height: 90%;
	width: 90%;
	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 */
}

#sn-header {
	width: 90%;
	height: 130px;
	background: url("./styles/supernova/theme/images/blue/headerbg.png") repeat-x bottom #0f518f;
}

Code : Tout sélectionner

#sn-navbar {
	width: 90%;
	height: 51px;
	line-height: 46px;
	background: url("./styles/supernova/theme/images/navbg.png") repeat-x bottom transparent;
	position: relative; /* Allows for navbar to overlap shadow border */

Code : Tout sélectionner

.sn-cat-header {
	width: 90%;
	height: 31px; 
	background: url("./styles/supernova/theme/images/blue/cat-header.png") no-repeat;
	position: relative;
	z-index: 1;
}

.sn-cat-row {
	width: 100%;
	padding: 0 4px;
	background: url("./styles/supernova/theme/images/blue/cat-row.png") repeat-y;
	margin-top: -3px;
}

.sn-cat-footer {
	width: 90%;
	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;
}
et si tu ne vois pas ou les trouver cherche la http://www.agricoleforum.fr/style.php?id=33&lang=fr

Avatar du membre

Auteur du sujet
cyrilagri
Messages : 255
Enregistré le : juillet 2011

Re: Style supernova [Dimensions auto]

Message par cyrilagri » lun. 26 mars 2012 22:55

Pas mal et merci beaucoup mais reste juste les images et certain truc qui bouge pas. :na na: :clin:

Voir l'image

Avatar du membre

zach
Support phpBB Assistance
Support phpBB Assistance
Messages : 1313
Enregistré le : décembre 2010

Re: Style supernova [Dimensions auto]

Message par zach » mar. 27 mars 2012 00:18

regarde de ce coté et teste

Code : Tout sélectionner

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

Avatar du membre

Auteur du sujet
cyrilagri
Messages : 255
Enregistré le : juillet 2011

Re: Style supernova [Dimensions auto]

Message par cyrilagri » mar. 27 mars 2012 19:43

Bonjour, ça donne rien de spéciale rien ne ce passe. :na:

PS:
Au passage j'ai profiter pour mettre à jour le style !!(il était en 3.0.8)

J'ai fait MàJ 3.0.8 à 3.0.9 puis ensuite. MàJ 3.0.9 à 3.0.10. :clin:

Cordialement.

Avatar du membre

zach
Support phpBB Assistance
Support phpBB Assistance
Messages : 1313
Enregistré le : décembre 2010

Re: Style supernova [Dimensions auto]

Message par zach » mar. 27 mars 2012 19:46

Bien dans ce cas, je pense que le mieux c'est de choisir un thème extensible en le laissant comme tel, plutôt que de prendre un thème non extensible en devant tout refaire, je dis ça car c'est la 1ere question qu'on doit se poser avant de choisir ou de garder un style, or la tu découvre l'importance de ce choix dès le départ,

à ce stade pour moi ce n'est plus une question de support, mais de "mauvais choix" sauf à ce que l'auteur du style le fasse pour toi (vu que c'est son copyright en footer) mais j'en doute vu qu''en général la taille fixe est la solution de "facilité"

Avatar du membre

Auteur du sujet
cyrilagri
Messages : 255
Enregistré le : juillet 2011

Re: Style supernova [Dimensions auto]

Message par cyrilagri » mar. 27 mars 2012 20:49

Oui et c'est vraiment ce qui me gêne j'aurais du prendre extensible. :mouh:

Maintenant j'ai passer trop de temps à adapter mais mod dessus et améliorer certain chose pour changer encore puis la bannière à était fait pour ce vert que je voulez d'ailleurs. :clin:

Cordialement.

Avatar du membre

zach
Support phpBB Assistance
Support phpBB Assistance
Messages : 1313
Enregistré le : décembre 2010

Re: Style supernova [Dimensions auto]

Message par zach » mar. 27 mars 2012 21:19

Si j'ai le tps j'esserai en local, mais bon je suis passé à window 7 64 bits et faudra etre patient pour que je réinstalle tout

Avatar du membre

Auteur du sujet
cyrilagri
Messages : 255
Enregistré le : juillet 2011

Re: Style supernova [Dimensions auto]

Message par cyrilagri » mar. 27 mars 2012 21:25

Moi j'ai test en local voilà si je remplace tout les réglage d'origine 932px par auto :arrow:

Testé sur un 22 pouce de 1680x1050 ça marche et également sur un 19 à 1366x1050 manque juste le bout entourer rouge !!
Voir l'image

Donc manque juste ce bout car ça marcherait ainsi sur plusieurs écran sans problème.

Cordialement.

Avatar du membre

zach
Support phpBB Assistance
Support phpBB Assistance
Messages : 1313
Enregistré le : décembre 2010

Re: Style supernova [Dimensions auto]

Message par zach » mer. 28 mars 2012 13:26

cyrilagri a écrit : Pas mal et merci beaucoup mais reste juste les images et certain truc qui bouge pas. :na na: :clin:

Voir l'image
Ben oui mais rien à voir avec le css, faut t'en prendre aux images dont la longueur est pas prévue pour http://www.agricoleforum.fr/styles/supe ... header.png , http://www.agricoleforum.fr/styles/supe ... footer.png tu peut toujours les supprimer

Verrouillé
  • Sujets similaires
    Réponses
    Vues
    Dernier message

Retourner vers « Support Styles phpBB3 »