Ajout d'un png pour le design

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

Résolu Ajout d'un png pour le design

Message par selas le Mar 21 Aoû 2012 - 3:14

Bonjour a tous,

Alors voila j'ai un gros problème avec mon forum en ce moment. J'essaye de rajouter une image dans le design de mon forum. Voici une photo de ce que j’obtiens en ce moment.



(L'image 950x30 et dans le cadre rouge)
Voila ce que sa donne sans l'image (au gout des membres beaucoup trop sec)



Je vais vous expliquez comment j'ai procéder pour obtenir le résultat de la 1er image: !! ATTENTION !! vous allez surement vous foutre de moi Embarassed mais ze suis que novice Smile .
Voici mon code (a ma façon ^^):

Code:

                                                <img src="http://i38.servimg.com/u/f38/16/98/50/58/barre11.png" width="950" height="35" />


Voui j'ai mis mon image dans le HTML overall_header à la base l'image s'afficher bien mais elle n'était pas du tout centré et le faite de rajouté les "1nbsp;"1=& qui correspondes à un espace en HTML, cela s'affiche très bien sur mon ordinateur portable. Le hic c'est que sur ma tour et bien sa ne s'affiche pas bien du tout (vous me direz LOGIQUE), mais ze suis que novice .

Donc la je ne sais plus quoi faire je suis perdu.

Si vous pouviez m'aidé a figé cette image (enfin qu'elle s’adapte au body du forum), j'imagine qu'il faut toucher au CSS (mais la j'évite de toucher histoire de ne pas faire trop de dégâts) Razz .

Merci d'avance a toutes les personnes qui pourrons m'aider dans les problème que je rencontre.

[PS]: Si vous désirez m'aidé directement en touchant le forum dite le moi.

Bien cordialement.


{EDIT1}, j'ai suivis quelques cours sur le positionnement des image ou objets pour le design, donc j'ai encore bricolé (comme dab Very Happy ).

Voici mes codes:

Dans le template overall_header:

Code:

<img src="http://i34.servimg.com/u/f34/17/64/47/30/barre10.png" alt="test" id="image" />

Dans le CSS:

Code:

#image
{
  margin-left: auto;
  margin-right: auto;
  position : relative;
  width: 950px;
  vertical-align: middle;
  display: table-cell;


Voici un résultat en image:



Et (n'a dit a toi de bricolé Very Happy ) voici le résultat quand j'ouvre quelques sujets du forum



La c'est encore pire Very Happy , j'aimerais que celui-ci s'adapte automatiquement au body, comme sur la 1er image de mon EDIT. Je pense que cela et dû a une/des images ou tableau dans les discutions qui agrandi le corp du forum.

Bon bien la par contre je ne vois pas du tout comment faire Laughing
Peut être ne pas lui définir la taille??? lol

Bonne soirée les gens!

Paix à vous qui m'avez lus (quel pavé) Embarassed Very Happy

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par Milouze14 le Mar 21 Aoû 2012 - 11:01

Salut selas,

il y a un début à tout tu sais Wink .
Bon ici:
Code:
 <img src="http://i38.servimg.com/u/f38/16/98/50/58/barre11.png" width="950" height="35" />

L'image fait 930px sur 13px
Donc pas besoin de lui redonner une taille dans le template
Code:
 <img src="http://i38.servimg.com/u/f38/16/98/50/58/barre11.png"/>

Regarde et tiens nous informé Wink .

Si vous désirez m'aidé directement en touchant le forum dite le moi.

Mais seulement par MP stp Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par selas le Mar 21 Aoû 2012 - 12:31

Bonsoir/bonjour,

Merci pour la réponse.
Euh par contre je n'est plus les tailles dans mon temple.
Comme j'ai dit plus haut j'ai changé tous les code que j'avais bidouillé Very Happy .
En ceci:

Code:

<img src="http://i34.servimg.com/u/f34/17/64/47/30/barre10.png" alt="test" id="image" />

Avec le nouveau CSS lié:

Code:

#image
{
  margin-left: auto;
  margin-right: auto;
  position : relative;
  width: 950px;
  vertical-align: middle;
  display: table-cell;
}

Very Happy Mais merci quand même.

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par selas le Mer 22 Aoû 2012 - 8:52

Petit UP

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par Milouze14 le Mer 22 Aoû 2012 - 18:32

Salut selas,
n'attribues pas non plus une taille dans la css:
supprimes le width: 950px

Code:

<img src="http://i34.servimg.com/u/f34/17/64/47/30/barre10.png" alt="test" id="image" />

Avec le nouveau CSS lié:

Code:

#image
{
  margin-left: auto;
  margin-right: auto;
  position : relative;
  width: 950px;/* a supprimer */
  vertical-align: middle;
  display: table-cell;
}

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par selas le Mer 22 Aoû 2012 - 20:06

Salout,

Même après suppression du width:950px; toujours pareille. L'image ne s'adapte pas au body.




A plush

Merci

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par Milouze14 le Jeu 23 Aoû 2012 - 4:03

Salut selas,

tu peux donner le lien du forum concerné stp,
de plus, tu peux attribuer directement via la feuille de style, l'effet actuel
comme ceci:

Code:
 
.bodyline
{
background: url( http://i34.servimg.com/u/f34/17/64/47/30/barre10.png)no-repeat top;
}
Supprimes le code figurant dans le template et regarde le résultat stp.
a++


Dernière édition par Milouze14 le Jeu 23 Aoû 2012 - 15:21, édité 2 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par selas le Jeu 23 Aoû 2012 - 6:58

Salout,

Mince alors le forum dans mon profil n'est pas a moi lol. J'actualise pour enregistré le bon!

Perso j'ai remis mon code dans le Template car sa ne marché pas.
J'ai déjà un bodyline dans la feuille de style?.

Merci

A plush

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par Milouze14 le Jeu 23 Aoû 2012 - 15:14

Re,
J'ai déjà un bodyline dans la feuille de style?.

ben!!!!! regarde dans ta feuille de style Very Happy .
Affichage/Images et Couleurs/Couleurs/Feuille de style
Si oui donne le ici stp Wink .

Le code fonctionne parfaitement selas Wink .

a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par selas le Jeu 23 Aoû 2012 - 19:51

Re milouze,

Alors voici mon bodyline:

Code:

.bodyline
{
  background: #d9D9D9;
}

A plush

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par Milouze14 le Jeu 23 Aoû 2012 - 19:53

Alors supprimes et remplace par:

Code:
 .bodyline
{
background: url( http://i34.servimg.com/u/f34/17/64/47/30/barre10.png)no-repeat top;
}
a++


Dernière édition par Milouze14 le Jeu 23 Aoû 2012 - 19:54, édité 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par selas le Jeu 23 Aoû 2012 - 19:54

Oula c'est du direct ici ^^.

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par Milouze14 le Jeu 23 Aoû 2012 - 19:55

Very Happy le message ne sait affiché aussitôt Very Happy .
Regarde plus haut stp Wink .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par selas le Jeu 23 Aoû 2012 - 20:04

Re,

Mince alors, J'ai l'impression qu'il n'arrive pas a l'affiché. Regarde j'ai fait une sélection, il y a bien quelque chose mais rien ne s'affiche.

Suis mauvais ou quoi ?? Very Happy

A plush

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par Milouze14 le Jeu 23 Aoû 2012 - 20:08

Bon , je crois que l'on ne se comprend pas selas Very Happy .

Si tu le désires envoies moi par MP et seulement par MP
le lien de ton forum et tout le tralala afin d'effectuer les modifications nécessaires.

Ensuite il faudra expliquer les démarches que l'on a effectué pour avoir l'effet escompté Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par selas le Jeu 23 Aoû 2012 - 20:13

Pas de problème je t'envoi le nécessaire par MP. Je suis en retard pour le taff.
Je t'envoie le tralalal.

A plush

Edit: MP envoyé

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par selas le Ven 24 Aoû 2012 - 6:51

Salout,

Milouze???

T'ES UN CHEF XD

Merci bien pour l'aide.
Es-que je peu continuer a t’embêter? MP envoyé

A plush

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'un png pour le design

Message par Milouze14 le Ven 24 Aoû 2012 - 14:55

Re,

de rien mon ami.
Et allons y gaiement Very Happy .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 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