Thema: Frontend News mit "Neu" etc versehen

JA kannst Du


Modul hilft Dir da nichts, da es ja um Artikel geht !

Da Du ja für best Beiträge den Kopfbereich änderst, mußt Du dafür die Angaben in der CSS machen

Hallo sugar99,

nein, den Leading article kannst Du nicht per CSS anders aussehen lassen. Der einzige Unterschied, den der Leading Article hat, ist, dass er bei 2 oder mehreren Spalten über die gesamte Breite aller Spalten geht.

Tut mir leid, Dir keine andere Antwort geben zu können.

Gruß
Markus

Hallo Marcus77,

mich würden die CSS-Klassen interessieren. Ich kann im Quelltext nichts erkennen! Reden wir über das Modul meistgelesene Beiträge oder über führende Beiträge bei der Anzeige von Kategorien?

Gruß
Markus

Ich mache das mit einem Override. Zunächst werden das Erstellungsdatum und aktuelle Datum geholt:

Code:

<?php
$date = JFactory::getDate($this->item->created);
$now = JFactory::getDate();
 ?>

Dann wird das Class Suffix der Überschrift erweitert:

Code:

<?php echo $this->item->params->get('pageclass_sfx'); echo ((($now->toUnix() - $date->toUnix())/'86400') < 3 ? ' new-article' : ''); ?>

Artikel, die nicht älter als 3 Tage (=86400s) sind, bekommen die zusätzliche Klasse new-article. Diese Klasse bekommt im CSS als Hintergrundbild ein kleines "Neu".

Ist aber nicht von mir !!!!

Bannerecken in den Artikeln


Hier möchte ich Euch einen unabhängigen Weg zeigen, wie Ihr in Euren Beiträgen auch kleine Bannerecken zaubern könnt.

Zuerst erstellt Ihr Euch in der template.css die Anweisungen für die Bannerecken und erzeugt Euch kleine Bildchen ca. 50px mal 50px gross. So habe ich es gemacht.

#ecke-hot
{
background-image:url("../images/ecke-hot.png");
background-repeat:no-repeat;
width:50px;
height:50px;
position:absolute;
top:0;
right:0;
z-index:100;
}

#ecke-neu
{
background-image:url("../images/ecke-neu.png");
background-repeat:no-repeat;
width:50px;
height:50px;
position:absolute;
top:0;
right:0;
z-index:100;
}

#ecke-info
{
background-image:url("../images/ecke-info.png");
background-repeat:no-repeat;
width:50px;
height:50px;
position:absolute;
top:0;
right:0;
z-index:100;
}

#ecke-news
{
background-image:url("../images/ecke-news.png");
background-repeat:no-repeat;
width:50px;
height:50px;
position:absolute;
top:0;
right:0;
z-index:100;
}
Nun könnt Ihr direkt in Euren Beiträgen einfach diese einmaligen ID's anwenden über Euren Editor. Jeder vernünftige Editor hat die Auswahl des "Stil" zur Verfügung. Dort findet Ihr nun in der Liste die Einträge "ecke-.... - ecke-.... - ecke-..... usw..".

Wenn Ihr Euren Beitrag geschrieben habt, geht Ihr ganz nach oben und macht einen neuen Absatz. Jetzt markiert Ihr euren neuen Absatz und gibt Ihm den Stil Euer Wahl, in meinem Beispiel "ecke-info".

Speichern .... das war es schon ... einfach schnell und unkompliziert.

Viel Spaß

An alle,

stimmt, aber mit Joomla!-Bordmitteln ist es nicht realisierbar. Mit Overrides kann ich die komplette Joomla!-Ausgabe anders erscheinen lassen.

Gruß
Markus

@Marcus77,

so geht es auch.

Gruß