Supprimer les fonds

2 participants

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

Résolu Supprimer les fonds

Message par eric280 Sam 2 Avr 2011 - 9:50

Bonjour,

J'aimerai supprimer le fond bleu clair qui entoure le bouton de ma chatbox latéral.
Puis, aussi celui qui entoure les boutons de l'ascenseur.
Également serai il possible de me dire se qui cloche dans mon code d'ascenseur?
Je voudrais que les boutons se retrouvent l'un au dessus de l'autre et non l'un à cotés de l'autre.
D'avance merci de votre aide.
eric280

eric280
**

Masculin
Messages : 64
Inscrit(e) le : 27/02/2011

http://ptcforum.forumgratuit.org
eric280 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer les fonds

Message par Melisa25 Sam 2 Avr 2011 - 21:31

Bonsoir,
Je peux avoir l'adresse de votre forum svp ?
Melisa25

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

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

Résolu Re: Supprimer les fonds

Message par eric280 Sam 2 Avr 2011 - 21:48

Il s'agit du forum dans mon profil (icône terre).
eric280

eric280
**

Masculin
Messages : 64
Inscrit(e) le : 27/02/2011

http://ptcforum.forumgratuit.org
eric280 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer les fonds

Message par Melisa25 Sam 2 Avr 2011 - 21:50

Merci ^^ .

As-tu fais des modifications de templates ?!
Désolé je suis bête vous en avez fait ! Mais j'ai l'impression que vous l'avez fais 2 fois .

Je pourrais avoir votre CSS svp ?
Melisa25

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

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

Résolu Re: Supprimer les fonds

Message par eric280 Sam 2 Avr 2011 - 21:55

Voici:

Code:
#fa_ticker_container {
      background-color: #74B0F9;
}

body {
cursor: url('http://www.clicpartout.com/curseurs/gifs/dauphin-anime.gif'), auto;
}

div, table {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius:20px;}


.module{
background-color:#74B0F9 !important;
}

.panel.introduction {
  background-color:#74B0F9 !important;


.introduction {
border-left:
 3px double #0395F0; border-bottom:10px outset
#0395F0;-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px; border-bottom-left-radius:
10px;border-right: 3px double #0395F0;border-top: 10px inset #0395F0;
}

.button2{ -moz-border-radius: 5px;}

input,textarea, select {
border-radius: 10px 10px;
-moz-border-radius: 10px;
padding-left: 3px;
}

.code
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.quote
{
-moz-border-radius: 15px;
padding-left: 10px;
}

.ascenseur {
position: fixed;
top: 480px;
right: 0px;
background-color: #74B0F9;
-moz-border-radius: 35px 0px 0px 35px;
-webkit-border-radius: 35px 0px 0px 35px;
border-radius: 35px 0px 0px 35px;
}

.forumtitle {
display: block;
padding: 3px;
border: 3px double #74B0F9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border radius:10px;
text-align: center;
}

input, select, textarea {
background-color:#dddddd;
}

#wrap {
border-left: 3px dotted #0395F0; border-bottom:3px
dotted #0395F0;-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px; border-bottom-left-radius:
10px;border-right: 3px dotted #0395F0;border-top: 3px dotted #0395F0;
}

.forabg {
border-left:
 1px solid #0395F0; border-bottom:10px outset
#0395F0;-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px; border-bottom-left-radius:
10px;border-right: 1px solid #0395F0;border-top: 10px inset #0395F0;
}

strong {
text-shadow: black 2px 2px 3px;
}

a:hover /* par défaut: halo blanc */
{
 text-shadow: blue 0px 0px 4px;
}
a.forumlink:hover /* pour les liens des titres : halo doré */
{
  text-shadow: blue 0px 0px 4px;
}

#search-box {display: none;}


a.menu1 {
text-decoration:none ; /* supprime le soulignement des liens */
display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */
margin-top:5px ; /* Crée un marge de 5 pixels en haut des boutons */
text-align:center; /* centre le texte de chaque bouton */
width:200px ; /* fixe la largeur de chaque bouton à 200 pixel */
border-style:ridge ; /* défini le style de l'encadrement des boutons */
border-width:3px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
padding:2px;} /* défini la marge intérieur des boutons à 2px */
eric280

eric280
**

Masculin
Messages : 64
Inscrit(e) le : 27/02/2011

http://ptcforum.forumgratuit.org
eric280 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer les fonds

Message par Melisa25 Sam 2 Avr 2011 - 22:18

Tu as tellement de balise border que je sais pas c'est là quelle qui te fais le bord de la chatbox !!
Melisa25

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

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

Résolu Re: Supprimer les fonds

Message par eric280 Dim 3 Avr 2011 - 8:32

up
eric280

eric280
**

Masculin
Messages : 64
Inscrit(e) le : 27/02/2011

http://ptcforum.forumgratuit.org
eric280 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer les fonds

Message par eric280 Mar 5 Avr 2011 - 9:52

up
eric280

eric280
**

Masculin
Messages : 64
Inscrit(e) le : 27/02/2011

http://ptcforum.forumgratuit.org
eric280 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer les fonds

Message par eric280 Sam 9 Avr 2011 - 14:58

J'ai réussi à supprimer le fond bleu clair qui entoure les boutons de mon ascenseur.
J'ai rajouté ce code dans ma feuille de style:

Code:
background-color:transparent !important;

Ce qui donne:

Code:
 .ascenseur {
background-color:transparent !important;
position: fixed;
top: 480px;
right: 0px;
background-color: #74B0F9;
-moz-border-radius: 35px 0px 0px 35px;
-webkit-border-radius: 35px 0px 0px 35px;
border-radius: 35px 0px 0px 35px;
}

Au passage voici la partie html de mon ascenseur:

Code:
<div class="ascenseur">
<a href="#top"><img src="http://i65.servimg.com/u/f65/15/95/78/27/bouton10.png" /></a>

<a href="#bottom"><img src="http://i65.servimg.com/u/f65/15/95/78/27/bouton11.png" /></a>
</div>

La clé est peut être là mais je ne sait pas positionner les images.

Pour résumé il me reste à:
- mettre les boutons de l'ascenseur l'un au dessus de l'autre
- supprimer le fond bleu clair du bouton de ma chatbox

D'avance merci de votre aide. Very Happy

eric280

eric280
**

Masculin
Messages : 64
Inscrit(e) le : 27/02/2011

http://ptcforum.forumgratuit.org
eric280 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer les fonds

Message par eric280 Dim 10 Avr 2011 - 0:58

J'ai réussit à superposer les boutons de mon ascenseur en ajoutant ces portions de code html à la suite des images:
Code:
align="top"
et
Code:
align="left"
Ce qui donne:
Code:
<div class="ascenseur">
<a href="#top"><img src="http://i65.servimg.com/u/f65/15/95/78/27/bouton10.png"align="top"/></a>

<a href="#bottom"><img src="http://i65.servimg.com/u/f65/15/95/78/27/bouton11.png"align="left"/></a>
</div>

Il me reste donc plus qu'à supprimer le fond bleu clair du bouton de ma chatbox.


eric280

eric280
**

Masculin
Messages : 64
Inscrit(e) le : 27/02/2011

http://ptcforum.forumgratuit.org
eric280 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer les fonds

Message par eric280 Dim 10 Avr 2011 - 18:49

J'ai finalement réussi à trouvé le moyen d'effacer le contour du bouton de ma chatbox latéral.
Dans le code html j'ai tout simplement mis la portion de code suivante:
Code:
background-color: #transparent
Ce qui donne:
Code:
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i65.servimg.com/u/f65/15/95/78/27/chatbo13.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i65.servimg.com/u/f65/15/95/78/27/chatbo13.png')?'block':'none';this.src=(this.src=='http://i65.servimg.com/u/f65/15/95/78/27/chatbo13.png')?'http://i65.servimg.com/u/f65/15/95/78/27/fermer11.png':'http://i65.servimg.com/u/f65/15/95/78/27/chatbo13.png';"/></td></tr></table>
Voilà mes problèmes sont résolus. cheers
eric280

eric280
**

Masculin
Messages : 64
Inscrit(e) le : 27/02/2011

http://ptcforum.forumgratuit.org
eric280 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