Seitentitel in protostar formatieren ?

    Hi,


    ich möchte für unsere
    (Musikorchester) Homepage, wie bisher mit einem WYSIWYG Editor, mit
    joomla 3.5 und protostar (erstmal mit Xampp auf dem PC) im
    Headbereich ein Logo und daneben den Orchsternamen, bzw. den
    Websitenamen einfügen.


    Geht auch, aber der Name
    ist linksbündig und das Logo rechtsbündig, bzw. umgekehrt, je
    nachdem wie man's macht.


    Meine erste Frage wäre,
    wie man den Headbereich, es handelt sich wohl um die Positionen
    „logo“ und „position-0“ in protostar, hinkriegt, dass Logo
    und Schrift gleichmäßig verteilt sind. Also etwa mittig.


    Und dann würde ich auch
    noch gerne eine andere Schrift für den Text verwenden.


    Z.Z. Habe ich den Titel
    über protostar>Erweitert eingegeben, er erscheint linksbündig
    und für das Logo habe ich ein Bannermodul genommen und auf
    Position-0 gesetzt. Wie gesagt, geht auch umgekehrt.


    Hat jemand einen Rat, wie
    ich weiterkommen kann (ohne ein Infaormatikstudium zu beginnen!)


    Danke Ciao


    Girgei

    Hallo Girgei,


    bevor du loslegst:


    - Update auf die aktuelle Version 3.6.0
    - Kopie vom Template erstellen


    unter Erweiterungen-Templates-Templates-Protostar-Template kopieren:


    https://forum.joomla.de/index.…z3-Vorher-eine-Template-/


    Die andere Schrift kannst du auch unter Erweitert-Google-Schriftname verändern.


    Zu den anderen Änderungen bin ich mir nicht sicher.
    Könntest ja mal ein paar Screenshots erstellen mit Beschreibung, was du genau ändern möchtest.


    Besser wäre jedoch, wenn du die Seite auf eine Subdomain schiebst, damit wir es anschauen können:


    Wie mache ich einen Joomla-Umzug

    Zitat von Elwood


    Kopie vom Template erstellen
    unter Erweiterungen-Templates-Templates-Protostar-Template kopieren:


    Joomlaeigene Templates anpassen/ändern (z.B. Protostar, Beez3). Vorher eine Template-Kopie anlegen!


    Die andere Schrift kannst du auch unter Erweitert-Google-Schriftname verändern.


    Hallo Elwood, ich werde die Kopie natürlich so wie beschrieben machen. Aber: ich habe ja noch meine original joomla 3.5 zip und darin müssten doch noch die original Templates enthalten sein??. Außerdem: kann man nicht einfach den Templateordner kopieren und irgendwo parken?? Müsste doch auch gehen.


    Was die Sache mit den Schriften betrifft, habe ich wie Du beschrieben hast natürlich ausprobiert. Aber 1. hat sich nichts geändert, 2. ich möchte nur den Seitentitel in einer anderen Schrift haben, und nicht auf allen Seiten.


    Und astrid: Danke für den Link. :) Während meiner tagelangen Durchforstung des Internets nach tut's u.ä. bin ich auch schon auf diese Seite gestossen.


    Jetzt aber aktuell: Von meinem Schaffen kann ich keinen Link schicken, da ich alles noch auf dem PC habe.
    Aber es gibt eine fremde Website die exakt so aufgebaut ist, wie ich es mir vorstelle. Inhalt und Farben natürlich verändert, aber die Struktur identisch. Und die Website ist auch mit joomla gemacht. Allerdings ist sie nicht responsive. Und das muss sie bei mir aber sein. Vielleicht wurde ein anderes Template verwendet ? :?: ??


    Bitte mal reinschauen

    Code
    http://www.blaskapelle-moorenweis.de/

    thinking


    Ciao
    Girgei

    Beim Kopieren des Protostar geht es NICHT darum, das Protostar zu schützen, sondern DEINE Arbeit, DEiNE Anpassungen im neu erstellten Template, mit dem du dann arbeitest anstatt mit Protostar. Das Protostar wird bei jedem Joomla-Update überschrieben, also auch deine Änderungen. Das neu erstellte Template aber nicht.
    Klar kannst auch jedesmal wieder Zeit verdödeln mit Rumkopieren und Parken und.... ;)

    Zitat von Girgei


    Und die Website ist auch mit joomla gemacht. Allerdings ist sie nicht responsive. Und das muss sie bei mir aber sein. Vielleicht wurde ein anderes Template verwendet ? :?: ??


    Richtig. Dieses Template wurde mit einem Templategenerator erzeugt.


    Aber mit dem Protostar bist du auf der richtigen (responsiven) Seite.


    Eine einfache Lösung für den Headerbereich wäre eine Grafik. Dort kannst du deine eigene Schrift wählen, den Titel mittig positionieren und das Logo nach deinem belieben positionieren.
    Als Screenshot mal den Header der Beispielseite im Protostar integriert:


    Hallo Girgei,


    ohne Dein Werk zu sehen, können wir nur dies oder das schreiben.


    Eine Grafik wäre eine Lösung. Finde aber, dass ein Titel in einer Grafik immer irgendwie "unscharf" wirkt. Zumindest mit meinem grafischen (Un)geschick. Ist Ansichtssache natürlich.


    Du könntest z.B. in der index.php des Templates eine Klasse reingeben. Muster:


    Code
    <div id="logo"><img src="xxxxxxx /><div class="site-title" title="Rosen aus dem Süden">

    usw.


    CSS mäßig könntest Du dann die Klasse: .site-title {deine formatierung} ansprechen.


    OT: Anka (falls Du mitliest): selbstnatürlich lasse ich .pull-left bzw. .pull-right unberührt :)


    Liebe Grüße, Christine

    Zitat von Elwood


    Eine einfache Lösung für den Headerbereich wäre eine Grafik.


    Ich probier das mal aus. Breite 960 px und Höhe ?? etwa 100 px ??
    Allerdings hat protostar an der einzufügenden Position mit "logo" und "position-0" den Platz bereits belegt.


    Und danke christine2 für den Quellcode. In welcher Zeile sollte er eingefügt werden ??


    Ciao
    Girgei

    Ich habe jetzt mal auf die schnelle eine 960x100 px JPG gemacht, in ein "benutzerdefiniertes Modul" eingebunden und auf Position-0 gesetzt. Und siehe da, es macht keinen schlechten Eindruck. "Es ist Licht am Ende des Tunnels zu sehen".



    Es stimmt, dass die Schrift etwas schärfer sein könnte, aber passt scho!


    Nur: Es stört noch der Websitename (System>Konfiguration>Name der Webite) Der erscheint natürlich auch noch da oben. Aber der muss noch irgendwie weg gemacht werden. Blos wie ??
    Danke für Tipps.
    Ciao
    Girgei

    Zitat von Girgei

    in ein "benutzerdefiniertes Modul" eingebunden und auf Position-0 gesetzt


    Hättest auch in den Templateoptionen unter Erweitert einfügen können.


    Dann wäre auch der Webseitenname verschwunden.
    Oder mit Firebug mal suchen.


    PHP
    <a class="brand pull-left" href="<?php echo $this->baseurl; ?>">
 
                 <?php echo $logo;?> <?php if 
($this->params->get('sitedescription')) { echo '<div 
class="site-description">'. 
htmlspecialchars($this->params->get('sitedescription')) 
.'</div>'; } ?>
               </a>


    in der index.php auskommentieren oder löschen (Zeile 146 - 151).


    Vorher Kopie der Datei nicht vergessen.

    Zitat von Elwood

    Dann wäre auch der Webseitenname verschwunden.
    Oder mit Firebug mal suchen.


    Danke für den Tipp.
    Ich bin inzwischen ein gutes Stück weiter gekommen: :)


    Den Seitentitel habe ich so wegbekommen

    Code
    http://www.joomlaportal.de/joomla-3-x-templates-und-design/301609-titel-im-template-protostar-entfern.html


    Und den Headertext - nenne ich mal so - habe ich so gestaltet, dass er einigermaßen zentriert ist.
    Denn das mit der Grafik war dann doch nicht so ideal


    Und (Gott sei Dank) habe ich auch noch die Hintergrundfarbe des Inhaltbereichs des Template ändern können.


    Ich würde sagen, Problem (vorerst) gelöst.
    Danke allen Helfern für Tipps & Geduld!
    Ciao, bis zum nächsten post,
    Girgei