Adapter la taille du forum au header...

[fallawen]

Coucou !!

Voilà, je souhaiterais que tout mon forum soit dans le prolongement de mon header, comme un seul et unique cadre... pour cela, j'a besoin de 2 choses :

- Adapter la largeur du "tableau" à celle de mon header, qui est de 823px de large... J'ai essayé de rentrer cette dimension dans la configuration générale, mais ça n'a pas l'air de fonctionner. ..

- Remonter les blocs pour qu'il s’enchaînent sans espaces dans la hauteurs.

Merci d'avance !

[Dr. Karlos]

Bonsoir,

Vous pouvez réduire la largeur entière du forum en insérant ce code dans votre CSS (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS):

Code:

.bodylinewidth {
width: 823px;
}

Pour votre deuxième question, de quels blocs parlez-vous? Si vous parlez des différents catégories, vous pouvez supprimer les espaces en changeant votre mode de compression en allant dans votre panneau d'administration comme ceci:
> PA | Affichage | Structure et hiérarchie

Conserver les catégories sur l'index : Cochez "Moyen".


Cordialement.

[fallawen]

Je m'en vais de ce pas essayer ce petit bout de CSS, pour la deuxième partie, en fait plus simplement, je voudrais que le cadre intérieur du forum, viennent se coller au bord du header, et supprimer le fond par exemple du message d'en tête, de manière à ce qu'il soit directement affiché sur le fond du cadre du forum, et qu'il ai comme contour ce cadre ... que je vais remplacer par un cadre-image ...

Je sais pas si je suis très clair... je devrais peut être faire un schéma :p

Edit : le code que vous venez de me donner ne semble pas fonctionner, quelque soit la valeur que j'entre en pixel, le cadre du forum garde exactement la même taille ...

[Dr. Karlos]

Re,

Pourtant, je vois très bien la taille de votre forum comme étant rapetissée.


Tentez avec un autre navigateur et une valeur plus petite, comme 800px. Si ça ne fonctionne toujours pas, pouvez-vous coller votre CSS personnalisé ici?

J'ai effectivement quelques difficultés à comprendre le résultat que vous désirez obtenir, un schéma serait le bienvenu.

Déjà, pour retirer le cadre autour du message d'accueil, repérez cette partie dans votre template index_body:

Code:

<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->

Et remplacez-la par celle-ci:

Code:

<!-- BEGIN message_admin_index -->
<table class=messagepa" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->

Le CSS appliqué au cadre du message d'accueil doit être attribué à messagepa.


Cordialement.

[fallawen]

je crois que l’incompréhension vient du fait qu'il s'agit d'un autre forum ... j'aurais peut-être dut le préciser... Je suis désolée -_-'

le voici : http://hogwart-fever.com

Comme vous pouvez le voir, c'est en grand travaux -_-'



voici donc plus d'explications :

- le cadre beige indiqué par les flèche horizontal doit devenir plus étroit pour s'adapter au header. [OK]
- le cadre rouge doit disparaître. [OK]
- les bordures bordeaux doivent remplacer le cadre intérieur (celui qui devrait faire le tour du beige..)
- mon header doit descendre de quelques px pour ne plus être collé a la navigation ... [OK]

Je sais ça fait beaucoup -_-'

[fallawen]

up ? voici plus précisément ce que je voudrais obtenir (je vous met la maquette du résultat finale (sans le pied de page, parce que je suis pas encore rendue là)



et revoici le lien de l'état actuel des choses :
http://hogwart-fever.com

[Dr. Karlos]

Bonsoir,

Quelques petits problèmes de connexion. La largeur du forum ne diminuera plus puisque le logo est trop grand pour la largeur que vous désirez.

Pour remédier au problème, vous pouvez retirer l'affichage du fond de couleur au corps du forum et l'appliquer aux colonnes seulement à l'aide de code CSS:

Code:

.three-col td {
background-color: #EBDBA7 !important;
padding: -30px !important;
}

.bodyline {
background-color: transparent;
}

Vous pouvez réduire la taille des colonnes à l'aide de ce code:

Code:

.three-col {
width: 823px;
margin-left: 7px;
}

La largeur devrait être bonne pour votre forum. Si vous modifiez la largeur, recentrez les colonnes avec le margin.

Et finalement, pour réduire l'espace entre le header, insérez ce code:

Code:

#i_logo {
margin-bottom: -63px;
}

La configuration actuelle place les bordures de votre header collées sur celle des colonnes.


Cordialement.

[fallawen]

Mooon héro

huhu, un dernier petit détail, est-il possible de mettre une image en cadre de forum, de manière a prolongé mes magnifiques bordures bordeaux en biseau ?

[fallawen]

Je crois que ça y'est ! j'aurais besoin d'une confirmation depuis un autre écran que le miens

[Invité]

Sans vouloir tout gacher ,

voici ce que je vois:



De plus, je viens de remarquer que quand on va dans une section du forum autre que la page d'accueil le header s'agrandit mais pas le reste du forum ....

[fallawen]

Omg ... à l'aiiide ^.^

[Dr. Karlos]

Bonjour,

Les résolutions d'écran différentes causent ce problème.

Tentez de faire des images de fond changeantes selon la résolution du visiteur, cela devrait régler le problème.


Cordialement.

[fallawen]

Yop yop ! j'ai appliqué le tuto sur le fond changeant, mais voilà le problème, le fond ne s'affiche pas du tout T_T

soit je met un fond dans le gestionaire d'image, et il prend le pas sur les images du script, soit je n'en met pas...et rien ne s'affiche... j'aimerais bien comprendre ><

voici mon script :

Code:

$(function(){

var bg= "http://img707.imageshack.us/img707/9214/1600mr.jpg";

if(screen.width < 801) bg="http://img528.imageshack.us/img528/4141/800l.jpg";
else if(screen.width < 1025) bg="http://img707.imageshack.us/img707/3545/1024ql.jpg";
else if(screen.width < 1281) bg="http://img94.imageshack.us/img94/9020/1280ai.jpg";
else if(screen.width < 1601) bg="http://img707.imageshack.us/img707/9214/1600mr.jpg";

document.body.style.backgroundImage="url(\""+bg+"\")";

});

[fallawen]

Pardon du double post mais je crois être arrivée à quelque chose de correcte ^.^ j'aurais donc à nouveau besoin de l'avais d'un autre écran :p

Edit : Après vérification sur un pc portable et sur un 22pouces ... ça a l'air ok !!
Merci pour ce chouette coup de main