Neue Erweiterung css3Styles

**felixpfeiffer** · 20.03.2011, 21:59

Hallo,

im Extension Repository und auf contao-forge.org ist nun eine neue Erweiterng zu finden, die CSS3 Defininitionen im StyleSheet-Editor von Contao bereitstellt.

Diese sind:

border-radius: Abgerundete Ecken für alle möglichen Elemente
box-shadow: Schlagschatten (Momentan nur ein Schatten pro Element möglich)
css3Pie: CSS3-Definitionen auch für den IE < 9

Die Erweiterung ist noch rc, ich würde mich aber über Tester freuen, die Probleme oder Anregungen dann gerne auf contao-forge.org posten dürfen.

Viel Spaß damit.

**andreasisaak** · 20.03.2011, 23:11

Hallo Felix,

danke für diese tolle Erweiterung.
Leider habe ich noch einen kleinen Fehler gefunden. Es wird eine "tl_style.php~" mitgeliefert, da scheinst du noch Altlasten mitgenommen zu haben.

**felixpfeiffer** · 21.03.2011, 06:22

Zitat von jared

Es wird eine "tl_style.php~" mitgeliefert, da scheinst du noch Altlasten mitgenommen zu haben.

Hallo,

das ist mir auch schon aufgefallen, dass da diese Datei mitgeliefert wird. Leider kann ich diese nicht rauslöschen. Ich werde aber Leo bitten, dies zu tun.

Gruß, Felix

**Supermann** · 25.03.2011, 14:44

Hallo,

ich glaube ich habe einen Fehler in der "css3Style" Erweiterung gefunden.

Ich habe im Backend immer im Logfile die Fehlermeldung:

"No active page for page ID "pie.htc", host "meine-domain.de" and languages "" (http://www.meine-domain.de/pie.htc)"

wenn jemand mit einem der Browser auf die Seite kommt.

Mir ist aufgefallen, das die Datei die im Root liegt "PIE.htc" heisst und Großgeschrieben wird, die der Browser aber aufrufen will wird Kleingeschrieben.

Kann ich die Datei einfach umbenennen, oder muss da was im Code geändert werden?

Gruß

[Mod: Thema verschoben.]

**andreasisaak** · 25.03.2011, 19:43

Wäre es nicht besser gewesen diese Frage in dem dafür angelegten Thema zu stellen? Schließlich ist die Extension ja noch ziemlich neu und für jeden Bug ein neues Thema eröffnen wird etwas unübersichtlich.

Oder?

**Supermann** · 25.03.2011, 22:10

Sorry,

wenn ich wüsste wo das Theme zu dieser Erweiterung ist, hätte ich das sicherlich auch getan. Ich hatte jedenfalls noch kein Thema dazu gefunden.

Es ist mein Fehler... Sorry

Ich werde das nächste mal einfach warten bis zu der meiner Meinung nach Fehlerhaften Erweiterung ein Thema erstellt wird und dann erst posten.

Gruß

**andreasisaak** · 25.03.2011, 22:11

Einfach mal die Forumsuche betätigen

http://www.contao-community.de/showt...ung-css3Styles

**Supermann** · 25.03.2011, 22:17

Hallo,

Ok dort habe ich nicht gesucht...

Es wäre dann aber schön wenn der jenige der die Macht dazu hat, evtl. dieses dort hin zu schieben.

Oder soll bzw. darf ich den Fehler dort noch einmal Posten?

Gruß

**Supermann** · 27.03.2011, 18:02

Hallo,

was ist denn nun mit dem oben genannten Fehler? Ist es ein Fehler? oder musste nur die Datei umbenannt werden?

Gruß

**felixpfeiffer** · 27.03.2011, 19:42

Zitat von Supermann

was ist denn nun mit dem oben genannten Fehler? Ist es ein Fehler? oder musste nur die Datei umbenannt werden?

Hallo,

es war tatsächlich ein Fehler meinerseits. Dieser ist nun behoben. Also, ein Update der Erweiterung behebt den Fehler.

Sorry dafür.

Hier noch mal der Hinweis auf die Projektseite: http://www.contao-forge.org/projects/css3styles
Hier können auch Fehler gemeldet werden.

Gruß, Felix

**magicsepp** · 10.04.2011, 17:38

Code:

$GLOBALS['TL_LANG']['tl_style']['css3pie'] = array('CSS3Pie aktivieren', 'CSS3Pie bietet die Unterstützung für CSS3 Definitionen im InternetExplorer bis Version 8. Es wird eine htc-Datei, die im Root-Verzeichnis dieser Contao Seite liegt eingebunden.');

**magicsepp** · 10.04.2011, 18:08

habe nur Border Radius angegeben für die beiden oberen Ecken

8 8 leer leer px

und die CSS3Pie aktiviert, dann sind in den Styles keine der beiden Ecken gerundet.

Dann habe ich versucht 8 8 0 0 px dann seh ich im FF4 oben links und unten rechts gerundet was zwar dem Code entspricht, aber nicht der Beschreibung!

Code:

-moz-border-radius:8px 0px;-webkit-border-radius:8px 0px;border-radius:8px 0px;
behavior: url(PIE.htc);

**felixpfeiffer** · 10.04.2011, 19:23

Hallo magicsepp,

danke für den Hinweis. Ich habe das Problem behoben.
Die neue Version ist im Repository und darf getestet werden.

Gruß, Felix

**magicsepp** · 11.04.2011, 22:32

Hallo Felix,

erstmal ein herzliches Dankeschön für das schnelle Release

habe heute Abend nochmal neu installiert und es funktioniert jetzt bestens. Danke

**magicsepp** · 11.04.2011, 22:57

eins noch es gibt in der Zwischenzeit eine neuere Version der HTC.pie

Code:

Version 1.0beta4

**magicsepp** · 12.04.2011, 16:24

Hallo Felix,

mit der Version 1.0beta3 schmiert der IE5 ab, dies ist in der beta4 nicht so....

Grüße magicsepp

**Flex** · 14.04.2011, 20:05

Wenn ich mit dem csseditor arbeite, wird seit der Installation des Moduls das erste Vorkommen z. T. verdoppelt:

Code:

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

Wird zu:

Code:

	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

Es betrifft immer nur den ersten Eintrag in einer CSS Datei...

Zu oben:
IE5? Warum sollte man auf den IE5 Rücksicht nehmen? Der ist nun wirklich veraltet... Also WIRKLICH alt...

**felixpfeiffer** · 15.04.2011, 06:21

Zitat von Flex

Wenn ich mit dem csseditor arbeite, wird seit der Installation des Moduls das erste Vorkommen z. T. verdoppelt:

Hallo Flex,

das ist mir so noch nciht aufgefallen. Ich werde aber mal schauen, ob ich es reproduzieren kann.

Passiert dies bei jedem Speichern über den csseditor oder nur bei der ersten "Speicherung" ?

Gruß, Felix

**Nikolas** · 15.04.2011, 06:39

Zitat von felixpfeiffer

Hallo Flex,

das ist mir so noch nciht aufgefallen. Ich werde aber mal schauen, ob ich es reproduzieren kann.

Passiert dies bei jedem Speichern über den csseditor oder nur bei der ersten "Speicherung" ?

Gruß, Felix

Hallo Felix,

Bei mir verhält es sich genauso. Und scheinbar wird es nach jedem Speichern wieder verdoppelt.

Gruß von unterwegs
Nikolas

**magicsepp** · 15.04.2011, 11:53

Hab schnellmal in meiner Css nachgeschaut, ich habe auch doppelte Syntax drin.

**felixpfeiffer** · 15.04.2011, 15:55

So, ich konnte es jetzt nachvollziehen.
Ich werde schauen, wie ich das Problem am besten beheben kann.

Gruß, Felix

**felixpfeiffer** · 15.04.2011, 21:10

So, das Problem sollte nun behoben sein.

Gruß, Felix

**wiese** · 26.05.2011, 12:28

Ich arbeite nie mit dem internen Contao Editor, da es mir zu umständlich ist und zu lange dauert.

Setzt die Erweiterung trotzdem die CSS3 Effekte für den < IE9 um? Muss ich noch etwas beachten? Ich habe die CSS Dateien im files Ordner liegen und binde diese manuell ein.

z.B

Code:

.image_container img {
    border: 4px solid white;
    box-shadow: 0 1px 4px #757575;
    margin: 4px;
}

sieht im Firefox/Chrome/IE9 sehr schön aus, im IE8 sehe ich gar nix

**magicsepp** · 26.05.2011, 12:56

damit ist dein CSS unvollständig und z. B.

Code:

behavior: url(PIE.htc);

fehlt.

Details finden sich hier: http://css3pie.com/documentation/sup...css3-features/

**wiese** · 26.05.2011, 19:05

Danke!

**Hueso** · 29.05.2011, 13:45

Hallo Felix,

ebenfalls danke für diese sehr hilfreiche Extension!

Leider klappt es (border-radius + box-Shadow) bei mir im InternetExploer nicht obwohl:

Contao-Version: 2.9.5
In der CSS PIE.htc aktiviert (im Root vorhanden)
border etc. gesetzt

Im IE (8) erscheint dann einfach nichts > also wenn für IE aktiv, dann verschwindet der border komplett. Hab ich was übersehen?

Danke für Hilfe!
Hueso

**tblumrich** · 29.05.2011, 17:35

Hi.

Gib den entsprechenden Elementen mal ein position:relative mit, sofern sie noch keine position Definition haben.

Ich hatte das Problem im Zusammenhang mit dem pie-script und dem IE auch einige male und konnte das damit immer lösen.

Gruß
Thomas

**Hueso** · 30.05.2011, 11:29

aaah.. vielen Dank Thomas! Position:relative hat geholfen!! THX!

**MiTsch** · 28.07.2011, 21:18

Hallo Community,

die Erweiterung CSS3Style ist derzeit im ER für 2.9.4 als Stable ausgewiesen.
Hat jemand diese Erweiterung auch schon für 2.9.5 erfolgreich im Einsatz ?

Viele Grüße
MiTsch

**tblumrich** · 28.07.2011, 21:19

Zitat von MiTsch

Hallo Community,

die Erweiterung CSS3Style ist derzeit im ER für 2.9.4 als Stable ausgewiesen.
Hat jemand diese Erweiterung auch schon für 2.9.5 erfolgreich im Einsatz ?

Viele Grüße
MiTsch

Ja, ich.

**MiTsch** · 28.07.2011, 21:27

Hallo tblumrich,

danke für deine schnelle Antwort! Ich versuche jetzt schon seit Stunden für den IE Runde Ecken zu generieren. Im FF funktioniert es.

Kannst Du mir sagen Wo und Wie ich die Erweiterung richtig einbinde?

Viele Grüße
MiTsch

**magicsepp** · 28.07.2011, 21:33

beim IE hab ich teilweise mit z-index nachgeholfen.....

**tblumrich** · 28.07.2011, 21:41

Zitat von MiTsch

Hallo tblumrich,

danke für deine schnelle Antwort! Ich versuche jetzt schon seit Stunden für den IE Runde Ecken zu generieren. Im FF funktioniert es.

Kannst Du mir sagen Wo und Wie ich die Erweiterung richtig einbinde?

Viele Grüße
MiTsch

Hmm, meinen Post #27 hast du gelesen?
Hat bei mir immer geholfen, bei Problemen mit dem MS Browser.

Gruß

PS: Ich denke das ist eher weniger ein Versionsproblem.

**MiTsch** · 28.07.2011, 21:50

Hallo tblumrich,

Danke für den Tipp, aber leider bleibts beim IE "Eckig".

Viele Grüße
MiTsch

**tblumrich** · 28.07.2011, 22:17

Hi.

Und das hat mit Contao 2.9.4 bei dir noch funktioniert oder wie ist deine Eingangsfrage zu verstehen?
Gilt das für alle IE Versionen?
Die PIE.htc hast du angehakt und wird eingebunden und ist auf dem Server? Wenn ja, kann der Server den Dateitypen? Ich muss bei mir immer mit AddType text/x-component .htc nachhelfen.

Gruß
Thomas

**MiTsch** · 28.07.2011, 22:40

Hallo Thomas,

ja ich hatte die Erweiterung schon erfolgreich unter 2.9.4 im Einsatz. Manchmal sieht man das Bit vor lauter Bytes nicht mehr.

Ich hatte alles schon mehrfach kontrolliert und war mir sicher das ich auch den Haken bei PIE.htc aktivieren gesetzt hatte.

Irgentwie spinnt heute auch mein Rechner da er sich schon zwei mal aufgehangen hat. Vielleicht hab ich aber auch vergessen zu Speichern im Eifer des Gefechts.

Naja jetzt klappts auch mit dem IE. Uff!
Vielen Dank nochmal für den Schubs in die richtige Richtung

So jetzt gönne ich mir erst mal eine Pause und ein anderes Bit.

Viele Grüße
MiTsch

**tblumrich** · 28.07.2011, 23:06

Heyhey... keine Ursache.
Du glaubst gar nicht wie oft mir das ganz genauso geht.

Die besagte Pause oder der Schlaf (*aufdieuhrguck*), hilft bei mir meist.

In diesem Sinne gute Nacht.

Thomas