Affichage des messages

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

Résolu Affichage des messages

Message par darkelros le Dim 4 Sep 2011 - 16:37

Bonjour à tous,
je souhaite modifier la présentation de mes messages pour avoir quelque chose de ce genre :

A la place du texte, je souhaiterais avoir une images, et bien sur, adapter la couleur à mon forum.
Merci de votre aide.


Dernière édition par darkelros le Jeu 8 Sep 2011 - 11:43, édité 1 fois

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par darkelros le Mar 6 Sep 2011 - 16:29

up merci

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par Final-Blonde le Mer 7 Sep 2011 - 8:26

Bonjour,

Ta capture d'écran est le design ainsi que l'originalité d'un autre forum à en juger par celui de ton profil...

As-tu essayer quelque chose via les templates et le CSS ?
Si oui, donne-les ici et je veux bien essayer de t'aider à obtenir quelque chose de ressemblant (mais pas du simplement recopié) à la base de ce que tu as déjà fait.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par darkelros le Mer 7 Sep 2011 - 12:41

je n'ai justement rien fait, je ne sais pas comment m'y prendre. C'est pour cela que je fait appel à vous, pour m'aiguillez dans mes recherches.

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par Final-Blonde le Mer 7 Sep 2011 - 12:51

As-tu une quelconque connaissance des templates, du CSS et du codage ?
Si la réponse est non, il faudrait peut être commencé par là.

Tu peux déjà trouver plusieurs tutos :
- Le (x)HTML comment ça marche
- Le CSS comment ça marche

Et pour t'exercer dans le templste index_box tu peux essayer d'appliquer ce tuto :
- Affichages des sections avec onglets

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par darkelros le Mer 7 Sep 2011 - 12:56

je m'y connais un minimum, donc je pense pouvoir y arrivé, et si je n'y arrive pas, je réinitialiserai le tout, et m'entrainerais.

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par Final-Blonde le Mer 7 Sep 2011 - 13:05

Oui, et tu peux toujours revenir demander de l'aide si tu bloques quelque part, ce sera avec plaisir.

:-)

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par darkelros le Mer 7 Sep 2011 - 13:09

oui, je bloque quelque part, c'est comment faire pour ajouter une image au centre, la ou on peut mettre du texte ???

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par Final-Blonde le Mer 7 Sep 2011 - 14:07

PA >> Général >> Catégories et Forums > edit des forums > Description :
Code:
<a href="http://url_de_la_page"><img src="http://url_image" alt="titre du lien ou de l'image" border="0" /></a>
Si c'est une image qui fait fonction de lien.

Code:
<img src="http://url_image" alt="titre du lien ou de l'image" border="0" />
Si c'est une simple image.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par darkelros le Mer 7 Sep 2011 - 14:12

Merci, sa marche. maintenant, plus qu'a régler la taille, il n'y a pas possibilité de le coller automatiquement à la taille de l'image??

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par Roxy. le Mer 7 Sep 2011 - 14:16

Bonjour,

Puis-je avoir votre feuille css s'il vous plaît ?

Cordialement.

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par Final-Blonde le Mer 7 Sep 2011 - 14:19

Si tu peux le faire automatiquement via le CSS et en donnant un "class" aux images en HTML :
Dans le CSS (l'intitulé est un exemple) :
Code:
.imgsize {
width: ??px;
height: ??px;
border: ?px; /*si tu veux mettre une bordure*/
}
On reprend en HTML comme ceci :
Code:
<img src="http://url_image" class="imgsize" alt="titre du lien ou de l'image" />

En fait en passant par le CSS, ça te permet de faire plusieurs effets très chouettes, comme le "hover", le "radius", etc.

EDIT : Attention j'avais fait une erreur sur le mot "height" et c'est ainsi corrigé.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par darkelros le Mer 7 Sep 2011 - 14:31

ok, merci je vais tester sa de suite.

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par darkelros le Mer 7 Sep 2011 - 14:46

désolé du double post rapide, mais j'aimerais savoir comment faire une ombre portée les traits de couleurs noirs, pour donner un effet supplémentaires. merci d'avance

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par Final-Blonde le Mer 7 Sep 2011 - 15:47

Donc tu as encadré tes images, c'est ça ?
Peux-tu me donner le CSS que tu as mis pour tes images ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par darkelros le Mer 7 Sep 2011 - 17:18

Bien sur, le voici :
CSS :
Spoiler:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width:35%;
border: 2px solid #174bb3;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom: 0 none !important;
border-left: 2px solid #174bb3;
border-right: 2px solid #174bb3;
border-top: 2px solid #174bb3;
color: #ffffff;
font-size: 11px;
font-style: italic;
height: 14px;
left: 300px;
padding: 3px;
position: relative;
text-align: center;
width: 180px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 2px solid #174bb3;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 20%;
text-align: center;
height: 14px;
font-size: 11px;
}

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par Final-Blonde le Mer 7 Sep 2011 - 17:37

Je suppose que c'est de ce bloc dont il s'agit :
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width:35%;
border: 2px solid #174bb3;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px; /*pour le navigateur opera*/
font-size: 12px;
-moz-box-shadow: 0px 3px 10px #000000;
-webkit-box-shadow: 0px 3px 10px #000000;
box-shadow: 0px 3px 10px #000000;
}
On y a ajouté le "box-shadow" (avec le dernier paramètre, important pour Opera).
A toi de personnaliser.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des messages

Message par darkelros le Mer 7 Sep 2011 - 18:23

merci, je vais voir pour les ajustements maintenant.

darkelros
Nouveau membre

Messages : 10
Inscrit(e) le : 04/09/2011

http://warrioroftheheavens.superforum.fr/
darkelros 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