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

[alexanderhey]

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: http://themes.goodlayers.com/?theme=rocketboard

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

Gruß Alex

 

[patrick_l]

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]

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:





http://themeforest.net/item/metrost...rpose-wordpress-theme/2921313?ref=DDamjanovic

http://themeforest.net/item/rocket-board-metro-wordpress-theme/4029455?ref=DDamjanovic

Viel Spaß damit, ich hoffe ich konnte helfen!


Lieber Gruß,

Julian

 

[alexanderhey]

Hallo.

Danke für die Antworten. Mittlerweile habe ich das Theme hier unter Worpress für einen Kunden laufen laufen: http://themify.me/themes/metro

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]

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