Protostar anpassen
- kafi112
- Erledigt
-
-
@anka
Danke.
Das Problem mit der Scrollbar im IE hat sich damit gelöst.@christine2
Nochmal Danke.
Das Login-Form konnte ich damit nun horizontal zentrieren.@all
Die Bilder werden im IE weiterhin falsch dargestellt.
Was mir dazu gerade noch aufgefallen ist:
Die Bilder sind auf beiden erwähnten Seiten zur größeren Darstellung verlinkt.
Im IE funktionieren auch die Links nicht, im Chrome und Firefox schon. -
Die Bilder werden im IE weiterhin falsch dargestellt.Was meinst du mit "falsch"? Bei mir sehen die Bilder überall gleich aus.
Im IE funktionieren auch die Links nicht, im Chrome und Firefox schon.
Deinstalliere mal MediaBox 2 und installiere stattdessen MediaBox 1.2.2. -
Ich hatte die Screenshots oben schon mal eingestellt.
Wenn ich mir unsere Startseite in Chrome angucke, sieht das so aus, und so sollte es auch sein.
Im IE hingegen soBei "Der Vorstand" ist es genau so.
In Chrome
Im IEDie Bilder sind auf der Startseite z.B. auf eine Breite von 350px eingestellt.
Im IE wird das aber nicht berücksichtigt.Wird das bei euch nicht so angezeigt?
Den Cache im IE habe ich bereits geleert. -
Beim IE 11 passt die Grösse, der Fehler tritt nur beim IE 10 auf .
Nimm diese Zeile aus der index.php des Templates wieder raus:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Lösche die rot markierten Zeilen im template.css:img {
max-width: 100%;width: auto \9;
height: auto;
vertical-align: middle;border: 0;
-ms-interpolation-mode: bicubic;
}Lösche das hier komplett aus dem template.css:
.brand img {
width: 100%;
}Füge dafür das hier ins template.css ein:
a {
max-width: 100%;
} -
Super, vielen Dank.
Nun hat es geklappt.
Ich habe hier wirklich nur den IE10 auf dem Rechner.
Ich nutze Chrome und habe den IE jetzt nur mal ausprobiert, um die Anzeige der Seite zu testen.Jetzt muss ich mich noch um die MediaBox kümmern.
Eine Frage habe ich aber noch.
Im Hauptcontent auf der position_1 habe ich ja oben rechts ein Aufklappmenü mit "Drucken" und "Email".
Ist es möglich diese beiden Menüpunkte jeweils als Einzellink in das Menü "Top" zu setzen, also neben "Impressum" und "Kontakt"?
Außerdem möchte ich dann den "Email" gerne in "Seite empfehlen" ändern.Gruß
kafi112 -
Ich habe nun an der Position "Top" ein weiteres Modul zur Übersetzung der Website eingefügt.
So weit so gut.
Nun sind allerdings die Menüeinträge "Impressum", "Kontakt" und "Login" etwas nach links verrutscht und nicht mehr rechts ausgerichtet.
Wie bekomme ich das wieder nach rechts gerückt?
Das Menü soll natürlich immer rechts ausgerichtet bleiben, auch wenn ich Sprachen aus dem Übersetzungsmodul löschen oder hinzufügen sollte.
http://test-63883.alfa3044.alf…rver.de/joomla/index.php/ -
Oder ist es möglich beides in eine Reihe zu bekommen?
Die Übersetzung links- und das Top-Menü rechts ausgerichtet? -
Oder ist es möglich beides in eine Reihe zu bekommen?
Die Übersetzung links- und das Top-Menü rechts ausgerichtet? -
Danke, nun sind beide schon mal rechts, bzw. links ausgerichtet.
Allerdings liegen sie noch nicht auf einer Höhe.
Wenn das rechte Menü "Top" nun noch etwas höher rutschen könnte, wäre auch der Abstand zwischen Header und oberem Rand nicht so groß. -
Allerdings liegen sie noch nicht auf einer Höhe.
Das hat seinen Grund, denn sonst würde das Menü in der Tabletdarstellung hinter die Flaggen geschoben, was nicht Sinn der Sache sein kann. Wenn Dir das egal ist, kannst du dem Menü ein negatives margin geben.
Z.B. -
OK, hast recht.
Ich habe dann beides wieder nach rechts gesetzt. -
Auch auf die Gefahr hin das ich nerve.
Ich habe hier ein Template entdeckt, an dem mich die Menüs rechts und links reizen würden.
https://www.siteground.com/tem…oomla25/siteground-j16-41Ist es möglich das Protaster dementsprechend anzupassen, das die Optik der Module diesem Template nahe kommt?
Die Pfeile in der jeweiligen Modulüberschrift sind nett, aber nicht unbedingt notwendig.
Mir geht es eher um die Farbgebung.
Das jetzige olle grau der Module ist ja nun nicht wirklich schön. -
Hallo kafi112,
um die Farben beim Template Protostar anzupassen, habe ich extra ein Programm geschrieben, das zu einer eingegebenen Hauptfarbe verschiedene Zwischenfarben erzeugt und direkt in die template.css von Protostar einfügt. Dabei werden zwar nicht alle, aber die wichtigsten 57 Farben harmonisch an die Hauptfarbe angepasst. Auch die Menühintergründe, Schriftfarben und Seitenhintergründe sind dabei. Du kannst das Programm auf meiner Homepage http://computer-kf.de/componen…iertools/3-webfarben.html kostenlos herunterladen. Das Programm ist für Windows-Betriebssysteme geschrieben und braucht nicht installiert werden. Da auch das Programm noch ziemlich neu ist, und noch nicht von vielen Leuten getestet wurde, wäre es vielleicht sinnvoll, zuerst eine Kopie Deiner template.css zu sichern. Für eine Rückmeldung wäre ich sehr dankbar.
-
Ich habe dein Programm dann mal getestet und soweit funktioniert auch alles.
Da es ja vor allem für Anfänger gedacht ist, möchte ich als Anfänger auch noch etwas dazu sagen.
Also im Prinzip ist es sicherlich eine Hilfe um ein einigermaßen harmonisches Template zu erstellen.
Für mich als Anfänger ist es aber nicht so einfach, an Hand der Beschreibungen genau zu erkennen, welche Farbe nun für was zuständig ist.
Außerdem ist man nach Eingabe der Hauptfarbe sehr an die vorgegebenen Farben gebunden.
Man kann sie zwar heller/dunkler abstufen, wenn man aber als Akzent eine andere Farbe mit einbringen möchte, ist das nicht möglich.
Meine Hintergrundfarbe geht jetzt mehr ins grün/blaue. Ich hätte aber eher gerne was ins grün/gelbe probiert.Ansonsten aber wirklich ein gelungenes Programm und eine Hilfe für Einsteiger.
-
Ich muss mich doch noch mal melden.
Ich habe die Einstellungen durch adalan´s Programm erstmal wieder rückgängig gemacht, weil mir das optisch zu viel verstellt hat.Lässt sich noch auf anderem Wege die Farbe der Module rechts und Breadcrumbs an die Hintergrundfarbe anpassen?
Gruß
kafi112 -
Hallo kafi112,
Zu adalans' Programm kann ich nichts sagen, weil ich noch keine Zeit dazu hatte, es auszuprobieren. Glaub, Du hast diese da:
http://www.colorhexa.com/ecf6ce. Gibt dazu Alternativfarben. Nicht näher angeguckt. Aber er hat sicher auch grün/gelb in seinem FarbtopfLässt sich noch auf anderem Wege die Farbe der Module rechts und Breadcrumbs an die Hintergrundfarbe anpassen?
Brauchst ja nur in der template.css > .breadcrumb, Zeile 3698 und .well, Zeile 2134 die background-color: #f5f5f5; ändern. Dir border raus, falls Du die nicht willst. Kosmetik halt.Liebe Grüße, Christine
-
Super, danke.
Das habe ich gesucht, aber nicht gefunden.
Ich hatte zwar im Chrome +F12 geguckt und auch die Farbe unter breadcrumbs geändert, allerdings tat sich da nichts.
Das ich zusätzlich noch unter well ändern musste, wusste ich nicht.