Retirer la transparence

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

Résolu Retirer la transparence

Message par Cenobite le Mar 17 Nov 2015 - 8:39

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : http://thezone.forumactif.com

Description du problème

Bonjour / Bonsoir,
Comme le titre l'indique, j'aimerais retirer la transparence de mon forum et par le fait même,nettoyer mon code CSS qui (probablement) comporte des lignes de codes inutiles. Je voudrais simplement conserver le cadre aux coins arrondis (avec une bordure bleu) ainsi que le fond noir mais rien de transparent.

body.chatbox
{background-image:url("https://i40.servimg.com/u/f40/16/70/64/10/tilere18.png");}

.chatbox_row_1,.chatbox_row_2,.chatbox_row_3
{background-color: #00151d; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom,th,td.row1,td.row3.over:hover,td.row2,td.row1.over:hover,td.row3 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
}

.row1.over:hover {background:url('http://s1159.photobucket.com/user/MerryNightmare1987/media/Untitled-3.png.html') right bottom no-repeat;}
.forumline
{background-color: #000000;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;}

.bodyline
{
filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-khtml-border-radius: 25px;
}

a.mainmenu:hover{
filter:alpha(opacity=30);
-moz-opacity: 0.65;
opacity: 0.55;
}



Dernière édition par Cenobite le Mar 17 Nov 2015 - 17:16, édité 1 fois

Cenobite
*

Masculin
Messages : 46
Inscrit(e) le : 27/10/2015

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

Résolu Re: Retirer la transparence

Message par Feuilla' le Mar 17 Nov 2015 - 14:37

Bonjour,
pour les lignes inutiles il faut supprimer les sauts de ligne entre les codes :
Code:
exemple {...}
exemple {...}
au lieu de
Code:
exemple {...}

exemple {...}

Ensuite on peut aussi retirer les lignes presque "vides"/"inutiles" :
Code:
exemple2 {...}
à la place de
Code:
exemple2
{
...
}
@Cenobite a écrit:Je voudrais simplement conserver le cadre aux coins arrondis (avec une bordure bleu) ainsi que le fond noir mais rien de transparent.
Il y a des codes servant à autre chose, si vous voulez les supprimer :

Code:
body.chatbox
{background-image:url("http://i40.servimg.com/u/f40/16/70/64/10/tilere18.png");
Pour supprimer le fond de la Chatbox.
Code:
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3
{background-color: #00151d; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

Code:
a.mainmenu:hover{
filter:alpha(opacity=30);
-moz-opacity: 0.65;
opacity: 0.55;
}
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: Retirer la transparence

Message par Milouze14 le Mar 17 Nov 2015 - 16:37

Salut Cenobite;


J'ai supprimé ces lignes qui ne servent à rien:
Code:

body.chatbox
{background-image:url("http://i40.servimg.com/u/f40/16/70/64/10/tilere18.png");}
.row1.over:hover {background:url('http://s1159.photobucket.com/user/MerryNightmare1987/media/Untitled-3.png.html') right bottom no-repeat;}

Supprimes l'intégralité de ta feuille de style et remplace par ceci:

Code:

.chatbox_row_1,.chatbox_row_2,.chatbox_row_3
{background-color: #00151d;}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom,th,
td.row1,td.row3.over:hover,td.row2,td.row1.over:hover,td.row3 ,.forumline
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.forumline
{
background-color: #000000;
}
.bodyline
{
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}




Penses à cliquer sur le bouton


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re

Message par Cenobite le Mar 17 Nov 2015 - 17:06

Hey,Hey!
Un gros MERCI à vous deux! Je vais enfin y voir plus claire!
C'est vraiment sympa les explications pour nous aider à comprendre.

Bonne journée et encore MERCI!

Cenobite
*

Masculin
Messages : 46
Inscrit(e) le : 27/10/2015

http://thezone.forumactif.com
Cenobite 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