Pixellounge ::: Bilderseite
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:
Knut
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;
}
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
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
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
Last edited by flip-flop on Wed 18. Jul 2007, 00:15, edited 1 time in total.
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
-
- Posts: 58
- Joined: Sun 8. Jan 2006, 00:39
@GermanDevil
Dann mach es so:
Siehe auch: http://blog.open2business.ch/webentwick ... t-css.html
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;
}
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )