Création des effets translucides ...

3 participants

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

Résolu Création des effets translucides ...

Message par kokocha91 Dim 29 Aoû 2010 - 1:05

Bonsoir la team, et bonsoir tout le monde Mr. Green


Alors voilà .... j' aimerai rendre mes cellules translucides sur mon petit fofo, histoire d' avoir une image de fond fixe et un peu visible ...
Mais le problème, c' est que cette fois-ci, je suis complètement dépassé ... What's happen ?!? Neutral


J' ai tenté de le faire avec le tuto suivant ( https://forum.forumactif.com/trucs-et-astuces-f8/tutorial-rendre-les-cellules-translucides-t42923.htm ) mais sans résultats ... Assomé Assomé Assomé

J' ai bien cru y être arrivé l' espace d un instant, mais je me suis rendu compte que sous IE .... mon fofo était au ralenti :lol!:

Bref .... je viens de passer mon après midi sur ce problème, et je capitule ( de toute façon, je n' avais que ça à faire, vu le temps de chiotte en ce moment Shutt )

Alors si une âme charitable pourrait m' aider dans ce dossier, je lui en serais très reconnaissant ok

PS : je ne suis pas pressé, j' ai le crâne translucide, lui aussi Humour

Un grand merci d' avance Flowers2


Dernière édition par kokocha91 le Mar 7 Sep 2010 - 15:34, édité 1 fois
kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par kokocha91 Lun 30 Aoû 2010 - 15:33

up

Neutral
kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par Anzu Lun 6 Sep 2010 - 19:31

Création des effets translucides ...  Ktip10Bonjour,

Où en-est votre problème ?

Deux solutions :
  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par kokocha91 Mar 7 Sep 2010 - 12:51

Bonjour Wink

Toujours au même point .... Tout seul, je n' y arrive pas Snifff
kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par Convivialite Mar 7 Sep 2010 - 13:06

Bonjour

pour faire plus simple met ce code dans ta feuille de CSS

PA>affichage>gestion des couleurs>onglet
feuille de style CSS

Création des effets translucides ...  410

Code:
body {
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}

tu peux changer le 80 par plus ou moins , tu règle comme tu veux

Amicalement
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par kokocha91 Mar 7 Sep 2010 - 14:07

Bonjour convivialité Wink


J' ai déjà tenté de le faire en parcourant des topics sur le forum ... Et donc j' ai ajouté ce code dans le css mais tout l' ensemble de mon forum se mettait " à ramer " monstrueusement ( surtout sous ie ).


Est ce que je dois faire d' autre manip' en plus du rajout de ce code dans mon css ?
Dois je coupler le tout avec d autres choses ? Mr. Green


Parce que pour info, j' ai déjà tout ça dans mon css ( allez savoir, peut être même des trucs inutiles silent )

Je vous montre tout ce que j' ai à ce jour :lol!: ( en copier coller Rolling Eyes )


/*Suppression_search_box--------------------------*/
#search-box input {
display: none;
}
#search-box input.button1 {
display: none;
}
input.search {
display: none;
}


a.info:hover {
z-index:20;
}

a.info span {
display:none;
}

a.info:hover span {
display:block;
position:absolute;
top:18px;
left:10px;

padding-left:25px;
padding-top:24px;
padding-bottom:5px;
padding-right:8px;
width:205px;
height:45px;

font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:italic;
font-size:10px;
color:#999999;
text-decoration:none;
text-align:justify;
}


a.info:hover>span {
background-image:url(https://i.servimg.com/u/f34/11/14/60/21/bginfo10.png);
}

a.info:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://i.servimg.com/u/f34/11/14/60/21/bginfo10.png",
sizingMethod="crop");
}


.topiclist dl.icon {
min-height: 60px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 60px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 65px;
}
ul.pmlist dt {
padding-left: 65px;
}







.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url(https://i.servimg.com/u/f34/13/84/03/21/2082-p10.jpg);
padding:2px 3px;
background-repeat: repeat;
background-position: center left;
background-color: #color;
}





.post { background-image: url();
background-repeat: repeat;
background-position: center left;
background-color: #color;
}



body {
background-image:url(https://i.servimg.com/u/f34/13/84/03/21/2082-p10.jpg);
background-repeat: repeat;
}




j' espère ne pas faire bugger le forumactif avec tous ces codes Shocked


En vous remerciant Wink
kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par Convivialite Mar 7 Sep 2010 - 14:29

tu as ça dans ton css
est ce que ça te sert a quelque chose

Création des effets translucides ...  Bginfo10


Code:

a.info:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png",
sizingMethod="crop");
}
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par kokocha91 Mar 7 Sep 2010 - 14:30

Je vais vérifier mais je ne crois pas Wink





Je viens de le retirer Wink
Apparemment, ça ne me servait à rien Mr. Green
kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par Convivialite Mar 7 Sep 2010 - 14:34

et ceci pour supprimer la fonction rechercher en page d'accueil

tu garde ou pas ??

Code:
/*Suppression_search_box--------------------------*/
#search-box input {
display: none;
}
#search-box input.button1 {
display: none;
}
input.search {
display: none;
}

je vais te refaire ton CSS
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par kokocha91 Mar 7 Sep 2010 - 14:36

Oui, ça je garde Wink


Merci pour ton aide Flowers2
kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par Convivialite Mar 7 Sep 2010 - 14:39

supprime ce que tu as sur ta feuille et met celui là a la place , on va voir ce que ça donne



Code:
body {
background-image:url(http://i34.servimg.com/u/f34/13/84/03/21/2082-p10.jpg);
background-repeat: repeat;
}

.topiclist dl.icon {
min-height: 70px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 70px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 65px;
}
ul.pmlist dt {
padding-left: 65px;
}

body {
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}

/*Suppression_search_box--------------------------*/
#search-box input {
display: none;
}
#search-box input.button1 {
display: none;
}
input.search {
display: none;
}
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par kokocha91 Mar 7 Sep 2010 - 14:46

Je viens de le faire Wink

Sous mozilla, passe encore ( sauf bizarrerie des écritures tout en bas du forum ? )

Mais sous IE, ça rame encore et des choses ont changées ( genre police de caractères .... )

kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par Convivialite Mar 7 Sep 2010 - 14:53

bon , rajoute

Code:
a.info:hover {
z-index:20;
}

a.info span {
display:none;
}

a.info:hover span {
display:block;
position:absolute;
top:18px;
left:10px;

padding-left:25px;
padding-top:24px;
padding-bottom:5px;
padding-right:8px;
width:205px;
height:45px;

font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:italic;
font-size:10px;
color:#999999;
text-decoration:none;
text-align:justify;
}

c'est ce que j'avais enlevé pour l'écriture

c'est normal que ça rame , IE n'aime pas la transparence :lol!:
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par kokocha91 Mar 7 Sep 2010 - 15:02

C' est fait Wink

Mais bon, toujours au même point on dirait :no

C' est un peu près ça que j' avais obtenu quand j' avais essayé :lol!:

Et vu que pas mal de mes membres n utilisent pas mozilla .... vont pas être contents :lol!:


Ca ne doit pas être évident à faire !!!
kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par Convivialite Mar 7 Sep 2010 - 15:11

comme on a remis tout ce qui te sert , et que la transparence fait ramer IE

teste ton forum ICI avec et sans transparence , tu verra bien

Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par kokocha91 Mar 7 Sep 2010 - 15:18

Je viens de tester Wink

Bon .... je vais garder tout ton travail de côté ok


Je vais mettre en stand by le côté " transparence " pour l' instant et je te remercie, vraiment, pour le temps que tu m as accordé Wink

Du coup, je garde tout le reste, en retirant uniquement le code de" la transparence " , c' est ça ?

Encore un grand merci !!!!!
kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par Convivialite Mar 7 Sep 2010 - 15:24

tu garde tout ce que je t'ai donné sauf la transparence

Contente d'avoir pu t'aider


Création des effets translucides ...  Check10Bonjour kokocha91,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Création des effets translucides ...  Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Création des effets translucides ...  50378

A bientôt sur ForumActif Smile
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création des effets translucides ...

Message par kokocha91 Mar 7 Sep 2010 - 15:33

Pas de problemes .... Je connais la procédure Wink
kokocha91

kokocha91
***

Masculin
Messages : 105
Inscrit(e) le : 28/09/2008

http://2k2f.forumdeouf.com
kokocha91 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