Images à la place des titres

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

Résolu Images à la place des titres

Message par StaffGlamour le Sam 17 Sep 2011 - 0:19

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 !


Dernière édition par StaffGlamour le Mar 20 Sep 2011 - 0:22, édité 2 fois

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Sam 17 Sep 2011 - 1:43

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Sam 17 Sep 2011 - 2:18

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
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par StaffGlamour le Sam 17 Sep 2011 - 11:55

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

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Sam 17 Sep 2011 - 22:47

Bonsoir

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Dim 18 Sep 2011 - 12:31

Bonjour,

Oui,Voila:


Merci et bonne journée.

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Dim 18 Sep 2011 - 12:58

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.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Dim 18 Sep 2011 - 14:27

Comment sa regler le PX ?

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


StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Dim 18 Sep 2011 - 15:08

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Dim 18 Sep 2011 - 19:13

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

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Lun 19 Sep 2011 - 9:48

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Lun 19 Sep 2011 - 18:37

Finalement c'est bon !! cheers
Merci beaucoup

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par StaffGlamour le Mer 21 Sep 2011 - 0:31

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

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Mer 21 Sep 2011 - 0:49

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Mer 21 Sep 2011 - 0:53

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
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par StaffGlamour le Mer 21 Sep 2011 - 0:56

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

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Mer 21 Sep 2011 - 1:21

@tupac a écrit: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.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Jeu 22 Sep 2011 - 9:09

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.

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Jeu 22 Sep 2011 - 10:37

Vous avez choisi quelle hiérarchie?

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Jeu 22 Sep 2011 - 13:20

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

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Jeu 22 Sep 2011 - 13:54

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


tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Jeu 22 Sep 2011 - 14:32

Oui exactement sa.

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Jeu 22 Sep 2011 - 15:23

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>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Jeu 22 Sep 2011 - 17:31

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 ? Confused

Parce que voila le resultat :

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Jeu 22 Sep 2011 - 18:02

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Jeu 22 Sep 2011 - 18:23

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

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

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Jeu 22 Sep 2011 - 19:59

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Images à la place des titres

Message par StaffGlamour le Jeu 22 Sep 2011 - 21:14

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

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par StaffGlamour le Jeu 22 Sep 2011 - 21:14

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 Mince

StaffGlamour
*

Féminin
Messages : 38
Inscrit(e) le : 12/09/2011

http://teamglamour.asiat-world.com
StaffGlamour a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images à la place des titres

Message par tupac le Ven 23 Sep 2011 - 11:25

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;
}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac 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