Pixellounge ::: Bilderseite

post released sites here made with phpwcms
Post Reply
GermanDevil
Posts: 58
Joined: Sun 8. Jan 2006, 00:39

Pixellounge ::: Bilderseite

Post by GermanDevil »

http://www.pixellounge.eu

Viel Spaß!

Gruß,

Devil :twisted:
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Post 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
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
GermanDevil
Posts: 58
Joined: Sun 8. Jan 2006, 00:39

Post by GermanDevil »

wohin mit dem code???
hilfe
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Post by Jensensen »

hi,

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

ansonsten --> nice

greetz
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
GermanDevil
Posts: 58
Joined: Sun 8. Jan 2006, 00:39

Post by GermanDevil »

safari browser???
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Post 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
Last edited by flip-flop on Wed 18. Jul 2007, 00:15, edited 1 time in total.
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
GermanDevil
Posts: 58
Joined: Sun 8. Jan 2006, 00:39

Post 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.....
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Post by Jensensen »

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

Safari klappt reibungslos...

greetz
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Post 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
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Post Reply