Ajout Image fond arrondit

2 participants

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

Résolu Ajout Image fond arrondit

Message par Mèrs 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
Ajout Image fond arrondit 45411

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
Ajout Image fond arrondit 52165210

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
Ajout Image fond arrondit 525211

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)
avatar

Mèrs
Nouveau membre

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

Voir le profil de l'utilisateur 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 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

tupac
Membre actif

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

Voir le profil de l'utilisateur http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

Message par Mèrs 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

avatar

Mèrs
Nouveau membre

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

Voir le profil de l'utilisateur 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 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

tupac
Membre actif

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

Voir le profil de l'utilisateur http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

Message par Mèrs 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
avatar

Mèrs
Nouveau membre

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

Voir le profil de l'utilisateur 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 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

tupac
Membre actif

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

Voir le profil de l'utilisateur http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

Message par Mèrs 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 ?
avatar

Mèrs
Nouveau membre

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

Voir le profil de l'utilisateur 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 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.

Ajout Image fond arrondit 2011081619
tupac

tupac
Membre actif

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

Voir le profil de l'utilisateur http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

Message par Mèrs 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
avatar

Mèrs
Nouveau membre

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

Voir le profil de l'utilisateur 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 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

tupac
Membre actif

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

Voir le profil de l'utilisateur http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout Image fond arrondit

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

merci
avatar

Mèrs
Nouveau membre

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

Voir le profil de l'utilisateur 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

- Sujets similaires

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