Enlever la transparence des messages

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

Résolu Enlever la transparence des messages

Message par Lombre le Sam 17 Nov 2012 - 18:37

bonjour,bonsoir

mon forum est semi-transparent, cela rend très jolie la page d'accueil ainsi que les sous forums.
Mais ! (parce qu'il y a toujours un "mais" :p ) la transparence rend illisible les messages des sujets ainsi que sur la chatbox (on ne vois pas très bien le texte). Donc bien évidemment ma question : comment rendre la chatbox et le fond des messages opaque tout en gardant le forum semi-transparent?
voici mon css:

Code:
body.chatbox {
background-image:url("http://i43.servimg.com/u/f43/16/23/60/01/picmix15.jpg");
background-repeat:no-repeat;
color: #000000;
background-size: 100%;}
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: #000000;
}
.forumline {
-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);
}

adresse
http://syrtis-labourrasque.forumgratuit.org

merci bien =)


Dernière édition par Lombre le Ven 7 Déc 2012 - 18:33, édité 2 fois

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Dim 18 Nov 2012 - 17:10

Peut être n'est ce pas possible, mais au moins juste que mon accueil soit semi-transparent, et le reste de mes autres pages opaque.

bonne journée

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Lun 19 Nov 2012 - 22:04

up

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Matriochka le Lun 19 Nov 2012 - 22:30

Salut,

Plutôt que d’utiliser la propriété opacity, tu pourrais rendre transparente la couleur de fond des zones que tu désires rendre semi-transparentes et intégrer une image semi-opaque à ces zones ?

Pour ça, utilises une image de ce type (opaque à 40%) :


Et intègre-la sur ton forum ainsi :
Code:
.forumline {
background-color:transparent;
background-image:url("http://i47.servimg.com/u/f47/17/87/56/13/sans_t19.png");}
Ça devrait te permettre de contourner le problème de lisibilité du texte Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Enlever la transparence des messages

Message par Lombre le Lun 19 Nov 2012 - 23:52

ha!! j'ai tester et j'en suis ravie, j'aurai du y penser, mais il ya quand même un problème :p
il y a plus les lignes de séparation, alors que les contour sont bien afficher blanc :

Spoiler:

Spoiler:

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Matriochka le Lun 19 Nov 2012 - 23:53

Il faut mettre ta couleur dans"Couleur du cadre des cellules" Wink C’est ceci qui créé la séparation.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Enlever la transparence des messages

Message par Lombre le Mar 20 Nov 2012 - 0:33

re par ici ^^

et malheureusement non, rien ne se passe , cela reste toujours comme montré sur la photo plus haut

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Matriochka le Mar 20 Nov 2012 - 12:05

Pourtant ça ne devrait pas ! Et je n’ai pas accès à ton forum pour voir le problème par moi-même… >_<

Est-ce que tu pourrais me mettre toute ta feuille de styles ici ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Enlever la transparence des messages

Message par Lombre le Mar 20 Nov 2012 - 16:32

a oui c'est vrai , il est en construction ^^'

voila ma feuille :
Code:
body {
cursor: url(http://www.archive-host.com/files/1820841/33a1f18ea7daebd6921eb8965d684e3a0678de82/epee4.cur), auto;
}
.forumline {
background-color:transparent;
background-image:url("http://i47.servimg.com/u/f47/17/87/56/13/sans_t19.png");}
body.chatbox {
  background: url("http://i47.servimg.com/u/f47/17/87/56/13/sans_t19.png") no-repeat fixed;
}
.bouhautbas {
    bottom: 40px;
    right: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}

je te remercie de passer ton temps pour moi =)

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Mer 21 Nov 2012 - 11:13

j'ai testé de remettre comme avant pour voir si les lignes revenais , mais ce n'est pas le cas, elles ont totalement disparu :/

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Jeu 22 Nov 2012 - 17:41

je veux retrouver mes lignes T_T aidez moi

et jvous offre des fleurs Flowers2 flower

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Ven 23 Nov 2012 - 1:27

rebonjour! jai trouvé ce code pour mes lignes :
Code:
.row1, .row2, .row3
        {
          border: 1px solid gray;
        }

et sa marche! mais voyez cette image :


a votre droite, les lignes de séparations ne se prolonge pas jusqu'au bout, c'est un problème, enfin a votre gauche il y a 2 lignes vertical presque coller, j'aimerai enlever celle de droite, car ce n'est pas très jolie, étant donner que j'ai des icônes (comme resolu,encours...)

(j'ai éditer le titre du sujet, étant donner qu'un autre problème et apparu )

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Sam 24 Nov 2012 - 13:24

up

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Dim 25 Nov 2012 - 15:02

up

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Lun 26 Nov 2012 - 16:02

up Zen !

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Mar 27 Nov 2012 - 19:17

up =)

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Mer 28 Nov 2012 - 19:41

haha je n'abandonnerai pas !! UP ! Modération

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Jeu 29 Nov 2012 - 21:23

up

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Ven 30 Nov 2012 - 23:45

up

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Dim 2 Déc 2012 - 12:32

up

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Lun 3 Déc 2012 - 10:08

aidez moi

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Lombre le Mar 4 Déc 2012 - 17:06

up

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Tech le Mer 5 Déc 2012 - 14:11

Bonjour,

Je ne vois pas de problème de mon côté. Le problème est-il toujours d'actualité ?

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21120
Inscrit(e) le : 01/12/2007

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

Résolu Re: Enlever la transparence des messages

Message par Lombre le Mer 5 Déc 2012 - 16:49

bonjour oui toujours depuis que jai mis ce code , les lignes a droite ne se prolonge pas, par contre quand on passe la souris dessus oui, or j'aimerai que sa reste permanent, sa ne fait pas très jolie.

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la transparence des messages

Message par Tech le Mer 5 Déc 2012 - 19:09

Changez ce code :
Code:
.row1, .row2, .row3
        {
          border: 1px solid gray;
        }
par :
Code:
.row1, .row2, .row3, .row3Right {
    border: 1px solid gray!important;
}

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21120
Inscrit(e) le : 01/12/2007

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

Résolu Re: Enlever la transparence des messages

Message par Lombre le Ven 7 Déc 2012 - 18:33

merci!! cela fonctionne ! santa

Lombre
**

Féminin
Messages : 59
Inscrit(e) le : 14/09/2011

http://syrtis-labourrasque.forumgratuit.org/
Lombre 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