Annonce

  •  » Styles
  •  » Rendre un élément transparent via Additional Pages

#1 2014-11-24 00:17:39

thefaboss
Membre
2014-08-30
62

Rendre un élément transparent via Additional Pages

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

Hors ligne

#2 2014-11-26 11:09:06

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3561

Re: Rendre un élément transparent via Additional Pages

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: }

Hors ligne

#3 2014-11-26 11:14:00

thefaboss
Membre
2014-08-30
62

Re: Rendre un élément transparent via Additional Pages

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;
}

@+

Hors ligne

#4 2014-11-26 11:25:56

thefaboss
Membre
2014-08-30
62

Re: Rendre un élément transparent via Additional Pages

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 !

Hors ligne

  •  » Styles
  •  » Rendre un élément transparent via Additional Pages

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact