Largeur de la sidebarre

  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #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%;
    }
    */

    #589150
    Oo
    Membre
    Maître WordPress
    2486 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 :

    #589151
    codfingers
    Participant
    Maître WordPress
    541 contributions

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

    #589152
    Oo
    Membre
    Maître WordPress
    2486 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 !!!

    #589153
    codfingers
    Participant
    Maître WordPress
    541 contributions

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

    #589154
    AmO
    Participant
    Maître WordPress
    4452 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 😉

    #589155
    Oo
    Membre
    Maître WordPress
    2486 contributions

    + 1 pour AmO !!!

    #589156
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 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 ! 😋

    #589157
    Oo
    Membre
    Maître WordPress
    2486 contributions

    😆

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