Largeur de la sidebarre (Créer un compte)

Accueil › Forums › Thèmes › Largeur de la sidebarre
  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • 17 janvier 2007 à 11 h 22 min #450118
    codfingers
    Participant
    Maître WordPress
    541 contributions

    Bonjour,

    Voilà le code de la stylesheet j’aurai voulu savoir comment augmenter la largeur de ma sidebar j’ai bidouillé tant que j’ai pu impossible de trouver !
    merci pour l’aide !
    Cordialement,

    /*
    Theme Name: Rubric
    Theme URI: http://tomandpilar.net/tom/
    Description: My Theme
    Version: 1.1
    Author: Hadley Wickham and modified by Tom Raftery
    Author URI: http://tomrafteryit.net/views/
*/


/* Whole page
   ——————————————– */


body {
	background-image: url(« images/rubric/gradient.gif »);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: repeat-x;
}
	 #content {
	margin-right: 20em;
	margin-left: 40px;
	background-color: #fff;
	padding-left: 3em;
padding-right:3em;
 padding-top :1em;
	margin-top: 300px;
		border-left: 2px #bfbfbf solid;
        border-right: 2px #e7e7e7 solid;
        border-top: 2px #bfbfbf solid;
        border-bottom: 2px #bfbfbf solid;
        text-align: justify
}

.commentOptional{
	width: 100%;
 	border : 1px solid #cecfce;
 	background-color : #ffffff;
 	margin-top: 5px;
 	padding: 2px;
}

.commentRequired{
	width: 100%;
 	border : 1px solid #cecfce;
 	background-color : #ADAAAD;
 	margin-top: 5px;
 	padding: 2px;
}

.commentHeader {
	text-decoration: none;
	color: #B54141;
	font-size: 1.5em;
}

.commentInput {
	width: 12em;
	font-family: Verdana, Tahoma, Arial, sans-serif; }

.amazon:after {
    content: « . »;     display: block;     height: 0;     clear: both;     visibility: hidden;
}

/* Hides from IE-mac */
* html .amazon {height: 1%;}
/* End hide from IE-mac */

.amazon {
	/* width:75%; */
	border: 1px solid #cecfce;
	background-color : #e6e6e6;
	color : #37de2d;
	padding: 4px;
	font-size : .9em;
	/*float: left;*/;
	right: 25px;
	left: 25px;
	position: inherit;
	margin-right: 50px;
	margin-left: 50px;
        margin-bottom: 10px;
}

.amazon img {
float: left;
padding-right:10px;
	border-style: none;
}

.amazon p{
	display: inline;
}



/* Image from sxc.hu (http://www.sxc.hu/browse.phtml?f=view&id=16710)
   Thanks bradleym! */


#header {
	position: absolute;
	top: 26px;
	left: 40px;
	background-image: url(« images/rubric/pen-sm.jpg »);
	background-position: top left;
	background-repeat: no-repeat;
	width:80%;
	margin: 0;
	height: 300px;
		padding-left: 45px;
		font-family: Georgia, « Times New Roman », Times, serif;
	font-weight: normal;
	font-size: 3em;
}


/* Content & menu
   ——————————————– */

#menu {
	width: 14em;
	position: absolute;
	float: right;
	top: 320px;
	right: 5em;
		font-size: 90%;
}
* html #menu { /* make IE put it in the right place */
	right: 5em;
}

.menuItem{
 width: 178px;
 border : 1px solid #cecfce;
 background-color : #ffffff;
 margin-top: 5px;
 padding: 2px;
}

.menuItem h2{
 font-family: Verdana, Tahoma, Arial, sans-serif;
 font-weight: normal;
 margin-top: 2px;
 margin-bottom: 2px;
 font-size: 1em;
}

img {border:1;}
a img:hover {background-color: inherit; border:0; }

#menu ul {
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
	list-style: none;		color: #B54141;
	/*text-indent: 1000em;*/

}

#menu a:link, #menu a:visited {
	color: black;
	border: none;
}


#menu ul ul {
	margin-left: 0;
	list-style: disc;
	list-style-position: inside;
	padding-left: 0.5em;
	text-indent: 0;
		color:#6a1124;
}


#menu form{
	margin: 0;	 }
#menu form br {
	display:none;
}

input {
	width: 12em;
	font-family: Verdana, Tahoma, Arial, sans-serif; }

 /* Post
   ——————————————– */


#content h2 {
	font-size: 0.9em;
	color: #666;
	margin-bottom: 0;
	margin-top: 0;

}

h3 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 0.33em;

}

.storytitle {
	margin-top: 0.25em;
}

.post-categories {
	display: inline;
	margin: 0;
	padding: 0;

}
.post-categories li {
	display: inline;
	margin-left: 0 3px 0 0;
	padding: 0;

}

.post .meta {
	font-size: 0.85em;
	color: #666;
}
.post .meta * {
	margin-top: 0;
}	.post .feedback {
	margin-bottom: 3em;
	border-bottom: 1px solid #ccc; 	padding-bottom: 1px;
}


/* Credit
   ——————————————– */
	 
p.credit {		margin-right: 20em;
	margin-left: 40px;
	padding: 0.5em;
	font-size: 90%;
}
p.credit a:visited, p.credit a:link {
	border: none;
}
	/* Basic typography
   ——————————————– */

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 80%;
}

p, td, th, li {
	font-size: 1em;
	line-height: 1.65em;
}


a:link, a:visited {
	text-decoration: none;
	color: #B54141;
	border: 1px solid white;
}
a:hover {
	background-color: #eee;
	border: 1px solid #ccc;
}



/* Temporary & testing
   ——————————————– */

	 
/* Backup of coloured menu headings 
 
#menu ul {
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
	list-style: none;		background-color: #B54141;
	color: #fff;
	padding: 1px;

}

#menu ul ul {
	background-color: white;
	margin-left: 0;
	list-style: disc;
	list-style-position: inside;
	padding-left: 0.5em;
}

#menu ul ul * {
/*
    Theme Name: Rubric
    Theme URI: http://tomandpilar.net/tom/
    Description: My Theme
    Version: 1.1
    Author: Hadley Wickham and modified by Tom Raftery
    Author URI: http://tomrafteryit.net/views/
*/


/* Whole page
   ——————————————– */


body {
	background-image: url(« images/rubric/gradient.gif »);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: repeat-x;
}
	 #content {
	margin-right: 20em;
	margin-left: 40px;
	background-color: #fff;
	padding-left: 3em;
padding-right:3em;
 padding-top :1em;
	margin-top: 300px;
		border-left: 2px #bfbfbf solid;
        border-right: 2px #e7e7e7 solid;
        border-top: 2px #bfbfbf solid;
        border-bottom: 2px #bfbfbf solid;
        text-align: justify
}

.commentOptional{
	width: 100%;
 	border : 1px solid #cecfce;
 	background-color : #ffffff;
 	margin-top: 5px;
 	padding: 2px;
}

.commentRequired{
	width: 100%;
 	border : 1px solid #cecfce;
 	background-color : #ADAAAD;
 	margin-top: 5px;
 	padding: 2px;
}

.commentHeader {
	text-decoration: none;
	color: #B54141;
	font-size: 1.5em;
}

.commentInput {
	width: 12em;
	font-family: Verdana, Tahoma, Arial, sans-serif; }

.amazon:after {
    content: « . »;     display: block;     height: 0;     clear: both;     visibility: hidden;
}

/* Hides from IE-mac */
* html .amazon {height: 1%;}
/* End hide from IE-mac */

.amazon {
	/* width:75%; */
	border: 1px solid #cecfce;
	background-color : #e6e6e6;
	color : #37de2d;
	padding: 4px;
	font-size : .9em;
	/*float: left;*/;
	right: 25px;
	left: 25px;
	position: inherit;
	margin-right: 50px;
	margin-left: 50px;
        margin-bottom: 10px;
}

.amazon img {
float: left;
padding-right:10px;
	border-style: none;
}

.amazon p{
	display: inline;
}



/* Image from sxc.hu (http://www.sxc.hu/browse.phtml?f=view&id=16710)
   Thanks bradleym! */


#header {
	position: absolute;
	top: 26px;
	left: 40px;
	background-image: url(« images/rubric/pen-sm.jpg »);
	background-position: top left;
	background-repeat: no-repeat;
	width:80%;
	margin: 0;
	height: 300px;
		padding-left: 45px;
		font-family: Georgia, « Times New Roman », Times, serif;
	font-weight: normal;
	font-size: 3em;
}


/* Content & menu
   ——————————————– */

#menu {
	width: 14em;
	position: absolute;
	float: right;
	top: 320px;
	right: 5em;
		font-size: 90%;
}
* html #menu { /* make IE put it in the right place */
	right: 5em;
}

.menuItem{
 width: 178px;
 border : 1px solid #cecfce;
 background-color : #ffffff;
 margin-top: 5px;
 padding: 2px;
}

.menuItem h2{
 font-family: Verdana, Tahoma, Arial, sans-serif;
 font-weight: normal;
 margin-top: 2px;
 margin-bottom: 2px;
 font-size: 1em;
}

img {border:1;}
a img:hover {background-color: inherit; border:0; }

#menu ul {
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
	list-style: none;		color: #B54141;
	/*text-indent: 1000em;*/

}

#menu a:link, #menu a:visited {
	color: black;
	border: none;
}


#menu ul ul {
	margin-left: 0;
	list-style: disc;
	list-style-position: inside;
	padding-left: 0.5em;
	text-indent: 0;
		color:#6a1124;
}


#menu form{
	margin: 0;	 }
#menu form br {
	display:none;
}

input {
	width: 12em;
	font-family: Verdana, Tahoma, Arial, sans-serif; }

 /* Post
   ——————————————– */


#content h2 {
	font-size: 0.9em;
	color: #666;
	margin-bottom: 0;
	margin-top: 0;

}

h3 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 0.33em;

}

.storytitle {
	margin-top: 0.25em;
}

.post-categories {
	display: inline;
	margin: 0;
	padding: 0;

}
.post-categories li {
	display: inline;
	margin-left: 0 3px 0 0;
	padding: 0;

}

.post .meta {
	font-size: 0.85em;
	color: #666;
}
.post .meta * {
	margin-top: 0;
}	.post .feedback {
	margin-bottom: 3em;
	border-bottom: 1px solid #ccc; 	padding-bottom: 1px;
}


/* Credit
   ——————————————– */
	 
p.credit {		margin-right: 20em;
	margin-left: 40px;
	padding: 0.5em;
	font-size: 90%;
}
p.credit a:visited, p.credit a:link {
	border: none;
}
	/* Basic typography
   ——————————————– */

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 80%;
}

p, td, th, li {
	font-size: 1em;
	line-height: 1.65em;
}


a:link, a:visited {
	text-decoration: none;
	color: #B54141;
	border: 1px solid white;
}
a:hover {
	background-color: #eee;
	border: 1px solid #ccc;
}



/* Temporary & testing
   ——————————————– */

	 
/* Backup of coloured menu headings 
 
#menu ul {
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
	list-style: none;		background-color: #B54141;
	color: #fff;
	padding: 1px;

}

#menu ul ul {
	background-color: white;
	margin-left: 0;
	list-style: disc;
	list-style-position: inside;
	padding-left: 0.5em;
}

#menu ul ul * {


	background-color: white;
	color: #000;
	width: 100%;
}	#menu table, #menu form, #menu caption {
	background-color: #fff;
	color: black;
	width: 100%;
}
*/


	background-color: white;
	color: #000;
	width: 100%;
}	#menu table, #menu form, #menu caption {
	background-color: #fff;
	color: black;
	width: 100%;
}
*/

    17 janvier 2007 à 12 h 50 min #589150
    Oo
    Membre
    Maître WordPress
    2484 contributions

    Bonjour Codfinger,

    Je ne sais pas si c’est utile de mentionner tout ton CSS ^^ Un simple lien vers ton site aurais été aussi bien ^^ [enfin je pense] !

    Néanmoins, je crois que c’est menuItem et le width à modifié !!!

    #
.menuItem{
#
width: 178px; <:::::::::::::::::::::::::::::::: C'est ici ^^
#
 border : 1px solid #cecfce;
#
 background-color : #ffffff;
#
 margin-top: 5px;
#
 padding: 2px;
#
}

    Ensuite va falloir revoir au niveau de la colonne principale et jouer avec les taille et les positionnement afin que l’espacement soit adéquat !

    Oo

    PS :

    17 janvier 2007 à 12 h 53 min #589151
    codfingers
    Participant
    Maître WordPress
    541 contributions

    oups ! t’a ultra raison !
    scusez pour la longueur…
    je vais essayer !

    17 janvier 2007 à 13 h 01 min #589152
    Oo
    Membre
    Maître WordPress
    2484 contributions

    No probs, sache que je ne suis pas un pro du CSS donc voila ! Mais j’ai deja fait la manip sur un autre thème et c’était un peut près la même démarche !!!

    17 janvier 2007 à 17 h 18 min #589153
    codfingers
    Participant
    Maître WordPress
    541 contributions

    C’est bon … dommage que l’on ne puisse faire cela en WYSIWYG ! quelle galère !

    18 janvier 2007 à 7 h 59 min #589154
    AmO
    Participant
    Maître WordPress
    4449 contributions
    codfingers wrote:
    C’est bon … dommage que l’on ne puisse faire cela en WYSIWYG ! quelle galère !

    Si tout était en WYSIWYG, j’aurai plus de job 😉

    18 janvier 2007 à 9 h 23 min #589155
    Oo
    Membre
    Maître WordPress
    2484 contributions

    + 1 pour AmO !!!

    18 janvier 2007 à 12 h 40 min #589156
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4073 contributions
    AmO wrote:
    codfingers wrote:
    C’est bon … dommage que l’on ne puisse faire cela en WYSIWYG ! quelle galère !

    Si tout était en WYSIWYG, j’aurai plus de job 😉

    Et moi j’en aurai peut-être un ! 😋

    18 janvier 2007 à 15 h 04 min #589157
    Oo
    Membre
    Maître WordPress
    2484 contributions

    😆

  • Auteur
    Messages
9 sujets de 1 à 9 (sur un total de 9)
  • Vous devez être connecté pour répondre à ce sujet.