bannire grand format + arriere plan ?

2 participants

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

Résolu bannire grand format + arriere plan ?

Message par djassem Mar 21 Juin 2011 - 0:17

Bonjour a tous ,

j'ai voulu créer une bannière de cette taille : http://hitskin.com/themes/16/99/86/i_logo.png , mais vue sa taille je devais donc la positionner en arrière plan et la justement je n'es pas de fond au final , que faire ?

http://design-decor.forumgratuit.org/forum


Merci
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mar 21 Juin 2011 - 1:04

Bonsoir

Sur votre modèle, il s'agit d'une bannière collée dans l'image avec le fond puis fixée. donc une seule image pour les deux insérée dans le fond dans les images, et en entete, une image transparente de la taille originelle du logo insérée à l'emplacement du logo.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mar 21 Juin 2011 - 16:54

Bonjour,

désolé j'ai eu quelques petits soucis avec les liens , mais je voudrais faire une bannière de ce style , et en même temps avec un fond si possible .
http://demo.nicetheme.com/forum?theme_id=170958
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mar 21 Juin 2011 - 20:36

Dans ce nouvelle exemple, dans la partie fond dans images, il y a l'image, un transparent pour le logo, la couleur dans couleur du fond dans la partie couleur et ensuite dans la css est rajouté :

body {
background-repeat: no-repeat;
background-position: top center;
}

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mer 22 Juin 2011 - 0:41

oui voila exactement et justement a la place du fond en couleur uni je voudrais y ajouter ma propre ... "image" a la place si possible
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mer 22 Juin 2011 - 0:54

Bonsoir

Vous ne pouvez mettre deux background à un seul endroit.

Le seul moyen d'avoir deux fond avec images, c'est de les regrouper en une seule, comme dans l'exemple du début. avec dans la gestion des images, votre entete et background regroupés dans une seule image installé dans le fond et une image transparente dans le logo.

Si vous ne savez pas comment faire cette image, vous pouvez toujours demander à notre Section Graphique.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mer 22 Juin 2011 - 0:59

Bonsoir ,

je voudrais garder ma bannière de cette même taille donc quand je la positionne en tant que bannière elle se décale beaucoup trop vers la droite , je me suis donc dis de la mettre en arrière plan , et faire quelque chose comme ca : http://www.labulleworld.com/forum

deux arrières plan a la fois , je ne sais pas si ce que je dis est compréhensible lol , excusez moi

Merci d'avance.
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mer 22 Juin 2011 - 1:06

Le mieux alors serait d'insérer votre en-tête dans le template overall_header, puis votre fond par la css directement.

Vous etes en phpbb2, etes vous le fondateur de votre forum ? Si oui, puis-je avoir votre template overall_header ?
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mer 22 Juin 2011 - 1:10

Bonsoir,

je vous donne cela :

Spoiler:

Je voudrais aussi le faire sur un autre forum si possible , merci bien .
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mer 22 Juin 2011 - 1:17

Pour le second, il suffira de suivre la même manoeuvre

repérez ceci :

Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->

nous allons y ajouter une div qui contiendra votre logo :

Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div class="entete"> </div>
<!-- BEGIN hitskin_preview -->

puis dans votre css rajoutez :

/*fond*/
body {
background-image:url("adresse de votre fond");
}

/*logo*/
.entete {
background-image:url("adresse de votre logo");
background-repeat: no-repeat;
background-position: top center;
height : hauteur de votre imagepx;
width : largeur de votre imagepx;
position : absolute;
}
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mer 22 Juin 2011 - 1:30

Bonsoir , ca ne marche pas Sad

j'ai pourtant tout fait : http://design-decor.forumgratuit.org/forum

ca a tout décalé vers la gauche et pas de fond en vue
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mer 22 Juin 2011 - 1:33

Il vous faut une image transparente pour le début de votre forum, que vous installerez dans PA > Affichages > Gestion des images > Mode avancée > Général & Navigation > Logo du forum

cette image transparente doit faire la hauteur de votre logo normal.

Pour le fond qui ne fonctionne pas, puis-je avoir votre css.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mer 22 Juin 2011 - 1:35

ReBonsoir,

pas de problème , Css :
Spoiler:
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mer 22 Juin 2011 - 1:42

Votre css était très en fouillie, je vous l'ai refaite. De plus, il y avait un code qui buguait avec le mien. Installez celle-ci à la place de la votre

Code:
/*fond*/
body {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/bacckg10.jpg");
cursor: crosshair
}

/*logo*/
.entete {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/hey_he14.jpg");
background-repeat: no-repeat;
height : 1366px;
width : 456px;
position : absolute;
}

a:hover {
cursor:ne-resize;
text-transform:uppercase;
}

u{
border-bottom: 2px solid;
border-color:#CC7878;
text-decoration: none;
-moz-border-radius:10px;
}

I{
border-bottom:none;
 color:#CC7878;
 text-decoration: none
}

.bodylinewidth {
width:70%
}

a {
font-variant: small-caps;
}

.forumline{
-moz-border-radius:15px;
background-color: #CC7878;
border: 3px dashed #7a3737;
}
.bodyline {
-moz-border-radius:40px;
}

a.mainmenu{
text-decoration: none;
color : #ffffff;
}
a.mainmenu:hover{
text-decoration: none;
color : #7a3737;
}

a.mainmenu:link, a.mainmenu:visited{
background-color: #CC7878;
border-left: 9px solid #CC7878;
border-right: 6px solid #CC7878;
-moz-border-radius:13px;
border: 2px #7a3737
dashed;
}
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mer 22 Juin 2011 - 1:45

j'ai effectivement le fond , mais il n'y a pas la totalité de la bannière ,de + elle n'est pas en harmonie avec l'arrière plan :S
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mer 22 Juin 2011 - 1:48

Vous avez inversé la largeur et la hauteur dans la css, je ne m'en étais pas rendue compte.

Changez ceci :

Code:
/*logo*/
.entete {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/hey_he14.jpg");
background-repeat: no-repeat;
height : 1366px;
width : 456px;
position : absolute;
}
Ainsi

Code:
/*logo*/
.entete {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/hey_he14.jpg");
background-repeat: no-repeat;
height : 456px;
width : 1366px;
position : absolute;
}

et il faudrait rendre le bas de votre image transparent.

Pour l'harmonie je ne peut rien faire , vous êtes seul maitre des images que vous voulez mettre ensemble ^^

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mer 22 Juin 2011 - 1:51

voila c'est fait , pour la transparence je vais de suite le faire , mais elle n'est un peu decalle vers le bas et la droite , c'est justement ca que je n'arrive pas a controller , que faire ?
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mer 22 Juin 2011 - 1:53

Essayer ceci :

Code:
/*logo*/
.entete {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/hey_he14.jpg");
background-repeat: no-repeat;
height : 456px;
width : 1366px;
position : relative;
top :-2px;
left:-2px
}

Est-ce mieux ?

vous pouvez adapter vous meme en changeant les valeurs des deux derniers codes.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mer 22 Juin 2011 - 1:57

Ah ! oui la c'est excellent , merci beaucoup ^^

j'aurai une dernière question si possible svp , peut-on décaler le "tableau" ou se trouve les rubriques vers la droites ? (légèrement)

ou alors c'est l'arrière plan ?
djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime Mer 22 Juin 2011 - 1:59

J'y pensais justemet ^^

décalé plutot votre arrière plan, al a place de
Code:
/*fond*/
body {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/bacckg10.jpg");
cursor: crosshair
}

mettez ceci :

Code:
/*fond*/
body {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/bacckg10.jpg");
background-position: top center;
cursor: crosshair
}
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: bannire grand format + arriere plan ?

Message par djassem Mer 22 Juin 2011 - 2:04

Vous avez vraiment du potentiel ^^ , c'est tout ce qu'il me fallait

Encore une fois , je vous remercie

et peut être a une prochaine fois , pourquoi pas Wink

si vous avez quelques remarques par rapport au forum n'hésitez pas ( CSS...etc)

djassem

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem 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