Déplacer la colonne de gauche vers la droite

[Invité]

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.

Connexion avec identifiant et mot de passe

[stefvar]

Bonjour,

J'ai cherché une méthode pour déplacer la colonne gauche d'un thème, "element", vers la droite pour que les deux colonne soient côte à côte mais sans succès.
Si j'ai bien réussi à faire quelque chose de similaire, nul doute que la méthode employée n'est pas la bonne vu le résultat  .

Donc, si vous connaissez une méthode qu'un ignorant dans le domaine serait susceptible de comprendre, je suis preneur.

Merci par avance 

[Diabolo]

Slt, Faudrait que je regarde mais là je vais avoir 2/3 jours d'indisponibilité, je m'en coccupe dès que je reviens à moins que quelqu'un d'autre.

Sinon rapide, dans le theme.html y a une function

Code:

<div id="cols" class="bx {LAYOUT_CLASS}">

qui ramène à al function du fichier function.php du thème

Code:

/**
 * Die verschiedenen Layout-Spalten definieren
 */
function theme_get_layout_class()
{
    global $themesetting;

    /* Die verschiedenen Layout-Spalten definieren */
    if (theme_hideleftblocks()) {
        /* einfache Moeglichkeit, die linken Bloecke bei bestimmten Seiten zu entfernen */
        // einspaltiges Layout
        return 'hideboth';
    } else if (!$GLOBALS['index']) {
        // zweispaltiges Layout
        return 'hidecol2';
    } else {
        // dreispaltiges Layout > Standard
        return 'hidenone';
    }
}

Ceci va donner une class différente selon le setting.php du thème (ex pour module en pleine page)

ensuite le reste ce faisant via css (affichage selon la class et largeur) et je pense aussi déplacer la portion de code pour l'affichage de la colonne de gauche

Code:

<!-- START blocks_left_container -->
          <div id="aside">
            <a id="navigation" name="navigation"></a>
<!-- START blocks_left_loop -->
<!-- START block_left -->
            <div class="block __BLOCK_ID__">
              <h3 class="title">
                {BLOCK_TITLE}
              </h3>
              <div class="bc">
                {BLOCK_CONTENT}
              </div>
            </div>
<!-- END block_left -->
<!-- END blocks_left_loop -->
          </div><!-- /aside -->
<!-- END blocks_left_container -->      

Sinon pour bien comprendre qui fait quoi coté css
https://addons.mozilla.org/fr/firefox/addon/1843

Indispensable  

[stefvar]

Re,

Merci Thierry pour tes explications que j'avais vu dans d'autres sujets mais elles ne correspondent pas au thème que j'utilise, d'où ma question.
Concernant Firebug je l'ai mais il est vrai que j'utilisais essentiellement l'addon Web Developpeur.
Je vais essayer avec Firebug voir ce que cela donne, merci.

[Diabolo]

Slt,
J'ai fait la modif rapide

ci joint les fichiers modifiés: index.html et layout.css

J'ai fait ça rapide, reste surement des corrections à faire sur les marges, etc.. et largeurs des colonnes que tu souhaites mais ça me semble fonctionnel  testé sur ff et ie 7

Désormais les deux colonnes de coté se retrouvent à droite de la colonne principale.

@++

[stefvar]

Bonjour,

Merci Thierry, je vais regarder cela dès que possible voir comment tu as fait, peut être que j'y comprendrai quelque chose 
Encore merci 

[stefvar]

Re,

Je viens de mettre tes modifications sur un site de test et, il n'y a pas à dire, ça le fait bien 
Lorsque je regarde les modifications effectuées, cela semble un jeu d'enfant tellement évident que je n'y arrivait pas 
Sur ce point, j'aurai du chemin à faire mais, finalement, je laisse cela à ceux qui savent et me contenterai de continuer à faire ce que je sais à peu prêt 

[stefvar]

Bonjour,

Finalement, je m'amuse comme un petit fou avec ce truc là, je n'ai pas encore tout compris à certaines subtilités mais ça vient 
Par contre, quel genre de logiciel utilisez vous pour créer et/ou modifier un thème ?

[kawa]

Bonjour

Moi j'utilise Adobe Dreamweaver CS4, Nvu, Notepad++.

Si vous cherché un logiciel pour lire le DIV, il n'existe pas.

@++

[stefvar]

Re,

Je ne connaissais absolument pas NVU, KompoZer maintenant et vais voir ce qu'il vaut, merci.

[kawa]

Re Stefvar

Oui KompoZer est très bien, de plus il est en français a cette adresse : http://www.geckozone.org/telechargement/

@++

[stefvar]

Re,

Je me suis mal exprimé, c'est NVU qui a changé de nom et qui s'appelle à présent KompoZer 

[Diabolo]

Slt,
Perso j'ai laissé tomber dreamweaver, nvu et consorts....Rien ne vaut un éditeur pour bien comprendre qui fait quoi.

Un bon éditeur (ultraedit pour ma part) et c'est tout !! pour le css j'utilise aussi topstyle et photoshop pour le design.

Ces trois logiciels font quasiment 100% de ce que j'ai besoin  

@stefvar

en + Si tu veux afficher dans blocs particuliers selon les modules utilisés
http://www.pragmamx.fr/Forum-topic-2054.html

 

[stefvar]

Re,

Pour les blocs, j'ai ma petite idée sur la question, quelque chose dans le style de Blocks managers mais ce sera pour plus tard car là, je joue trop avec le thème 

[kawa]

Bonjour à vous

Diabolo a raison, il ne faut pas utiliser dreamreaver ou NVU a la création. Car ce n'est pas stable mais cela peut aider un novice qui veux apprendre.

Moi je fais comme diabolo, j'utilise un éditeur comme ultraedit ou Notepad++ pour créer mes blocs. Je fais tout a la main.

Par contre, j'utilise Dreamweaver pour la correction et la compatibilité sous différents navigateurs.
Dreamweaver ne va pas corriger mon travail, il va simplement me dire qu'il y a une erreur a la ligne X et que cela peut influencer sous Internet Explorer 6 etc... ou si je fais une faute de frape sur une ligne, il va simplement me dire qu'il y a une faute a la ligne X.

Ce que j'aime chez pragmaMx, c'est la structure du HTML, chaques blocs fonctionne en section, comme le header, bloc gauche, bloc centre, bloc droit, tout fonctionne indépendamment et chaque section est individuel a un bloc, alors on peut créer un header en bloc et l'adapter a pragmaMx.

@++