Images à la place des titres

[StaffGlamour]

Bonsoir tout le monde

Voila mon petit soucie j'ai mit des "banniere" a la place des titres forums mais le probleme c'est qu'elles ne sont pas assez longue, si je modifie trop la taille sa m'élargit la partit ou je l'insere.

De plus si ce n'est pas modifiable d'un point de vue taille est ce que je peux la centrer ?

En sachant que mon idée 1ere est que la banniere fasse la largeur jusqu'a "dernier message"

Voila le forum si sa peut vous aidez a y voir plus clair
http://teamglamour.asiat-world.com/

ainsi qu'un screen :



Merci pour tout !

[tupac]

Bonsoir

Pour centrer votre image entourez-la de ceci.

Code:

<center><img src=" image ici "></center>

et pourquoi ne pas diminuer la largeur de votre forum de se fait le vide de chaque coté de votre image sera moindre.

Cordialement

[StaffGlamour]

Bonsoir Tupac, merci pour votre réponse c'est parfait.

A vrai dire j'y ai pensé pas seulement pour ce probleme mais aussi parce que j'ai une image de fond avec des banderolles sur les cotés et du coup sa ne fait pas trés "beau" mais je ne sais pas comment on fait.

[StaffGlamour]

Bonjour En faite c'est presque parfait..

J'ai un autre probleme , j'avais pas fait attention a ce détail qui du coup gache vraiment tout.
Sur la page d'accueil le rendu est bien a part la mise en page donc oui il faudrait que je puisse redimensionner le forum et voir si c'est possible de redimensionner la catégories sur la hauteur car la il y a beaucoup de marge sur le bas..

Mais mon soucie avec les images sur la page d'accueil , voila le screen en visu sa devrait etre plus simple a comprendre.



Merci

[tupac]

Bonsoir

Si vous pouviez a l'aide d'une flèche me montrer la marge d'on vous parlez svp.

[StaffGlamour]

Bonjour,

Oui,Voila:


Merci et bonne journée.

[tupac]

Il va falloir rajouter une class a votre image comme ceci.

Code:

<center><img src=" votre image ici " class="img_desc"></center>

Puis dans votre feuille de style css placer le code suivant.

Code:

.img_desc{margin-bottom: -30px;}

A vous de régler le PX pour réduire la marge.

[StaffGlamour]

Comment sa regler le PX ?

Alors c'est bon c'est réduit j'ai plus la marge.

[tupac]

Je vois que vous avez pu le régler puisque l'espace n'y est plus.

[StaffGlamour]

J'ai juste mit votre code en faite tout simplement ^^
Pouvez vous m'aidez a regler la taille du forum s'il vous plait ?

[tupac]

Avez-vous essayé dans le panneau d'administration => général => forum => configuration => largeur du forum.

[StaffGlamour]

Finalement c'est bon !!
Merci beaucoup

[StaffGlamour]

Bonsoir,

J'ai de nouveau un soucie je souhaiterai mettre l'image dans la section forum mais sa me donne sa :



J'aimerai enlever les espaces la ou j'ai mis mes especes de fleches rouges.

Le code que vous m'aviez donnés ne marche pas apparement pour la catégorie forum...

Merci

[tupac]

Donc soit vous réduisez la taille de votre forum soit vous élargissez votre image.

[StaffGlamour]

Mais pour l'espace du bas y'a pas un code comme celui que vous m'aviez donné a mettre dans le CSS ?

Mon forum est deja a 50% aprés sa fait bizarre...

Merci en tout cas.

[StaffGlamour]

Et puis je dois avoir un soucie quelques part...la j'ai mit a 10% et sa ne bouge plus..

[tupac]

Il va falloir rajouter une class a votre image comme ceci.

Code:

<center><img src=" votre image ici " class="img_desc"></center>

Puis dans votre feuille de style css placer le code suivant.

Code:

.img_desc{margin-bottom: -30px;}

A vous de régler le PX pour réduire la marge.

As-tu essayé de faire comme pour l'autre image avec les codes si-dessus.

Si tu ne peux pas réduire d'avantage ton forum c'est a cause de ta bannière,il t'aurait fallu une bannière plus petite pour pouvoir le réduire.

[StaffGlamour]

Dans Mon Css j'ai sa :

Code:

        a.forumlink img { display: inline!important; }
        a.forumlink span { display: none; }
        body{
            background-position: top center;
            background-repeat: repeat;
            background-attachment: fixed;
        }

                    .cadreavatar {background-color : # ;border : 5px solid #9E6F53 ;-moz-border-radius: 5px 5px 5px 5px }

        .rotation {
       
        text-shadow: 0.2em 0.5em 0em #845652,
       
              0.4em -0.3em 0em #4d1e19;
        position : relative;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg); 
        background :transparent;
          border-top-left-radius: 100px 50px;
        border-top-right-radius: 100px 50px;
          border-bottom-left-radius: 50px 100px;
        border-bottom-right-radius: 50px 100px;
        -webkit-box-shadow:  0px 2px 15px #000;
        -moz-box-shadow: 2px 2px 20px  #000
        }
       
.img_desc{margin-bottom: -30px;}

Et comme lien j'ai mis ceci :

Code:

<center><img src="http://i45.servimg.com/u/f45/16/85/52/20/reglem13.png" style="display:none" /><span>Forum</span></center>


Parce que si je mes celui que vous m'avez donner j'ai plus rien d'affichés sur mon forum sa donne sa :

D'accord pour la banniere.

[tupac]

Vous avez choisi quelle hiérarchie?

[StaffGlamour]

J'ai pris separer les index des catégories > Complet

[tupac]

En fait ce que vous souhaitez c'est ça.

[StaffGlamour]

Oui exactement sa.

[tupac]

C'est simple il vous faut simplement placer le code suivant dans la description de votre catégorie.

Code:

<center><img src=" votre image ici "></center>

[StaffGlamour]

Regarder le code :

Code:

<center><img src=" http://i45.servimg.com/u/f45/16/85/52/20/raglem11.png "></center>

Vous est d'accord que c'est bien le bon code ?

Parce que voila le resultat :

[tupac]

Vous vous êtes trompé il faut la placer dans la description de la catégorie et non dans le nom de la catégorie.

[StaffGlamour]

Pfiou désolée pour la perte de temps je suis resté sur le nom du forum et pas la description ...

C'est possible d'enlever le titre qui se trouve en haut de l'image dans le meme rectangle ?

Mais pour le coup c'est embetant cette histoire de marge je vais voir pour agrandir la "banniere". Merci

[tupac]

Si vous retirez le titre FORUM vous ne pourrez plus accéder aux sous-forum.

[StaffGlamour]

D'accord, je trouve dommage de l'avoir 2 fois c'est pour surtout qu'il s'agit du meme titre.

[StaffGlamour]

D'accord, je trouve dommage de l'avoir 2 fois c'est pour sa surtout qu'il s'agit du meme titre.

Et puis j'aurai aimée qu'on clique sur l'image pour acceder au sous forums, comme on fait pour les sous forums il suffit de cliquer sur l'image et on arrive sur les messages

[tupac]

Bonjour

Par contre tu peux retirer celui qui se trouve au dessus de la catégorie.
Donc panneau d'administration => affichage => templates => général => index_box puis repère la partie suivante et supprime la.

Code:

{catrow.tablehead.L_FORUM}

Tu peux bien sur cliquer sur l'image pour accéder aux sous forum il te suffit de remplacer ton image par ce ceci.

Code:

<a href="Adresse ou URL"><img src=" http://i45.servimg.com/u/f45/16/85/52/20/raglem11.png "></a>

Mais avant de remplacer ton image clique sur FORUM et copie l'URL et place la dans le code si-dessus.

Une fois que tu as fait ça place le code suivant dans la feuille de style css il te permettra de faire disparaitre le nom FORUM.

Code:

.forumlink {
 display: none;
}