Erledigt - CMS im Windows8-Metro-Style. IE-Problem-gelöst

alexanderhey · 14.01.2015

Hallo.

Ich bin auf der Suche nach einem Theme (erstmal egal welches CMS) im Windows8-Style-also diese Kacheloptik. Beim Stöbern im Netz bin ich auch das hier aufmerksam geworden:

Bitte kostenlos registrieren, damit du die Links siehst.

Ich bräuchte dann aber nur 4 Thumbnails pro Zeile und nicht 5.
Habt ihr noch andere Themes auf Lager?

Gruß Alex

patrick_l · 15.01.2015

alexanderhey schrieb:
Ich bräuchte dann aber nur 4 Thumbnails pro Zeile und nicht 5.

Wenn du HTML und CSS sowie JS und PHP beherrschst, Theme abändern und an die eigenen Wünsche anpassen. Hier ein weiteres Theme mit dem gewünschten Windows 8 Metro Tiles (Kacheln).

Theme:

Liebe Grüße, Patrick

Squeendot · 21.01.2015

Hallo alexanderhey,

was Patrick gesagt hat, ist glaube ich wirklich das schlauste, was man machen kann. Vor allem in WordPress ist das ziemlich einfach, auch wenn man keinen direkten Zugriff auf den Webserver hat, da viele Themes einen eigenen CSS-Bereich für die style.css haben.

Ich habe hier für dich noch 4 Kachel-Themes gefunden:

Bitte kostenlos registrieren, damit du die Links siehst.

Viel Spaß damit, ich hoffe ich konnte helfen!

Lieber Gruß,

Julian

alexanderhey · 20.03.2015

Hallo.

Danke für die Antworten. Mittlerweile habe ich das Theme hier unter Worpress für einen Kunden laufen laufen:

Bitte kostenlos registrieren, damit du die Links siehst.

Im Firefox habe ich drehende-Kachel Effekt welcher unter "About me" zu sehen ist laufen. Wenn ich die Seite aber im Internet Explorer 11 öffne, ist dieser Effekt nicht mehr vorhanden. Habt ihr das Problem ebenfalls/wie kann ich das beheben?

LG Alex

alexanderhey · 25.03.2015

Hallo.

Mittlerweile habe ich selbst eine Lösung gefunden, falls jemand das gleiche Problem hat. In der style.css einfach nach der Grad-Angabe suchen, um wieviel sich die Kacheln drehen und folgendes eingeben:

.portfolio-post .back{
position: absolute;
z-index: 10;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
}

.tile-flipped {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
}

Gruß Alex