[Tutorial] neue Themen - Hintergrundfarbe ändern

[noex]

Um in der Themenübersicht neue Beiträge farblich hervorzuheben (Standardmäßig wird nur ein "neu" Symbol angezeigt) muss man in einer Template Datei eine kleine Änderung machen.

Anleitung für

• SMF 1.0.5 (ohne neu Icon / default Theme)
• SMF 1.0.5 (mit neu Icon / default Theme)
• SMF 1.1 RC 1 (mit neu Icon / default Theme)
• SMF 1.1 RC 2 (mit neu Icon / default Theme)
• SMF 1.1 RC 2 (mit neu Icon / babylon Theme)

Hier noch ein Screenshot zum verdeutlichen:

[noex]

SMF 1.0.5 (ohne "neu" Symbol)

Suche in der MessageIndex.template.php nach folgenden Code:

Code Select Expand


foreach ($context['topics'] as $topic)
{
echo '
<tr>
<td class="windowbg2" valign="middle" align="center" width="5%">
<img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" />
</td>
<td class="windowbg2" valign="middle" align="center" width="4%">
<img src="', $settings['images_url'], '/post/', $topic['first_post']['icon'], '.gif" alt="" />
</td>
<td class="windowbg" valign="middle">
', $topic['first_post']['link'];

// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
echo '
<a href="', $scripturl, '?topic=', $topic['id'], '.from', $topic['newtime'], '#new"><img src="', $settings['images_url'], '/', $context['user']['language'], '/new.gif" alt="', $txt[302], '" border="0" /></a>';

echo '
<span class="smalltext">', $topic['pages'], '</span>

und ersetze diesen mit:

Code Select Expand


foreach ($context['topics'] as $topic)
{
// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
echo '  <tr class="new">';
else
echo '  <tr>';

echo '
<td class="windowbg2" valign="middle" align="center" width="5%">
<img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" />
</td>
<td class="windowbg2" valign="middle" align="center" width="4%">
<img src="', $settings['images_url'], '/post/', $topic['first_post']['icon'], '.gif" alt="" />
</td>
<td class="windowbg" valign="middle">
', $topic['first_post']['link'];


echo '
<span class="smalltext">', $topic['pages'], '</span>



In deiner style.css fügst du am ende folgendes hinzu:

Code Select Expand


.new, tr.new td, .new a:link, .new a:visited
{
color: #000000;
font-style: normal;
background-color: #FFCC66;
}


[noex]

SMF 1.0.5 (mit "neu" Symbol)

Suche in der MessageIndex.template.php nach folgenden Code:

Code Select Expand


foreach ($context['topics'] as $topic)
{
echo '
<tr>
<td class="windowbg2" valign="middle" align="center" width="5%">
<img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" />
</td>
<td class="windowbg2" valign="middle" align="center" width="4%">
<img src="', $settings['images_url'], '/post/', $topic['first_post']['icon'], '.gif" alt="" />
</td>
<td class="windowbg" valign="middle">
', $topic['first_post']['link'];

// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
echo '
<a href="', $scripturl, '?topic=', $topic['id'], '.from', $topic['newtime'], '#new"><img src="', $settings['images_url'], '/', $context['user']['language'], '/new.gif" alt="', $txt[302], '" border="0" /></a>';

echo '
<span class="smalltext">', $topic['pages'], '</span>

und ersetze diesen mit:

Code Select Expand


foreach ($context['topics'] as $topic)
{
// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
echo '  <tr class="new">';
else
echo '  <tr>';

echo '
<td class="windowbg2" valign="middle" align="center" width="5%">
<img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" />
</td>
<td class="windowbg2" valign="middle" align="center" width="4%">
<img src="', $settings['images_url'], '/post/', $topic['first_post']['icon'], '.gif" alt="" />
</td>
<td class="windowbg" valign="middle">', $topic['first_post']['link'];

// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
echo '
<a href="', $scripturl, '?topic=', $topic['id'], '.from', $topic['newtime'], '#new"><img src="', $settings['images_url'], '/', $context['user']['language'], '/new.gif" alt="', $txt[302], '" border="0" /></a>';

echo '
<span class="smalltext">', $topic['pages'], '</span>



In deiner style.css fügst du am ende folgendes hinzu:

Code Select Expand


.new, tr.new td, .new a:link, .new a:visited
{
color: #000000;
font-style: normal;
background-color: #FFCC66;
}


[noex]

SMF 1.1 RC1 (mit "neu" Symbol)

Suche in der MessageIndex.template.php nach folgenden Code:

Code Select Expand


foreach ($context['topics'] as $topic)
{
echo '
<tr class="windowbg2">
<td valign="middle" align="center" width="5%">
<img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" />
</td>
<td valign="middle" align="center" width="4%">
<img src="', $topic['first_post']['icon_url'], '" alt="" />
</td>
<td class="windowbg" valign="middle">
', $topic['first_post']['link'];

// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
echo '
<a href="', $topic['new_href'], '"><img src="', $settings['images_url'], '/', $context['user']['language'], '/new.gif" alt="', $txt[302], '" border="0" /></a>';

echo '
<span class="smalltext">', $topic['pages'], '</span>


und ersetze diesen mit:

Code Select Expand


foreach ($context['topics'] as $topic)
{
// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
echo '  <tr class="new">';
else
echo '  <tr class="windowbg2">';

echo '
<td valign="middle" align="center" width="5%">
<img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" />
</td>
<td valign="middle" align="center" width="4%">
<img src="', $topic['first_post']['icon_url'], '" alt="" />
</td>
<td class="windowbg" valign="middle">
', $topic['first_post']['link'];

// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
echo '
<a href="', $topic['new_href'], '"><img src="', $settings['images_url'], '/', $context['user']['language'], '/new.gif" alt="', $txt[302], '" border="0" /></a>';

echo '
<span class="smalltext">', $topic['pages'], '</span>


In deiner style.css fügst du am ende folgendes hinzu:

Code Select Expand

.new, tr.new td, .new a:link, .new a:visited
{
color: #000000;
font-style: normal;
background-color: #FFCC66;
}

[noex]

SMF 1.1 RC2 (mit "neu" Symbol / default Theme)

Suche in der MessageIndex.template.php nach folgenden Code:

Code Select Expand


foreach ($context['topics'] as $topic)
{
// Do we want to seperate the sticky and lock status out?
if (!empty($settings['seperate_sticky_lock']) && strpos($topic['class'], 'sticky') !== false)
$topic['class'] = substr($topic['class'], 0, strrpos($topic['class'], '_sticky'));
if (!empty($settings['seperate_sticky_lock']) && strpos($topic['class'], 'locked') !== false)
$topic['class'] = substr($topic['class'], 0, strrpos($topic['class'], '_locked'));

echo '
<tr>
<td class="windowbg2" valign="middle" align="center" width="5%">


und ersetze diesen Code mit:

Code Select Expand


foreach ($context['topics'] as $topic)
{

// Do we want to seperate the sticky and lock status out?
if (!empty($settings['seperate_sticky_lock']) && strpos($topic['class'], 'sticky') !== false)
$topic['class'] = substr($topic['class'], 0, strrpos($topic['class'], '_sticky'));
if (!empty($settings['seperate_sticky_lock']) && strpos($topic['class'], 'locked') !== false)
$topic['class'] = substr($topic['class'], 0, strrpos($topic['class'], '_locked'));

// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
    echo '  <tr class="new">';
else
    echo '  <tr class="windowbg2">';

echo '
<td class="windowbg2" valign="middle" align="center" width="5%">


In deiner style.css fügst du am ende folgendes hinzu:

Code Select Expand

.new, tr.new td, .new a:link, .new a:visited
{
color: #000000;
font-style: normal;
background-color: #FFCC66;
}

[noex]

SMF 1.1 RC2 (mit "neu" Symbol / Babylon Theme)

Suche in der MessageIndex.template.php nach folgenden Code:

Code Select Expand


foreach ($context['topics'] as $topic)
{
echo '
<tr class="windowbg2">
<td valign="middle" align="center" width="5%">
<img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" />
</td>


und ersetze diesen Code mit:

Code Select Expand


foreach ($context['topics'] as $topic)
{
// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
echo '  <tr class="new">';
else
echo '  <tr class="windowbg2">';

echo '
<td valign="middle" align="center" width="5%">
<img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" />
</td>


In deiner style.css fügst du am ende folgendes hinzu:

Code Select Expand

.new, tr.new td, .new a:link, .new a:visited
{
color: #000000;
font-style: normal;
background-color: #FFCC66;
}

[pushkin22]

Ich benutze RC2, Default Theme...

Eine Frage, kann man auch nur die Links der neuen Threads/Posts fett oder in einer anderen Farbe markieren?

[dieter4]

Die Links sind doch in der RC2 von Anfang an fett

[pushkin22]

Hä...

Also, bei mir sind die ungelesenen Threads/Beiträge genau so "normal" wie die gelesenen Threads/Beiträge. Das Einzige, was sie unterscheidet ist das kleine Bild mit "neu" darauf... Kann man das etwa irgendwie im Menü einstellen?

[noex]

Ich benutze RC2, Default Theme...

Eine Frage, kann man auch nur die Links der neuen Threads/Posts fett oder in einer anderen Farbe markieren?

Ja, dazu einfach die den von mir geposteten code in der style.css anpassen

diesen hier:

Code Select Expand

.new, tr.new td, .new a:link, .new a:visited
{
color: #000000;
font-style: normal;
background-color: #FFCC66;
}

lg
noex

[pushkin22]

Nein, ich meine: Nur die Links sollen fett werden bzw. eine andere Farbe haben, wenn sie neu sind.  Die Tabellen im Hintergrund sollen immer noch die normale Farbe haben. Wie in vB, ein Beispiel:

[noex]

ja sag ich doch.

nimm halt die background-color raus, und setze bei color die gewünschte farbe ein

lg
noex

[pushkin22]

Eine Frage... Hast du es schon selbst getestet?

Also, das Problem... Nach deiner Methode bekommen alle Links in der "neuen" Zeile die definierte Farbe
http://img104.imageshack.us/img104/2933/sdfsdfsdfsdfdsyd6.jpg

Was ich will, ist nur, dass der Link des Threads/zum neuen Beitrag fett bzw. in einer anderen Farbe dargestellt wird, wie in meinem Beispiel

Edit: Gefunden!
http://www.simplemachines.org/community/index.php?topic=83429.0

[Manu.G]

Gibt es auch die Möglichkeit es bei SMF 2.0.1 anzuwenden?
Ich nutze das Core-Theme

[Manu.G]

Habs selber rausgefunden, war gar nicht so schwer für mich, die mit php auf Kriegsfuss steht


Ich habe folgendes gemacht:


Suche nach:

Code Select Expand

// Do we want to separate the sticky and lock status out?
if (!empty($settings['separate_sticky_lock']) && strpos($topic['class'], 'sticky') !== false)
$topic['class'] = substr($topic['class'], 0, strrpos($topic['class'], '_sticky'));
if (!empty($settings['separate_sticky_lock']) && strpos($topic['class'], 'locked') !== false)
$topic['class'] = substr($topic['class'], 0, strrpos($topic['class'], '_locked'));


Füge danach folgendes ein:

Code Select Expand

// Is this topic new? (assuming they are logged in!)
if ($topic['new'] && $context['user']['is_logged'])
    echo '  <tr class="new">';
else
    echo '  <tr class="windowbg2">';


Und natürlich nicht vergessen in die index.css den style einfügen.


Bin mir nicht sicher ob es wirklich richtig ist, aber es funktioniert