Adapter la taille du forum au header...

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Adapter la taille du forum au header...

Message par fallawen le Lun 19 Mar 2012 - 23:00

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 !


Dernière édition par fallawen le Mer 21 Mar 2012 - 15:45, édité 1 fois

fallawen
*

Messages : 30
Inscrit(e) le : 16/08/2011

http://lepensionnat.forums-rpg.com
fallawen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par Dr. Karlos le Lun 19 Mar 2012 - 23:51

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". Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par fallawen le Mar 20 Mar 2012 - 0:17

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 ...

fallawen
*

Messages : 30
Inscrit(e) le : 16/08/2011

http://lepensionnat.forums-rpg.com
fallawen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par Dr. Karlos le Mar 20 Mar 2012 - 1:48

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. Wink

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. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par fallawen le Mar 20 Mar 2012 - 3:27

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 -_-'


Dernière édition par fallawen le Mer 21 Mar 2012 - 3:50, édité 2 fois

fallawen
*

Messages : 30
Inscrit(e) le : 16/08/2011

http://lepensionnat.forums-rpg.com
fallawen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par fallawen le Mar 20 Mar 2012 - 23:51

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

fallawen
*

Messages : 30
Inscrit(e) le : 16/08/2011

http://lepensionnat.forums-rpg.com
fallawen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par Dr. Karlos le Mer 21 Mar 2012 - 1:17

Bonsoir,

Quelques petits problèmes de connexion. Wink 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. Wink

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. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par fallawen le Mer 21 Mar 2012 - 3:52

Mooon héro Razz

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
*

Messages : 30
Inscrit(e) le : 16/08/2011

http://lepensionnat.forums-rpg.com
fallawen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par fallawen le Mer 21 Mar 2012 - 4:58

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

fallawen
*

Messages : 30
Inscrit(e) le : 16/08/2011

http://lepensionnat.forums-rpg.com
fallawen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par Invité le Mer 21 Mar 2012 - 9:45

Sans vouloir tout gacher Razz,

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 ....

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par fallawen le Mer 21 Mar 2012 - 12:26

Omg ... à l'aiiide ^.^

fallawen
*

Messages : 30
Inscrit(e) le : 16/08/2011

http://lepensionnat.forums-rpg.com
fallawen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par Dr. Karlos le Mer 21 Mar 2012 - 12:30

Bonjour,

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

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


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par fallawen le Mer 21 Mar 2012 - 13:06

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
*

Messages : 30
Inscrit(e) le : 16/08/2011

http://lepensionnat.forums-rpg.com
fallawen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter la taille du forum au header...

Message par fallawen le Mer 21 Mar 2012 - 14:24

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 !! cheers
Merci pour ce chouette coup de main Wink

fallawen
*

Messages : 30
Inscrit(e) le : 16/08/2011

http://lepensionnat.forums-rpg.com
fallawen a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum