Ajout Image fond arrondit

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

Résolu Ajout Image fond arrondit

Message par Mèrs le Ven 12 Aoû 2011 - 22:14

bonjour à tous, voila je cherche à faire quelques modif sur mon forum,
alors au lieu d'un long discours j'ai préparer quelques screen de mes attentes

comment retirer l'espace entre la bannière et le menu horizontal


alors ici un peu complexe, j'aimerai mettre l'image de fond "bas gauche", derrière la catégorie, et le fond haut gauche, derrière le titre de la catégorie au lieu de la barre orange, et je me demandai si il faudrait que je découpe le fond catégorie en 3 morceau afin qu'il s ajuste à la hauteur des catégorie


ici j'aimerai que le fond dragon soit en bas de site mais derriere ( nouveau message pas de nouveau message .... panneau administration phpbb statistique....

et j'aimerai que le cadre rouge y sois aussi mais par dessus le fond dragon


lol voila dessoler sur ma façon de m'exprimer, j'ai chercher un peu partout mais c'est assez dur de trouver, et j'ai tellement de boulot encore et si peu de temps a consacre sur le graphisme du forum que je me tourne vers vous, merci bcp en avance

lien de mon site : http://eyvonworld.taguilde.net/

et au passage superbe se site d'aide à la création des forum perso bravo et merci


Dernière édition par Alex Fowl le Sam 27 Aoû 2011 - 3:26, édité 3 fois (Raison : probleme lien image)

Mèrs
Nouveau membre

Messages : 9
Inscrit(e) le : 12/08/2011

http://eyvonworld.taguilde.net/post?f=11&mode=newtopic
Mèrs a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

Message par tupac le Ven 12 Aoû 2011 - 23:29

Bonsoir

Pour réduire l'espace entre le logo et le menu j'ai ce code.
Code:
#i_logo {margin-bottom:-40px;}

Pour placer l'image du dragon en bas de votre forum essayer ce code.
Code:
body
{
background-image: url( image ici );
background-color: #000000;
background-position: bottom;
background-repeat: no-repeat;
background-attachment: scroll;
}

par contre j'ai pas bien saisi votre deuxième demande.

tupac
+ Hyperactif +

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

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

Résolu Re: Ajout Image fond arrondit

Message par Mèrs le Sam 13 Aoû 2011 - 0:47

Merci pour ta réponse,

Le haut du forum c'est parfait merci bcp

par contre pour le dragon j'ai essayer ton code mais l'image ne s'affiche pas, j'ai donc cree 1 div et ajouter ce code CSS

Code:
#page-footer  {
        background-image:url('http://i45.servimg.com/u/f45/16/65/89/83/font_b10.jpg');
    height:400px;
position:relative;
    }   
.contenue-footer {
   margin-top:-138px;
   }

ce n'ai pas exactement ce que je souhaite , enfaite si je monte trop l'image sa cache tout le reste , a mon avis je doit régler la position du table, et le mettre en arrière plan mais je n'y arrive pas encore

ensuite ma 2eme question, est que j'aimerai positionner un fond derrière chaque catégorie. je pense qu'avec une base j'arriverai à mes fin qui est compliquer à expliquer


Mèrs
Nouveau membre

Messages : 9
Inscrit(e) le : 12/08/2011

http://eyvonworld.taguilde.net/post?f=11&mode=newtopic
Mèrs a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

Message par tupac le Sam 13 Aoû 2011 - 23:36

Bonsoir

Normalement avec ce code l'image du dragon aurait du s'afficher j'ai placé votre image a l'intérieur.
Code:

body{
background-image: url(http://hariboow.free.fr/upload/images/za.jpg);
background-color: #000000;
background-position: bottom;
background-repeat: no-repeat;
background-attachment: scroll;
margin-bottom: 450px;
}
en jouant avec le "margin-bottom" vous pouvez faire descendre le forum sur l'image.

et pour le fond de catégorie pourquoi ne pas placer votre image dans chaque description.


tupac
+ Hyperactif +

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

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

Résolu Re: Ajout Image fond arrondit

Message par Mèrs le Mar 16 Aoû 2011 - 13:36

merci , je test sa de suite

pour l'image de fond , je trouve pas la div de la description

Mèrs
Nouveau membre

Messages : 9
Inscrit(e) le : 12/08/2011

http://eyvonworld.taguilde.net/post?f=11&mode=newtopic
Mèrs a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

Message par tupac le Mar 16 Aoû 2011 - 14:51

Ok vous voulez placer le même fond ou se trouve le titre de chaque forum donc pour se faire dirigez-vous dans votre template index_box et repérer cette partie.

Code:
   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" id="descript">
Remplacez-la par celle-ci
Code:
   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" id="fond_descript">
Puis dans votre feuille de style css placer ce code.
Code:
#fond_descript{
 background: url( votre image ici );
}

tupac
+ Hyperactif +

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

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

Résolu Re: Ajout Image fond arrondit

Message par Mèrs le Mar 16 Aoû 2011 - 17:13

Merci c'est parfait, par contre le titre de la catégorie n'est pas asse décaler du haut et de la gauche, quel div doit-je modifier ?

Mèrs
Nouveau membre

Messages : 9
Inscrit(e) le : 12/08/2011

http://eyvonworld.taguilde.net/post?f=11&mode=newtopic
Mèrs a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

Message par tupac le Mar 16 Aoû 2011 - 19:54

Je pense que vous voulez plutôt parler du titre forum en 1 contrairement au titre catégorie qui lui est enj 2.


tupac
+ Hyperactif +

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

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

Résolu Re: Ajout Image fond arrondit

Message par Mèrs le Mar 16 Aoû 2011 - 22:36

exactement j'ai pas fait attention, dsl

j'ai changer le fond, mais si vous avez l'astuce, je suis tjr preneur, moi je n'arrive qu'a le déplacer de gauche à droite

Mèrs
Nouveau membre

Messages : 9
Inscrit(e) le : 12/08/2011

http://eyvonworld.taguilde.net/post?f=11&mode=newtopic
Mèrs a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

Message par tupac le Mer 17 Aoû 2011 - 0:39

Très bien donc placer le code suivant dans votre feuille de style

Code:
.forumlink{
margin-top: 10px;
margin-left: 10px;
}

tupac
+ Hyperactif +

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

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

Résolu Re: Ajout Image fond arrondit

Message par Mèrs le Jeu 18 Aoû 2011 - 19:29

merci

Mèrs
Nouveau membre

Messages : 9
Inscrit(e) le : 12/08/2011

http://eyvonworld.taguilde.net/post?f=11&mode=newtopic
Mèrs 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