Seite 1 von 2

HighSlide Attachment & IMG MOD - Rahmen abändern

Verfasst: 26.08.2008 02:07
von ben_
Hi Junx,

der Mod funzt tadellos. Es ist ja so, dass zu große Bilder, welche mit den IMG-Tags eingefügt werden und durch den Mod autom. verkleinert dargestellt werden anklickbar sind.

Diese verlinkten Bilder haben allerdings einen 3px Rahmen der von grau auf weiß wechselt, sobald man mit dem Cursor darüber fährt.

Wie kann ich diese Rahmen ums Bild gänzlich entfernen!?

Danke im Vorraus.

PS: Wollte nicht einfach an der gallery_lytebox.js rumbasteln - sofern es überhaupt daran liegt.

Re: HighSlide Attachment & IMG MOD - Rahmen abändern

Verfasst: 26.08.2008 17:16
von nickvergessen
ben_ hat geschrieben:PS: Wollte nicht einfach an der gallery_lytebox.js rumbasteln - sofern es überhaupt daran liegt.
Nein, daran liegt's nicht.
Highslide wird vollkommen aus der Highslide MOD bezogen!

Verfasst: 26.08.2008 18:11
von ben_
Nun gut..

..das heisst der Border der Img's müsste in der colour.css einzustellen sein, seh ich das richtig?

Nach dem Update auf 1.0.7 sieht die nämlich so aus - Auszug:

Code: Alles auswählen

.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: black black #202020 black;
	background: gray;
Ändere ich jetzt allerdings:

Code: Alles auswählen

.highslide img {
	border: 2px solid silver;
auf

Code: Alles auswählen

.highslide img {
	border: none;
..passiert rein gar nichts. :) Nur zur Sicherheit, schraube ich mittlerweile an der richtigen Stelle!?

Greetz

Verfasst: 26.08.2008 18:30
von nickvergessen
Versuch sonst auch noch

Code: Alles auswählen

.highslide-image {
   border-width: 2px;
   border-style: solid;
   border-color: black black #202020 black; 
und nicht vergessen, vllt dazwischen Cache leeren und ACP > Styles > Themes aktualisieren

Verfasst: 26.08.2008 21:15
von ben_
Man oh man.. ich nerv echt nur ungern, aber irgendwas passt nicht. Momentan sieht die colour.css so aus:

Code: Alles auswählen

}
.highslide img {
	border: none;
}
.highslide:hover img {
	border-color: none;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 0px;
	border-style: solid;
	border-color: none;
	background: none;
}
Der Rahmen ist jetzt heller, aber nicht weg:

Vorher: Img - dunkler Rahmen / Img (mouseover) - weißer Rahmen

Jetzt: Img - hell grauer Rahmen / Img (mouseover) - dunkel grauer Rahmen

Als entweder klappt das Cache löschen / aktualisieren nicht, oder es passiert echt nix!

:D

Verfasst: 26.08.2008 22:48
von redbull254
Hast Du einmal nicht nur den Cache geleert, sondern unter Styles=>auch einmal die Themes und Templates aktualisiert ?

Verfasst: 26.08.2008 22:55
von ben_
Jup hab ich jedesmal nachm aktualisieren der Datei.

Habe auch vorhin einfach mal alle

Code: Alles auswählen

solid
in

Code: Alles auswählen

dotted
geändert -> Nix! :-?

Verfasst: 26.08.2008 22:58
von Metzle
Hallo,

hast du dich auch schon mal einfach ausgeloggt und den Browsercache mal gelöscht? Das kam bei mir schon vor bei Themeänderungen, dass ich trotz Forencache leeren und Themes aktualisieren die Änderungen erst gesehen habe, als ich mich ausgeloggt habe ausm Forum und den Browsercache gelöscht hatte.

Verfasst: 26.08.2008 22:59
von redbull254
Es geht um den dünnen Rahmen, der um das "kleine" Bild ist, wenn man das Bild im Beitrag anzeigen lässt, oder ?

Wo auch der Mouse-Hover-Effekt dann auftritt.

Ich habe die Mod auch drin, dann schau ich mal bei mir nach.

Verfasst: 26.08.2008 23:16
von ben_

Code: Alles auswählen

.highslide img {
   border: none;
}
.highslide:hover img {
   border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
   border-color: black;
}
.highslide-image {
   border-width: 0px;
   border-style: solid;
   border-color: black black #202020 black;
   background: gray;
So funktioniert es, warscheinlich lag es doch wirklich nur am Browser. :)

Nach dem öffnen mit dem IE und anschließend mit geleerten Firefox funzt es jetzt.

Besten Dank Euch Allen! :)

btw: Wäre eigentlich interessant, ob man diese Highslide-Funktion auch in der Galerie anwenden kann irgendwie. Die hochgeladenen Bilder werden aber warscheinlich nicht mit dem [IMG]-Tag dargestellt oder!?