Thème defaut kubrick redéfinir les marges global de la structure

  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #449467
    fabcool
    Participant
    Initié WordPress
    11 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.0.4
    – Thème utilisé : defaut (le kubrick)
    – Plugins en place : flvplayer
    – Nom de l’hebergeur : dedibox http://www.fabcool.net

    Problème(s) rencontré(s) : Reduire les marges des cotés droite et gauche dans le gris sans casser toute la structure, avec réadaptation selon la résolution du visiteur.

    Bonjour,

    en fait je n’ai pas trouvé de réponse concrète concernant mon prolème, car à mon etonnement personne ne s’est jamais confronté à ce problème sur le thème par defaut, il semblerait.
    Le But est principalement est d’avoir le contenu des billets plus large (vu que widescreen se repend pas mal)

    Donc pour cela j’ai tenté « bêtement » d’elargir dans le header.php les lignes:

    #header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
    	#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; }

    en augmentant le width de 250 px (et donc en mettant un fichier kubrickheader.jpg/kubrickbg.jp/kubrickwide resizé de 250 px de + en largeur)

    puis donc en augmentant dans le fichier style.css dans la partie « begin structure »

    #page {
    	background-color: white;
    	margin: 20px auto;
    	padding: 0;
    	width: 760px;
    	border: 1px solid #959596;

    là aussi en augmentant le width de 250 px

    Egalement:

    .narrowcolumn {
    	float: left;
    	padding: 0 0 20px 45px;
    	margin: 0px 0 0;
    	width: 450px;
    	}
    
    .widecolumn {
    	padding: 10px 0 20px 0;
    	margin: 5px 0 0 150px;
    	width: 450px;

    là aussi en augmentant le width de 250 px

    de même pour le footer

    #footer {
    	padding: 0 0 0 1px;
    	margin: 0 auto;
    	width: 760px;
    	clear: both;

    width augmenté de 250 px

    je ne sais que faire pour la suite une aide serais la bievenue, merci par avance 🙂

    le problème se pose surtout sur firefox la side bar est ecrasée à droite ainsi que la partie titre qui va vers la gauche…
    egalement lorsque j’utilise via l’editeur fourni d’article un article les balises centrer par exemple ca me flingue tout :(
    le probleme est surtout posé avec firefox, IE7 est toujours aussi etonnant à afficher correctement…

    #585141
    fabcool
    Participant
    Initié WordPress
    11 contributions

    help je cherche toujours de l’aide je n’arrive pas à solutionner les probleme :(

    #585142
    oliezekat
    Membre
    Chevalier WordPress
    107 contributions

    Perso, pour ma version améliorée du thème Kubrick, je planche pour faire une sidebar que l’on peut replier/déplier sur la droite comme dans les navigateurs Web… Pour donner plus d’espace au contenu.

    Surveille le blog http://labs.miaouw.net pour etre averti quand j’aurais réussi ;o)

    NB: les blocs Content et Sidebar doivent etre definis en CSS avec une taille fixe.

    #585143
    alakhnor
    Participant
    Maître WordPress
    996 contributions

    Sur le thème Kubrick, j’y suis parvenu (enfin, à peu près…).

    Il faut d’abord remettre les images (les 4 qui font 760px de large) à la bonne largeur, celle-ci définissant l’espace graphique.

    Ensuite, il y a quelques largeurs à modifier (dans la partie structure) :

    #page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 1160px;
    border: 1px solid #959596;
    }

    #header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 1158px;
    }

    #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }

    .narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 850px;
    }

    .widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 850px;
    }

    ça devrait suffire (plus, ça serait trop…).

    #585144
    generateur
    Participant
    Initié WordPress
    25 contributions

    Salut tout le monde
    Juste un petit truc à ne pas oublier, modifier la side sidebar (dans style.css)

    « /* Begin Sidebar */
    #sidebar
    {
    padding: 20px 0 10px 0;
    margin-left: XXXpx;
    width: 145px;
    }

    #sidebar form {
    margin: 0;
    }
    /* End Sidebar */

    Si vous changez pas la marge, votre largeur d’écriture de page ne changera pas, seule celle de la sidebar va grandir.

    sinon moi je cherche comment changer la proportion de la partie ombré sous la sidebar?

    #585145
    fabcool
    Participant
    Initié WordPress
    11 contributions

    Merci j’ai pu effectuer les changements suivants:

    /* Begin Structure */
    body {
    margin: 0 0 20px 0;
    padding: 0;
    }

    #page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 1160px;
    border: 1px solid #959596;
    }

    #header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 1158px;
    }

    #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }

    .narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 850px;
    }

    .widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 850px;
    }

    [..]

    #footer {
    padding: 0;
    margin: 0 auto;
    width: 1158px;
    clear: both;
    }

    #footer p {
    margin: 0;
    padding: 20px 0;
    width: 1158px;
    text-align: center;
    }
    /* End Structure */
    Les 4 images resizé en 1158 px de large

    Egalement la partie sidebar comme le dit generateur à la place de xxx j’ai mis 850

    mais bon le problème à present est la sidebar elle se met enfin à droite mais le contenu gauche se met en dessous de la side bar :( excepté lorsqu’on clique sur « archive » ou la « rubrique » là ça s’affiche correctement

    toujours visible sur mon site http://www.fabcool.net

    merci par avance

    #585146
    generateur
    Participant
    Initié WordPress
    25 contributions

    re-salut fabcool
    fait un petit essais avec la marge à gauche de la sidebar essais de mettre juste un peut plus que 850, genre 860
    ça pourrait marcher.

    #585147
    fabcool
    Participant
    Initié WordPress
    11 contributions

    Hello, merci de ta réponse mais bon effectivement même à 860 ca ne marche pas alors que lorsque je clique sur la rubrique « 3615 MyLife » la disposition est correcte.
    y a t-il pas une possibilité de copier cette disposition pour la placer dans style css ?
    j’ai du mal à voir à quelle boucle elle correspond…

    #585148
    oliezekat
    Membre
    Chevalier WordPress
    107 contributions

    Je vais remettre ce thème en chantier dés que le package « définitif » en français de WordPress 2.1 sera disponible… Si vous l’avez testé avec cette version, merci de me signaler les bugs du thème et/ou des plugins pris en charge par le thème ;o)

    #585149
    fabcool
    Participant
    Initié WordPress
    11 contributions

    Je me permet un petit up je suis toujours coincé :(

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