Pixellounge ::: Bilderseite

[GermanDevil]

http://www.pixellounge.eu

Viel Spaß!

Gruß,

Devil

[flip-flop]

Hi Devil,

wie ich bei der ersten Präsentation schon schrieb: "Mir gefällt die Seite sehr gut".
Die Galerie ist wie ein Schachbrett aufgebaut und so etwas verleitet immer zum spielen. (Ich meine nicht Schach).
Eine Variante wäre den Thumbs ein wenig Opazität mitzugeben. -> Beim Überfahren mit der Maus werden die Thumbs entweder klar oder opak.
Ein kleiner Rahmen beim hovern könnte auch noch helfen.

Den Hintergrund würde ich auf dieser Seite etwas abschwächen, damit die Thumbs besser nach vorne kommen.

Opak:

Code: Select all

/* lightbox  KH patch 170507  siehe http://www.phpwcms.de/forum/viewtopic.php?p=86679#86679 */
a.linkopacity img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
border:1px #1c1b1b solid;
padding:1px;
margin:1px;
}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
border:1px #ffc526 solid;
padding:1px;
margin:1px;
}


.imageEntry a img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
border:1px #1c1b1b solid;
padding:1px;
margin:1px;
}

.imageEntry a:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
border:1px #ffc526 solid;
padding:1px;
margin:1px;
}

Knut

[GermanDevil]

wohin mit dem code???
hilfe

[Jensensen]

hi,

galerie --> lightbox FF mac tut nich...

ansonsten --> nice

greetz

[GermanDevil]

safari browser???

[flip-flop]

Auf jeden Fall in eine eingebundene CSS Datei, z.B. frontend.css

Oh ha, ich sehe gerade dass du die Sache mit Tabellen aufgebaut hast.
Ich dachte an den <DIV> BILD CP
Hier eine kleine Prinzipstudie (nur zwei Bilder): ikom-bonn.de/index.php?verlauf_der_ausbildung

[GermanDevil]

die seite ist mit mit div aufgebaut...
die table kommen von der ligthbox... stimmt glaube ich nicht, die kommen von phpwcms.... die sind ja darüber eingebunden...
hmmm keine ahnung.....

[Jensensen]

FF mac --> Firefox for Mac 2.0.0.4
tut nicht!

Safari klappt reibungslos...

greetz

[flip-flop]

@GermanDevil

Dann mach es so:

Code: Select all

/* lightbox  KH patch 170507  siehe http://www.phpwcms.de/forum/viewtopic.php?p=86679#86679 */
a.linkopacity img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
border:1px #1c1b1b solid;
padding:1px;
margin:1px;
}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
border:1px #ffc526 solid;
padding:1px;
margin:1px;
}

.imagelisttd a img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
border:1px #1c1b1b solid;
padding:1px;
margin:1px;
}

.imagelisttd a:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
border:1px #ffc526 solid;
padding:1px;
margin:1px;
}

Siehe auch: http://blog.open2business.ch/webentwicklung/css/transparente-elemente-mit-css.html