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 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.

Ajout d'un png pour le design Test110

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

Ajout d'un png pour le design Rr110

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:

Ajout d'un png pour le design Test210

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

Ajout d'un png pour le design Test310

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

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 Invité 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++
Anonymous

Invité
Invité


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

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

Message par selas 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

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 Mer 22 Aoû 2012 - 8:52

Petit UP
selas

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 Invité 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++
Anonymous

Invité
Invité


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

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

Message par selas 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.

Ajout d'un png pour le design Test310


A plush

Merci
selas

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 Invité 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
Anonymous

Invité
Invité


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

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

Message par selas 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

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 Invité 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++

Anonymous

Invité
Invité


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

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

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

Re milouze,

Alors voici mon bodyline:

Code:

.bodyline
{
  background: #d9D9D9;
}

A plush
selas

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 Invité 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
Anonymous

Invité
Invité


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

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

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

Oula c'est du direct ici ^^.
selas

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 Invité Jeu 23 Aoû 2012 - 19:55

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

Invité
Invité


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

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

Message par selas 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.
Ajout d'un png pour le design Captur10
Suis mauvais ou quoi ?? Very Happy

A plush
selas

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 Invité 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++
Anonymous

Invité
Invité


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

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

Message par selas 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

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

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 Invité Ven 24 Aoû 2012 - 14:55

Re,

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

a++
Anonymous

Invité
Invité


Invité 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