Cadre autour des icônes

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

Résolu Cadre autour des icônes

Message par Katchou le Dim 4 Avr 2010 - 16:54

Bonjour tout le monde & bon weekend x)

Voilà mon souci, j'ai déjà posté sur ce sujet mais je n'avais pas très bien comprit les solutions fournies et je ne retrouve plus le sujet, qui a dut être classé depuis :/
Donc voici le sujet précis, j'aimerais savoir comment faire un cadre autour d'une icône, qui change de couleur au passage de la souris.
Voici les cadres dont je parle:
http://westown-show.forumactif.org/forum.htm
Dans la page d'accueil, dans les parties: "it-boards" & "le staff".
Ou ici:
http://pretty-school.forumpro.fr/
Page d'accueil, dans la partie "Staff & Crédits".

Beaucoup de formes ont ce genre de cadres, mais j'ignore comment les faire, arrondis ou non, avec une changement de couleur au passage de la souris :/

J'espère que quelqu'un saura m'aider x)
A bientôt et bon weekend!


Dernière édition par Katchou le Mar 6 Avr 2010 - 17:56, édité 1 fois

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par wwn le Dim 4 Avr 2010 - 18:22

Salut pour le cadre des icones je ne sais pas du tout comment faire ( peut être un template )

Par contre pour les couleur http://forum.forumactif.com/trucs-et-astuces-f8/images-de-la-barre-de-navigation-modifiees-au-passage-de-la-souris-t246228.htm#2235908

Ceci devrait t'aider

Wink

wwn
***

Masculin
Messages : 149
Inscrit(e) le : 13/03/2007

http://clancof.forumactif.com/
wwn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre autour des icônes

Message par Katchou le Lun 5 Avr 2010 - 0:21

Ah merci beaucoup! x)
Je comprends un peu mieux comment fonctionne le survol et tout ça maintenant^^
Par contre pour le cadre je ne vois vraiment pas du tout O.O
J'espère que quelqu'un pourra m'aider x)

Bonne nuit!

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par wwn le Lun 5 Avr 2010 - 10:20

TU peut toujours tenter de mètre les cadre sur chaque image ( avec paint par exemple )

Mais ca va être long lol!

wwn
***

Masculin
Messages : 149
Inscrit(e) le : 13/03/2007

http://clancof.forumactif.com/
wwn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre autour des icônes

Message par Katchou le Lun 5 Avr 2010 - 11:26

xD Oui c'est sur!
Merci quand même x)

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par gagman le Lun 5 Avr 2010 - 11:32

Edit ton prem's message et met résolu Smile
sorry, j'ai cru, en lissant les réponses, que t'avais ta réponse, je vais relire Wink


Dernière édition par gagman le Lun 5 Avr 2010 - 11:40, édité 1 fois

gagman
*

Messages : 34
Inscrit(e) le : 17/01/2010

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

Résolu Re: Cadre autour des icônes

Message par Katchou le Lun 5 Avr 2010 - 11:39

Euh... Il n'est pas résolu mon message ^^"

EDIT: Pas grave x)


Dernière édition par Katchou le Lun 5 Avr 2010 - 12:18, édité 1 fois

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par marichka le Lun 5 Avr 2010 - 11:48

une solution simple c'est de faire un tableau et de mettre un fond couleur et une bordure derrière l'image

marichka
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 14/06/2007

http://redcarpet.newstarforum.com/
marichka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre autour des icônes

Message par Katchou le Lun 5 Avr 2010 - 12:17

Merci de votre réponse x)
J'ai essayé mais avec mes connaissances ça ne rendait pas vraiment très bien ><
Je pensais plus qu'il fallait allier CSS & HTML :/
Enfin je vais réessayer avec un tableau mais le rendu n'est pas jolie jolie ><

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par Katchou le Mar 6 Avr 2010 - 11:39

Up s'il-vous-plait :/

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par *angiesworld* le Mar 6 Avr 2010 - 14:20

Je suis également très intéressée pour savoir comment on fait!
Je pense que cela reléve plus du CSS et du templates qu'autre chose!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre autour des icônes

Message par Invité le Mar 6 Avr 2010 - 15:54

Bonjour,
Voici pour vous deux:
Code:
<img src="URL DE VOTRE IMAGE" class="CLASS CSS">
Puis dans votre CSS:
Code:
.CLASS CSS {
  -moz-border-radius:**px;
  background-color:#******;
  border:*px solid #******;
  margin:*px;
  padding:*px;
}

Code:
.CLASS CSS:hover {
  border:*px solid #****** (couleur différente de celle du premier code);
}

J'ai pas testé, mais ça devrait fonctionner...au cas où, n'hésitez pas à poser vos questions Wink

Invité
Invité


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

Résolu Re: Cadre autour des icônes

Message par Katchou le Mar 6 Avr 2010 - 16:28

Tout d'abord, merci pour ton aide, je pensais bien qu'il s'agissait de HTML & CSS combinés x)
Cependant le code ne fonctionne pas, j'ai tout remplit et ait placé une image avec le code sur la page d'accueil, et mon image apparait sans le cadre souhaité :/

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par *angiesworld* le Mar 6 Avr 2010 - 16:31

Makoto Yuki a écrit:Bonjour,
Voici pour vous deux:
Code:
<img src="URL DE VOTRE IMAGE" class="CLASS CSS">
Je vais tester.. Mais le probléme c'est que l'image réactive sera utiliser pour ma part.. Aussi pour mes partenariats..
Ce qui fait qu'il faut que lorsqu'une fois que l'on clique sur l'image que cela ouvre une nouvelle page avec le site du partenaire en question!
Quel code dois je donc utiliser?!
Pour le moment voici celui que j'utilise :
Code:
<SPAN class=postbody><A href="LIEN SITE" target=_blank><IMG border=0 src="LIEN DE L'IMAGE" width=30 height=30></A></SPAN>

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre autour des icônes

Message par Invité le Mar 6 Avr 2010 - 16:33

Bizarre, si je test ça fonctionne nikel.
Pouvez-vous me communiquer ce que vous avez mis exactement (css + html)?

@Angie: j'ai du mal à comprendre votre soucis

Invité
Invité


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

Résolu Re: Cadre autour des icônes

Message par Katchou le Mar 6 Avr 2010 - 16:51

Voici ce que j'ai mit:

Sur ma page d'accueil:
Code:
<img src="http://img16.imageshack.us/img16/9385/99792485.png" class="CLASS CSS">

Dans mon CSS:
Code:

.CLASS CSS {
  -moz-border-radius: 3px;
  background-color:#FFFFFF;
  border:3px solid #EFEFEF;
  margin: 3px;
  padding: 2px;
}

.CLASS CSS:hover {
  border: 3px solid #294D63;
}

Merci pour votre aide^^

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par *angiesworld* le Mar 6 Avr 2010 - 16:58

Makoto Yuki a écrit:
@Angie: j'ai du mal à comprendre votre soucis
Et bien.. Ceci est le code à mettre sur page d'accueil..
Code:
<img src="URL DE VOTRE IMAGE" class="CLASS CSS">

Or moi je dois y inclure en plus du lien de l'image.. Un lien de redirection vers le site voulu! (Puisqu'il s'agit d'image de partenaire.. Donc je dois y mettre le lien de leur site en plus..)
Comment l'intégrer?!
Vous comprenez?! =//

Sur le code donné on ne peut que mettre le lien de l'image, mais moi je dois y ajouter le lien du forum en plus..

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre autour des icônes

Message par Invité le Mar 6 Avr 2010 - 17:01

Ah oui ok.

Dans ce cas:
<a href="URL SITE"><img src="URL DE L'IMAGE" class="CLASS CSS"></a>

Invité
Invité


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

Résolu Re: Cadre autour des icônes

Message par Katchou le Mar 6 Avr 2010 - 17:03

Ah merci également pour ça x)
Par contre je ne vois vraiment pas quel est mon problème T-T
Et toujours pas de cadre autour de mes images ><

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par Invité le Mar 6 Avr 2010 - 17:04

Pouvez-vous me communiquer ce que vous avez mis exactement (css + html)?
Rolling Eyes

Invité
Invité


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

Résolu Re: Cadre autour des icônes

Message par Katchou le Mar 6 Avr 2010 - 17:07

Ah pardon vous vouliez tout mon CSS & mon HTML?
Je pensais juste comment j'avais remplit vos codes :/

Voici alors:
Spoiler:
Code:
<a href="http://rock-black-shooter.forum-actif.net/index.htm"><img src="http://moe.mabul.org/up/moe/2009/11/29/img-232550lgwye.png" class="CLASS CSS"></a>

<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
<tbody><tr>
<td style="vertical-align: top; width: 50%;">
      <table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="8" cellspacing="8">
            <tbody>
                  <tr>
                      <td style="width: 40%; text-align: center; vertical-align: top;"><span class="boxtitle">Karnevale Avenue - History</span><div class="box"><div style="overflow: auto; width: 280px; height: 100px;"> <span style="font-size: 10px; line-height: normal;"><div align="justify">Tu vois, je ne sais pas ce qui m'a poussé à te ramasser ce soir-là. Tu étais complètement saoule et j'aurais très bien pu te laisser là, sans me poser de questions. Au lieu de ça, je t'ai ramené chez moi et j'ai fait en sorte que tu te sente le mieux possible. Depuis, je te surveille, me préoccupe de toi et de ce que tu fais et nous avons développé une amitié sincère et forte. Seule ombre au tableau: cesses de me parler de tes conquêtes d'un soir ! Ne me demandes pas pourquoi, je ne le sais pas encore moi-même. Tu vois, je ne sais pas ce qui m'a poussé à te ramasser ce soir-là. Tu étais complètement saoule et j'aurais très bien pu te laisser là, sans me poser de questions. Au lieu de ça, je t'ai ramené chez moi et j'ai fait en sorte que tu te sente le mieux possible. Depuis, je te surveille, me préoccupe de toi et de ce que tu fais et nous avons développé une amitié sincère et forte. Seule ombre au tableau: cesses de me parler de tes conquêtes d'un soir ! Ne me demandes pas pourquoi, je ne le sais pas encore moi-même.</div> </span>
</div></div>
</td>
                        <td style="width: 30%; text-align: center; vertical-align: top;"><span class="boxtitle">Evènement(s)</span><div class="box"><img src="http://img16.imageshack.us/img16/9385/99792485.png" class="CLASS CSS"><a href="http://sin-awake.monempire.net/forum.htm"><img src="http://img16.imageshack.us/img16/9385/99792485.png"></a><br></div>
</td>

 <td style="width: 30%; text-align: center; vertical-align: top;"><span class="boxtitle">Affiliates</span><div class="box"><a href="http://sin-awake.monempire.net/forum.htm"><img src="http://img16.imageshack.us/img16/9385/99792485.png"></a><br></div>
</td>
</tr>
</tbody>
</table> 

<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="8" cellspacing="8">
            <tbody>
                  <tr>
                      <td style="width: 40%; text-align: center; vertical-align: top;"><span class="boxtitle">News & Informations</span><div style="text-align: left;" class="box"><img src="http://moe.mabul.org/up/moe/2009/11/27/img-172503pjccy.gif"> [27/11] Ouverture non officielle de Tears in Heaven ~ N'hésitez pas à vous inscrire.<br><img src="http://moe.mabul.org/up/moe/2009/11/27/img-172503pjccy.gif"> [29/11] Ouverture officielle de Tears in Heaven! Les postes à prendre sont encore en train d'être postés au fur et à mesure soyez patients l'admin donne tout ce qu'elle a!<br><img src="http://moe.mabul.org/up/moe/2009/11/27/img-172503pjccy.gif"> [30/11] De nouveaux prédéfs ont été mis en place, de plus Haeven & Sangrienta ont rejoint la team comme modérateurs, merci à eux!<br>http://moe.mabul.org/up/moe/2010/04/06/img-121254kgpxf.jpg<br><br>
                      </div></td><td style="width: 30%; text-align: center; vertical-align: top;"><span class="boxtitle">Wanted</span><div class="box"><a href="http://tears-n-heaven.forumactif.org/personnages-predefinis-du-forum-f37/"><img class="blabla" src="http://moe.mabul.org/up/moe/2009/11/29/img-232550lgwye.png" border="0" height="40" width="40"> </a><table border="1" cellpadding="1" cellspacing="1" width="20%%">
<tbody><tr>
<td><a href="http://tears-n-heaven.forumactif.org/personnages-predefinis-du-forum-f37/"><img class="blabla" src="http://moe.mabul.org/up/moe/2009/11/29/img-2329475t2w1.png" border="0" height="40" width="40"></a></td>
</tr>
</tbody></table><a href="http://tears-n-heaven.forumactif.org/personnages-predefinis-du-forum-f37/"><img class="blabla" src="http://moe.mabul.org/up/moe/2009/11/29/img-2329475t2w1.png" border="0" height="40" width="40"></a> <a href="http://tears-n-heaven.forumactif.org/personnages-predefinis-du-forum-f37/"><img class="blabla" src="http://moe.mabul.org/up/moe/2009/11/29/img-233128rxbie.png" border="0" height="40" width="40"></a> <a href="http://tears-n-heaven.forumactif.org/personnages-predefinis-du-forum-f37/"><img class="blabla" src="http://moe.mabul.org/up/moe/2009/11/29/img-233234y41ah.png" border="0" height="40" width="40"></a> <a href="http://tears-n-heaven.forumactif.org/personnages-predefinis-du-forum-f37/"><img class="blabla" src="http://moe.mabul.org/up/moe/2009/11/29/img-233339taf09.png" border="0" height="40" width="40"></a>
<a href="http://tears-n-heaven.forumactif.org/personnages-predefinis-du-forum-f37/"><img class="blabla" src="http://moe.mabul.org/up/moe/2009/11/29/img-233557zqxeh.png" border="0" height="40" width="40"></a> <a href="http://tears-n-heaven.forumactif.org/personnages-predefinis-du-forum-f37/"><img class="blabla" src="http://moe.mabul.org/up/moe/2009/11/29/img-2337328holh.png" border="0" height="40" width="40"></a> <a href="http://tears-n-heaven.forumactif.org/personnages-predefinis-du-forum-f37/"><img class="blabla" src="http://moe.mabul.org/up/moe/2009/11/29/img-2346272r0cv.jpg" border="0" height="40" width="40"></a></div></td>

<td style="width: 30%; text-align: center; vertical-align: top;"><span class="boxtitle">Staff & Crédits</span><div style="text-align: left;" class="box"><img src="http://moe.mabul.org/up/moe/2009/11/27/img-172503pjccy.gif"> [27/11] Ouverture non officielle de Tears in Heaven ~ N'hésitez pas à vous inscrire.<br>
<img src="http://img16.imageshack.us/img16/9385/99792485.png" class="CLASS CSS"><br/>
<img src="http://moe.mabul.org/up/moe/2009/11/27/img-172503pjccy.gif"> [29/11] Ouverture officielle de Tears in Heaven! Les postes à prendre sont encore en train d'être postés au fur et à mesure soyez patients l'admin donne tout ce qu'elle a!<br><img src="http://moe.mabul.org/up/moe/2009/11/27/img-172503pjccy.gif"> [30/11] De nouveaux prédéfs ont été mis en place, de plus Haeven & Sangrienta ont rejoint la team comme modérateurs, merci à eux!<br><br>
                      </div></td>
                </tr>
          </tbody>
      </table></td></tr>



                     
               
          </tbody>
      </table>

& mon CSS:

Spoiler:
Code:
a{
text-decoration: none;
}

a:hover
{
font-size: 14px;
}

dl.codebox {background-color: #EFEFEF;  }

.tititre {
  background-color: #a88e7b;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-family: georgia, serif;
  text-align: center;
  font-size: 5em;
}



text-shadow: #666666 1px 1px 1px;

.forumline{margin-top:25px;}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:00px;
-moz-border-radius-bottomright:00px;
-moz-border-radius-topleft:00px;
-moz-border-radius-topright:00px;
border: 5px solid #666666;
}


.t1 {
font-family: times new roman;
font-size:14px;
border-bottom:2px solid #EFEFEF;
padding-bottom:2px;
padding-left:10px;
color:#299AB5;
text-transform:uppercase;
text-shadow: #666666 1px 1px 1px;}

a.mainmenu {
background-color: #F7F7F7;
border-style: solid;
border-width: 1px;
border-color: #F7F7F7;
padding-right: 10px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: uppercase;
color : #2996B5;
font-size: 8px;
text-shadow: #EFEFEF 1px 1px 1px;
}

a.mainmenu:hover{
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: ;
padding-right: 10px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: uppercase;
color : #424542;
font-size: 8px;
text-shadow: #EFEFEF 1px 1px 1px;
}

.staff {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.staff:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

.postdetails.poster-profile a img {
border: 5px solid #EFEFEF;
}

a.forumlink {
text-shadow: #666666 1px 1px 1px;
    }
a.forumlink:hover{
text-shadow: #666666 1px 1px 1px;
}

img.pa {
-moz-border-radius:4px;
background-color:#C6BEBD;
border:2px solid #C6BEBD;
margin:0;
padding:2px;}

.blockquote {
display: block;
text-align: center;
width: 520px;
color:#EFEFEF;
font-size: 9px;
color: #666666;
border-right: 6px solid #EFEFEF;
border-left: 6px solid #EFEFEF;
background-color: #EFEFEF;
}

dl.codebox {background-color: #EFEFEF;  }

.postbody {
background-color:#ffffff;
font-size:11px;
line-height:16px;
letter-spacing:normal;
}

a
{
text-decoration: none !important;
}

a:hover{
    text-decoration: none !important;
    color : #4E4744;
    }

.postdetails.poster-profile a img {
border: 5px solid #14147A;
}



.lien-pa {
    border: 2px solid #EFEFEF;
    text-align: center;
}

td.lien-pa:hover {
    border: 5px solid #FFFFFF;
}

.cadres {
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  background-color: #F7F7F7;
  border: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.quote {
border-left: 3px solid #680505;
background: #EFEFEF;
padding: 3px;
}

.code {
border-color: #C6D7CE;
background: #FFFFFF;
-moz-border-radius: 10px;
padding: 3px;
}

tr.post span.gensmall { display: none; }

img.pa {
-moz-border-radius:4px;
background-color:#FFFFFF;
border:2px solid #000000;
margin:0;
padding:2px;}

#fonddeco {
background-color: #F7F7F7;
-moz-border-radius:8px 8px 8px 8px;
border: 3px double #EFEFEF;}


a.mainmenu {
background-color: #DEDFD6;
border-style: solid;
border-width: 1px;
border-color: #DEDFD6;
padding-right: 10px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: uppercase;
color : #DE6573;
font-size: 8px;
text-shadow: #EFEFEF 1px 1px 1px;
}

a.mainmenu:hover{
background-color: #DE6573;
border-style: solid;
border-width: 1px;
border-color: #DE6573;
padding-right: 10px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: uppercase;
color : #DEDFD6;
font-size: 8px;
text-shadow: #EFEFEF 1px 1px 1px;
}


.cadremenu {background-color: #F7DFC6;
padding-top: 2px; padding-bottom: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #DE8E7B;
font-weight: bold;
}

.box {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#F7F3EF;
color:#A5654A;
font-size:11px;
margin:0;
padding:3px 10px;
}

.boxtitle {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#E7E3DE;
color:#E76573;
display:block;
font-size:11px;
font-weight:bold;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

a, a:link, a:visited, a:hover, .postbody a {
    text-decoration: none !important;
}

a:hover{
    border-bottom: #FF0A8D 1px dotted !important;
}

.CLASS CSS {
  -moz-border-radius: 3px;
  background-color:#FFFFFF;
  border:3px solid: #EFEFEF;
  margin: 20px;
  padding: 2px;
}

.CLASS CSS:hover {
  border: 3px solid: #294D63;
}

Voilà x)

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par Invité le Mar 6 Avr 2010 - 17:12

Whoops, c'est moi qui avait zapé votre message! Autant pour moi.

Donc...mmmh, j'ai mis "CLASS CSS" pour exemple, mais c'était à vous de mettre ce que vous vouliez: "cladreicon", "idoncadre", etc. Bref, un truc assez simple pour que vous vous rappeliez de quoi il s'agit. Changez CLASS CSS par ce que vous voulez dans les html et le css, et ça devrait fonctionner...

Invité
Invité


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

Résolu Re: Cadre autour des icônes

Message par Katchou le Mar 6 Avr 2010 - 17:22

Ah je me disais bien xD
Alors j'ai changé le titre, et j'ai mit: iconcadre, mais si un trait blanc est apparu, il est collé à l'image et quand je passe la souris, la couleur ne change pas T-T
Voici mon forum pour que vous voyiez:

Il s'agit du petit cadre en haut de la page d'accueil :/

EDIT: C'est bon problème résolu^^
merci beaucoup!

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

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

Résolu Re: Cadre autour des icônes

Message par *angiesworld* le Mar 6 Avr 2010 - 18:34

Tout est également bon pour moi aussi!
Merci à toi Makoto Yuki d'avoir prit de ton temps de nous venir en aide! Razz

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* 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