Création des effets translucides ...

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

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

Message par kokocha91 le 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 ( http://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
***

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 le Lun 30 Aoû 2010 - 15:33

up

Neutral

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 le Lun 6 Sep 2010 - 19:31

Bonjour,

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

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

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

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

Message par kokocha91 le Mar 7 Sep 2010 - 12:51

Bonjour Wink

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

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



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

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 le 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://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png);
}

a.info:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://i34.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://i34.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://i34.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
***

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 le Mar 7 Sep 2010 - 14:29

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




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

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

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 le 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
+ Hyperactif +

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 le Mar 7 Sep 2010 - 14:36

Oui, ça je garde Wink


Merci pour ton aide Flowers2

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 le 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
+ Hyperactif +

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

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 le 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
+ Hyperactif +

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 le Mar 7 Sep 2010 - 15:02

C' est fait Wink

Mais bon, toujours au même point on dirait Non !

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

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 le 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
+ Hyperactif +

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

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 le Mar 7 Sep 2010 - 15:24

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

Contente d'avoir pu t'aider


Bonjour 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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Convivialite
+ Hyperactif +

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 le Mar 7 Sep 2010 - 15:33

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

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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum