+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Zwei css Klassen für eine Globale Template Ausgabe (/thread-36193.html)
Zwei css Klassen für eine Globale Template Ausgabe - lenox - 19.01.2019
Naben zusammen,
ich bastel gerade etwas an meinen Xthreads Templates und wollte mal fragen ob es möglich ist, das man in Globalen Templates eine Template Ausgabe mit 2 verschiedenen css Klassen von 2 verschiedenen Themen zu verwenden.
Als Beispiel im showthread Template dort möchte ich
PHP-Code:
<td class="thead" colspan="2">
<div style="float: right;">
<span class="smalltext"><strong><a href="showthread.php?mode=threaded&tid={$tid}&pid={$pid}#pid{$pid}">{$lang->threaded}</a> | <a href="showthread.php?mode=linear&tid={$tid}&pid={$pid}#pid{$pid}">{$lang->linear}</a></strong></span>
</div>
gegen
PHP-Code:
<td class="thead-dark" >
<div class="float_right">
<span class="smalltext"><strong><a href="javascript:void(0)" id="thread_modes">{$lang->thread_modes}</a>{$threadnoteslink}</strong></span>
</div>
ersetzen.
Das ist ja soweit kein Problem, allerdings fehlt ja für das andere Theme die css Klasse. Habe dann im anderen Theme zusätzlich zu der thead Klasse eine thead-dark Klasse in der global.css mit folgenden Inhalt erstellt
Code:
.thead-dark {
color: #ffffff;
border-bottom: 1px solid #263c30;
padding: 8px;
border-radius: 5px 5px 0px 0px;
background: #ffa659;
background: -moz-linear-gradient(top, #ffa659 0%, #ed6136 50%, #ff8000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa659), color-stop(50%,#ed6136), color-stop(100%,#ff8000));
background: -webkit-linear-gradient(top, #ffa659 0%,#ed6136 50%,#ff8000 100%);
background: -o-linear-gradient(top, #ffa659 0%,#ed6136 50%,#ff8000 100%);
background: -ms-linear-gradient(top, #ffa659 0%,#ed6136 50%,#ff8000 100%);
background: linear-gradient(to bottom, #ffa659 0%,#ed6136 50%,#ff8000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa659', endColorstr='#ff8000',GradientType=0 );
}
.thead-dark a:link {
color: #ffffff;
text-decoration: none;
}
.thead-dark a:visited {
color: #ffffff;
text-decoration: none;
}
.thead-dark a:hover,
.thead-dark a:active {
color: #ffffff;
text-decoration: underline;
}allerdings funktioniert das anscheinend nicht.
Hat jemand ne Idee wie man das Umsetzen kann?
Edit:
Cache im Browser leeren kann Wunder wirken
hat sich erledigt.