Pixellounge ::: Bilderseite

GermanDevil · Post by **GermanDevil** » Tue 17. Jul 2007, 17:23

http://www.pixellounge.eu

Viel Spaß!

Gruß,

Devil

Post by **flip-flop** » Tue 17. Jul 2007, 20:28

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 · Post by **GermanDevil** » Tue 17. Jul 2007, 22:09

wohin mit dem code???
hilfe

Jensensen · Post by **Jensensen** » Tue 17. Jul 2007, 22:34

hi,

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

ansonsten --> nice

greetz

GermanDevil · Post by **GermanDevil** » Tue 17. Jul 2007, 22:36

safari browser???

Post by **flip-flop** » Tue 17. Jul 2007, 22:39

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 · Post by **GermanDevil** » Tue 17. Jul 2007, 22:42

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 · Post by **Jensensen** » Wed 18. Jul 2007, 00:35

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

Safari klappt reibungslos...

greetz

Post by **flip-flop** » Wed 18. Jul 2007, 00:42

@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/webentwick ... t-css.html