JEVENTS Ansicht ändern

    Hallo an Alle,


    ich bin totale Anfängerin und versuche im Moment zum ersten Mal eine Website zu erstellen.


    Nun habe ich mir Jevents Version : 3.4.20 Stable installiert. So weit so gut.


    Es funktioniert auch alles, bzw. er zeigt einen Kalender und die Einträge an. Nach dem anklicken vom Termin kommt der Event Eintrag mit Beschreibung.
    Mir gefällt aber die Dartstellung nicht. Ich habe gelesen, dass man diesen Kalender auf sein Design umändern kann, vorausgesetzt man weiß wie es funktioniert thinking
    So sieht die Ansicht im Moment aus:


    Die Farben sollten auf mein Template abgestimmt sein. Daher hätte ich gern folgende Änderungen:
    Der dunkle Rand sollte in Anthrazit -> 666666, das hellblau in Mittelgrau-> 888888, alle anderen Tage in Hellgrau-> CCCCCC und die Einträge in Grün -> 97BD18 sein.


    Des Weiteren hätte ich gern, wenn möglich, den oberen Balken mit dem darunter stehen Text (Monatsansicht und das aktuelle Datum) entfernt.


    Nun zu der Event Ansicht.
    Die Schrift ist mir zu klein. Auch wenn ich im Editor die Schrift vergrößere, bleibt sie klein.


    Da ich nicht weiß, was ihr so alles zum helfen benötigt, habe ich folgendes aus "Benutzerdefinierte Layouts" kopiert:
    Event Bearbeitungsseite .txt


    Dann hätte ich gerne noch folgende Funktion:
    Eine Anmeldefunktion bei einem erstellten Termin. Also ich erstelle z.B. als Termin ein Kurs, und die Teilnehmer können sich dann anmelden.


    So, jetzt hoffe ich mal auf Euch. Ich wäre über Hilfe sehr dankbar :)


    Viele Grüße
    clothilde

  • Zum hilfreichsten Beitrag springen

    Moin!


    Zu den CSS-Änderungen noch Ergänzend:


    Mit z.B. Firebug für FF kannst du die einzelnen Bereiche, die du Ändern möchtest, in den jeweiligen CSS-Dateien finden.
    Für Änderungen am Layout gibt es auch viele Hilfestellungen auf der Webseite von JE:


    https://www.jevents.net/docs/jevents


    Kursanmeldungen sind m.E nur mit der kostenpflichtigen Zusatzkomponente RSVPro möglich:


    https://www.jevents.net/downlo…loads/category/rsvp-pro-2


    Guten Morgen Christian,


    leider kann ich Dir/euch kein Link zu der Seite senden, da ich bislang lokal an ihr arbeite.
    Daher habe ich unter dem Reiter "Benutzerdefinierte Layouts" die oben verlinkte Daten kopiert. Was kann ich Dir ansonsten übermitteln, damit Du ein besseren einblick erhältst und mir helfen kannst?


    Grüßle
    clothilde

    Hallo Clothilde,


    da wird es natürlich sehr schwierig.


    In "Benutzerdefiniertes Layout" kannst m.E. den Aufbauverändern, also z.B. ob erst der monat und dan der Tag oder eine Trennline angezeigtwerden sollen.
    Dass, was Du machen mußt (wie Ellwood schrieb) die entsprechenden CSS-Selektoren zu ermitteln und durch "Überschreiben" im "Benutzerdefinierten CSS" nach Deinen wünschen zu gestalten.


    Wenn wir Dir dabei sinnvoll helfen sollen, dann ist es am Sinnvollsten, wenn Du die Seite testweise online stellst.
    Ansonsten ist das mehr ein Befragen der Kristallkugel.


    Christian


    Ah ok.. hmm
    ..es dauert noch ca. ein - zwei Wochen bis ich die Seite online stellen kann... dann würde ich mich gerne nochmal melden. Hoffe das ist o.k.?


    Grüße
    clothilde

    Moin,


    dann versuche ich mich mal:


    Die Änderungen zu deinem Kalenderlayout findest du in folgender CSS-Datei:


    components/com_jevents/views/ext/assets/css/event_css.css


    Zu deinen gewünschten Änderungen:


    - dunkle Rand in Anthrazit -> 666666 -> Zeile 212
    - Tage in Hellgrau-> CCCCCC -> Zeile 458
    - Einträge in Grün -> 97BD18 -> Zeile 126
    - Die Schrift ist mir zu klein - Zeile 24
    - Monatsansicht und das aktuelle Datum entfernt -> Zeile 308 an das Ende display-none einfügen

    Gefunden mit Firebug (FF)


    Wenn es nicht passt, musst du selbst mal testen. Vorher aber immer eine Kopie der zu ändernden Datei machen!


    BTW: Wenn du jetzt deine Seite auf eine Subdomain schiebst, könnte sie zur offiziellen Veröffentlichung bereits nach deinen Wünschen fertig sein ;)



    Hallo Elwood,


    Du bist schon Klasse, und ich bin der totale Null-Blicker....
    Also ich habe mich anhand Deinen Angaben versucht, dass kam dabei raus:



    Ich bekomme es nicht besser hin. Zumindest habe ich es geschafft den oberen Balken und die Schriftgröße bei den Eveneinträge zu ändern. Tage sind auch schon grau, aber leider nicht alle. Dazu habe ich jetzt nicht nur die Einträge in grün, sondern auch die Tage.
    events_css.txt


    Nun wollte ich die Seite, auf einer Test Domain hochladen.....frag nicht.... ;(

    Erstmal ein entschuldigendes Hallo in die Runde,

    ich war leider die letzten Tage offline.
    Danke für Eure viele Antworten.
    Ich habe es jetzt auch geschafft, und die Seite hochgeladen. An ihren endgültigen Platz ….. hier


    Somit sind dann auch gleich noch mehr Fragen aufgekommen. Ich weiß nicht ob ich die hier auch stellen darf, aber ich mach es jetzt einfach mal: :saint:


    Also immer noch das Design Problem mit dem Kalender. Wobei ich die Einträge anstatt Grün -> 97BD18 in Braun -> 663D26 hätte. Also die Schrift Braun und den Hintergrund in Grün.
    Ich denke damit kann man den Eintrag besser lesen.


    So jetzt noch zu den anderen Fragen:

    • Wenn ich die Seite anwähle, bekomme ich oben in dem Reiter „Home“ Da dies nicht sehr Aussagekräftig ist, hätte ich hier gerne den Namen der Seite. Kann mir bitte jemand sagen wie ich das bewerkstellige?
    • Der Log-in und die Eventanzeigen sind bei der Mobilen Anzeige als erstes, nach dem Slider, zu sehen. Ich hätte die beiden aber gerne nach den Blogeinträgen. Also zum Schluss.
    • Kann ich die Antwort, die nach einer Kontaktanfrage angezeigt wird, verändern? Wenn ja, wo?
    • Und zu guter (hoffentlich) Letzt. Kann ich einen einzelnen Menüeintrag im Main Menu farblich absetzen?

    So, jetzt hoffe ich auf Eure Hilfe ;)
    Schon mal vielen Dank


    Grüßle
    clothilde


    PS: Ich hoffe ansonsten ist die Seite für eine Anfängerin ganz ok.... :D

    Hallo Clothilde,


    wo meinst die grüne Schrift im Kalender? (Im Modul "Latest Events" auf der Startseite?)
    Wie bereits geschrieben, Klassen ermitteln mit Firebug und dann im "Benutzerdefinierten CSS" "überschreiben".
    Das Layout von den Terminen auf der Startseite ist nach meinem Empfinden auch noch nicht der letzte Schrei.
    Zu den Fragen 1 - 4:
    zu 1: ---
    zu 2: das ist m.E. das durch bootstrap erzeugte Layout. Ob sich da so einfach etwas ändern läßt, bin ich überfragt.
    zu 3: M.E. mit dem Standardformular nicht, aber sicher mit entsprechenden Erweiterungen.
    zu 4: Ja, per CSS, dem Menüeintrag unter Linktyp >> CSS-Style eine zusätzliche Klasse verpassen und dafür entsprechendes CSS hinterlegen.


    Christian

    • Hilfreich

    Hallo clothilde,

    Zitat von clothilde

    Kann ich die Antwort, die nach einer Kontaktanfrage angezeigt wird, verändern? Wenn ja, wo?


    durch ein Sprachoverride. Backend: Erweiterungen > Sprachen > Overrides > Neu > entweder den Schlüssel eingeben (wenn man den weiß), oder den Text.
    Siehe screenshot. Dann gewünschten Text anklicken & links übertragen. Neuen Text. Speichern.


    Liebe Grüße, Christine


    Hallo Christian,
    Danke für Deine Hilfe.
    Die grüne Schrift, habe ich bereits in braun geändert. Mit dem Rest hapert es noch. Aber ich hoffe, das Firebug und ich noch Freunde werden ;)
    zu 2: Hier hoffe ich mal, das sich noch jemand meldet....
    zu 3. christine ist hier eingesprungen :D
    zu 4. ich bin wirklich ein absoluter Neuling, ich habe sowas vorher noch nie gemacht, dementsprechend weiß ich nicht was ich hier nun genau machen soll. Hast Du hier eine Idioten sichere Anleitung? ;(

    Zitat von christine2

    Hallo clothilde,


    durch ein Sprachoverride. Backend: Erweiterungen > Sprachen > Overrides > Neu > entweder den Schlüssel eingeben (wenn man den weiß), oder den Text.
    Siehe screenshot. Dann gewünschten Text anklicken & links übertragen. Neuen Text. Speichern.


    Liebe Grüße, Christine


    Es hat geklappt beer vielen lieben Dank christine!


    Grüßle
    clothilde