Création des effets translucides ...
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Création des effets translucides ...
Bonsoir la team, et bonsoir tout le monde
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é ...
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 ...
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 )
Alors si une âme charitable pourrait m' aider dans ce dossier, je lui en serais très reconnaissant
PS : je ne suis pas pressé, j' ai le crâne translucide, lui aussi
Un grand merci d' avance
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é ...
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 ...
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 )
Alors si une âme charitable pourrait m' aider dans ce dossier, je lui en serais très reconnaissant
PS : je ne suis pas pressé, j' ai le crâne translucide, lui aussi
Un grand merci d' avance
Dernière édition par kokocha91 le Mar 7 Sep 2010 - 15:34, édité 1 fois
Re: Création des effets translucides ...
Bonjour, Où en-est votre problème ? Deux solutions :
A bientôt sur ForumActif |
Re: Création des effets translucides ...
Bonjour
Toujours au même point .... Tout seul, je n' y arrive pas
Toujours au même point .... Tout seul, je n' y arrive pas
Re: Création des effets translucides ...
Bonjour
pour faire plus simple met ce code dans ta feuille de CSS
PA>affichage>gestion des couleurs>onglet
feuille de style CSS
tu peux changer le 80 par plus ou moins , tu règle comme tu veux
Amicalement
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
Re: Création des effets translucides ...
Bonjour convivialité
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 ?
Parce que pour info, j' ai déjà tout ça dans mon css ( allez savoir, peut être même des trucs inutiles )
Je vous montre tout ce que j' ai à ce jour :lol!: ( en copier coller )
/*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
En vous remerciant
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 ?
Parce que pour info, j' ai déjà tout ça dans mon css ( allez savoir, peut être même des trucs inutiles )
Je vous montre tout ce que j' ai à ce jour :lol!: ( en copier coller )
/*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
En vous remerciant
Re: Création des effets translucides ...
tu as ça dans ton css
est ce que ça te sert a quelque chose
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");
}
Re: Création des effets translucides ...
Je vais vérifier mais je ne crois pas
Je viens de le retirer
Apparemment, ça ne me servait à rien
Je viens de le retirer
Apparemment, ça ne me servait à rien
Re: Création des effets translucides ...
et ceci pour supprimer la fonction rechercher en page d'accueil
tu garde ou pas ??
je vais te refaire ton CSS
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
Re: Création des effets translucides ...
Oui, ça je garde
Merci pour ton aide
Merci pour ton aide
Re: Création des effets translucides ...
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;
}
Re: Création des effets translucides ...
Je viens de le faire
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 .... )
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 .... )
Re: Création des effets translucides ...
bon , rajoute
c'est ce que j'avais enlevé pour l'écriture
c'est normal que ça rame , IE n'aime pas la transparence :lol!:
- 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!:
Re: Création des effets translucides ...
C' est fait
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 !!!
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 !!!
Re: Création des effets translucides ...
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
teste ton forum ICI avec et sans transparence , tu verra bien
Re: Création des effets translucides ...
Je viens de tester
Bon .... je vais garder tout ton travail de côté
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é
Du coup, je garde tout le reste, en retirant uniquement le code de" la transparence " , c' est ça ?
Encore un grand merci !!!!!
Bon .... je vais garder tout ton travail de côté
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é
Du coup, je garde tout le reste, en retirant uniquement le code de" la transparence " , c' est ça ?
Encore un grand merci !!!!!
Re: Création des effets translucides ...
tu garde tout ce que je t'ai donné sauf la transparence
Contente d'avoir pu t'aider
Contente d'avoir pu t'aider
Bonjour kokocha91, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Re: Création des effets translucides ...
Pas de problemes .... Je connais la procédure
Sujets similaires
» Rendre les cellules translucides - cadre du forum
» Des effets à transitions au passage de la souris
» Effets CSS / CSS3 sur un PA
» Les effets sur mes images ne fonctionnent plus
» effets en glissant la souris sur les boutons
» Des effets à transitions au passage de la souris
» Effets CSS / CSS3 sur un PA
» Les effets sur mes images ne fonctionnent plus
» effets en glissant la souris sur les boutons
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum