Écrire Une Réponse

🌍 Français

Change Language

Écrire une réponse

Résumé de la discussion (messages les plus récents en premier)

thefaboss: 2014-11-26 11:25:56

mistic100 a écrit:
Bonjour
[...]

Salut Mistic100 !
Merci pour ton message.
La ligne que tu évoques faisait partie de certains tests que je faisais pour tenter désespérément de rendre une transparence ^^
N'étant pas du tout familier du css.... je faisais des essais xD

Bonne journée !

thefaboss: 2014-11-26 11:14:00

Hello, je me réponds à moi même pour aider certains qui pourraient avoir la même problématique.

J'utilise le thème "stripped" en version black. J'ai du modifier le code css du fichier ../piwigo/themes/stripped/theme-black.css

Il faut rechercher les valeurs suivantes :

Code:

#content {
        background-color: #101010;
        border: solid 1px #555;
        border-width: 1px 0;
}

Et remplacer la valeur de la variable bacground-color.
#101010 deviendra alors transparent :

Code:

#content {
        background-color: transparent;
        border: solid 1px #555;
        border-width: 1px 0;
}

mistic100: 2014-11-26 11:09:06

Bonjour

Code:

style="filter:alpha(opacity=50)"

est totalement faux

1. "style" est un attribut HTML pour ajouter du CSS, pas une propriété CSS
2. "filter:alpha" est une propriété propriétaire Microsoft totalement obsolète

quand je cherche "css transparence" sur google, le premier résultat est "opacity"...

Code:

.myHomePage_td { opacity:0.5: }

thefaboss: 2014-11-24 00:17:39

Bonsoir,
J'ai modifié ma page d'accueil avec l'aide du plugin Additional Pages. Je souhaite rendre transparent le module gris foncé sur lequel apparaissent mes miniatures d'album (cf l'url de mon site en signature).
Malgré mes recherches, je n'arrive pas à trouver le code CSS adéquate :\

Voici le début du code de ma page

Code:

<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none}
.content {max-width:1120px; margin:0 auto 10px auto !important;}
.Online {display:none;}
.content_block {max-width:none;}
 
.myHomePage_photo {text-align: center; margin:50px 0 20px 0;}
.myHomePage_photo a img {border-width:2px; border-style:solid; border-color:#666;}
.myHomePage_links {letter-spacing:1px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;}
.myHomePage_td {style="filter:alpha(opacity=50)"}

body {background-image: url(../../img/Fonts/IMG_4244_HD.jpg); background-attachment: fixed;}
table {border-collapse: collapse;}
td {border: 0px solid black; text-align: center; vertical-align: bottom;}
</style>

<TABLE>
 <TR>
   <TD><div class="myHomePage_links">
     <a href="index.php?/categories/2">&nbsp;&nbsp;[photo id=21 size=XXS link=no]&nbsp;&nbsp;<br>● 1er vol de l'A380 ●</a>
   </div></TD>
...

Je vous passe les détails, la suite n'est qu'un tableau.

Merci pour votre aide :)
Fab

Version de Piwigo: 2.7.2
Version de PHP: 5.5.9-1ubuntu4.5
Version de MySQL: 5.5.40-0ubuntu0.14.04.1
URL Piwigo: http://pics.aerofab.info

Piwigo.org

Annonce