Page 1 of 1

Pixellounge ::: Bilderseite

Posted: Tue 17. Jul 2007, 17:23
by GermanDevil
http://www.pixellounge.eu

Viel Spaß!

Gruß,

Devil :twisted:

Posted: Tue 17. Jul 2007, 20:28
by 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

Posted: Tue 17. Jul 2007, 22:09
by GermanDevil
wohin mit dem code???
hilfe

Posted: Tue 17. Jul 2007, 22:34
by Jensensen
hi,

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

ansonsten --> nice

greetz

Posted: Tue 17. Jul 2007, 22:36
by GermanDevil
safari browser???

Posted: Tue 17. Jul 2007, 22:39
by 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

Posted: Tue 17. Jul 2007, 22:42
by 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.....

Posted: Wed 18. Jul 2007, 00:35
by Jensensen
FF mac --> Firefox for Mac 2.0.0.4
tut nicht!

Safari klappt reibungslos...

greetz

Posted: Wed 18. Jul 2007, 00:42
by 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/webentwick ... t-css.html