[Résolu] Agrandir le theme default à 100% (Créer un compte)

  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #451402
    maxpouliot
    Membre
    Initié WordPress
    3 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.1
    – Thème utilisé : Default
    – Plugins en place :
    – Nom de l’hebergeur :
    – Adresse du site : http://www.phenixdequebec.com/

    Problème(s) rencontré(s) :

    J’aimerais agrandir le tableau du thème Default pour qu’il fasse 100% de la page. Je trouve la largeur du thème un peu petit. Comment je fais?

    merci

    #596956
    Patrick-Argentine
    Membre
    Chevalier WordPress
    140 contributions

    Il existe des milliers de thèmes, le mieux c’est d’en changer

    #596957
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4079 contributions

    Il s’agit de modifier la taille de la largeur dans le CSS…

    #596958
    maxpouliot
    Membre
    Initié WordPress
    3 contributions

    J’ai regarder le css, mais je ne trouve pas exactement c’est ou… Quelqu’un peut m’aider?

    #596959
    hpsounds
    Participant
    Initié WordPress
    4 contributions

    Bonjour le Québec,

    Voici les modifications que j’ai apportées au thème Default de WordPress 2.1.2. Celles-ci sont visibles directement sur mon site http://www.hpsounds.com. Ne sont mentionnés dans la partie Code que les éléments qu’il faudrait modifier. Ce que je propose ici n’agrandit pas le thème à la largeur maximum de la page de ton butineur mais cela devrait te donner quand même suffisamment de place.

    Voici les tailles de mes fichiers graphiques pour la modification du thème:
    – kubrickheader.jpg = 960 x 200 pixels
    – kubrickbg.jpg = 960 x 40 pixels
    – kubrickbgwide.jpg = 960 x 40 pixels
    – kubrickfooter.jpg = 960 x 63 pixels

    Nota : les indications /* HPS _ _ _ */ sont des commentaires qui rappellent soit la valeur par défaut du thème, soit des valeurs intermédiaires qui m’ont permis d’adapter le thème.

    /*————————————————————————-*/
    /* Begin Typography & Colors */
    
    #headerimg 	{ 
    	margin: 7px 9px 0; 
    	height: 192px; 
    	width: 940px;/* HPS 740px */
    	} 
    
    /* End Typography & Colors */
    /*————————————————————————-*/
    
    
    /*————————————————————————-*/
    /* Begin Structure */
    
    #page {
    	background-color: white;
    	margin: 20px auto;
    	padding: 0;
    	width: 960px;/* HPS 760px */
    	border: 1px solid #959596;
    	}
    
    #header {
    	background-color: #73a0c5;
    	margin: 0 0 0 1px; 
    	padding: 0; 
    	height: 200px; 
    	width: 958px;/* HSP 758px */
    	}
    
    .narrowcolumn {
    	float: left;
    	padding: 0 0 20px 45px;
    	margin: 0px 0 0;
    	width: 600px;/* HPS 450px */
    	}
    
    .widecolumn
    {
    	padding: 10px 0 20px 0;
    	margin: 5px 0 0 50px;/* HPS 40px */
    	width: 860px;/* HPS 450px */
    }
    
    #footer {
    	padding: 0;
    	margin: 0 auto;
    	width: 960px;/* HPS 760px */
    	clear: both;
    	}
    
    /* End Structure */
    /*————————————————————————-*/
    
    
    /*————————————————————————-*/
    /* Begin Sidebar */
    
    #sidebar
    {
    	padding: 20px 0 10px 0;
    	margin-left: 695px;/* HPS 545px */
    	width: 220px;/* HPS 190px */
    	}
    
    /* End Sidebar */
    /*————————————————————————-*/

    Je reste à ta disposition si tu as des questions complémentaires.

    Hédi Kairouannais

    #596960
    maxpouliot
    Membre
    Initié WordPress
    3 contributions

    Ça marche! Super merci!

    #596961
    hpsounds
    Participant
    Initié WordPress
    4 contributions

    Bonjour Max,

    Je viens de voir sur le site web dont tu t’occupes que tu as transposé la modification que je t’avais proposée. Juste 2 petits détails supplémentaires afin d’affiner l’aspect de ce site:

    Gestion de la marge gauche de ta Sidebar

    Il me semble que cela serait plus harmonieux si les éléments de ta Sidebar n’étaient pas collés à la marge de gauche de celle-ci. Voici les paragraphes de ta feuille CSS qui faudraient modifier (ce que tu soustrais à l’un, additionnes le à l’autre :happy: ).

    /*————————————————————————-*/
    /* Begin Structure */
    	
    .narrowcolumn {
    	float: left;
    	padding: 0 0 20px 45px;
    	margin: 0px 0 0;
    	width: 600px;/* AUGMENTES ICI DE 30px */
    	}
    
    /* End Structure */
    /*————————————————————————-*/
    
    
    /*————————————————————————-*/
    /* Begin Sidebar */
    
    #sidebar
    {
    	padding: 20px 0 10px 0;
    	margin-left: 695px;/* AUGMENTE ICI DE 30 px */
    	width: 220px;/* DIMINUES ICI A 190px  QUI EST LA LARGEUR D’ORIGINE*/
    	}
    
    /* End Sidebar */
    /*————————————————————————-*/

    Centrage de tes éléments graphiques dans les billets

    Passes en mode Code dans l’éditeur de billet et entoure l’identificateur de ton image avec _ _ _.

    /* Code existant */
    <p><img src="http://www.phenixdequebec.com/images/penix.jpg" alt="Pénix" /></p>
    
    /* Code modifié */
    <p><img src="http://www.phenixdequebec.com/images/penix.jpg" alt="Pénix" /></p>

    Ainsi, ton image restera toujours centrée que ce soit dans le fil des billets ou dans la page du billet.

    Et voilà !

    Bon WordPress,

    :wp:

    Hédi Kairouannais

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