+- 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: Farbwechsel verloren gegangen (/thread-22381.html)
Farbwechsel verloren gegangen - Prickel - 24.05.2010
blöder Titel, sorry [Bild: http://www.greensmilies.com/smile/smiley_emoticons_afraid.gif]
Ich wollte was probieren, nämlich einen Hovereffekt, wenn man mit der Maus über die Forenbereiche oder Threads fährt. Dann soll der aktive Mausfokus die Hintergrundfarbe in eine bessere, sichtbarere Farbe wechseln, wovon ich mir eine bessere Übersicht versprach.
So weit, so gut, ich habe dafür eine class customhover angelegt und in die global.css des Themes eingebunden.
Code:
.customhover {
background:#EFEFEF;
}
table.tborder tr:hover td.customhover {
background:#FEFDE2;
}dann habe ich in den relevanten Templates die Variable "${bgcolor}" ersetzt durch "customhover"
Dat klappt ja nu wie geschnitten Brot mit dem Hover [Bild: http://www.greensmilies.com/smile/smiley_emoticons_biggrin.gif]
nu zu meinem Problem. Ohne Wechsel der Variabel waren die Forenbereiche oder Threads immer zweifarbig wechselnd, als hellgrau und mittelgrau, was schön übersichtlich ist. Das ist denk recht logisch durch meine Klassendefinition verloren gegangen, er kennt nur noch eine Hintergrundfarbe [Bild: http://www.greensmilies.com/smile/smiley_emoticons_erschreckt.gif]
Dat Hover geht, die Übersichtlichkeit ist verloren gegangen.
Meine Frage daher, kann man Variablen in den Stylesheets verwenden, z.B. in der Art ?
Code:
.customhover {
background:"{bgcolor}"
}
table.tborder tr:hover td.customhover {
background:#FEFDE2;
}oder gibbet ne andere Möglichkeit, die Zweifarbigkeit zu erhalten, die, so vermute ich mal, in der Variablen definiert ist und codegerecht in die css einbauen ?
Im Anhang mal nen Screen. Beispiel 1 zeigt es vor Hover mit Variable bgcolor , Beispiel 2 mit Class customhover.
Ich hoffe, ich konnte das Problem etwas verständlich rüberbringen [Bild: http://www.greensmilies.com/smile/smiley_emoticons_klimpern03.gif]
[Bild: http://www.greensmilies.com/smile/smiley_emoticons_seb_wer_programmieren_kann.gif]
RE: Farbwechsel verloren gegangen - Megaleecher - 25.05.2010
Du könntest versuchen, die Variable im Template drinnen zu lassen und die Classe customhover ebenfalls zu benutzen.
Leider kann ich grad nicht nachsehen, wie die Variable verwendet wird, aber wenn es eine Klasse ist, dann müsse es so gehen:
Code:
class="${bgcolor} customhover"Wenn du mir noch einen Ausschnitt zeigen könntest, wo genau diese Variable steht, dann kann ichs dir auch ganz genau sagen
(nen Codeschnipsel wäre nett^^)MfG Megaleecher
// Edit:
Codeschnipsel brauch ich doch nicht, müsst so funktionieren
RE: Farbwechsel verloren gegangen - Prickel - 25.05.2010
moin moin
im Template forumbit_depth2_cat steht im Original z.B.
PHP-Code:
[php]<tr>
<td class="trow2 trow_hover"> align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="${bgcolor}" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$subforums}</div>
</td>
<td class="${bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="${bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="${bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>[/php]
hier hatte ich die Variable ${bgcolor} dur die Klasse customhover ersetzt gehabt.
PHP-Code:
<tr>
<td class="trow2 trow_hover"> align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="customhover" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$subforums}</div>
</td>
<td class="customhover" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="customhover" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="customhover" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>
( ich werde Deinen Vorschlag testen
)so, ich habe nun die Änderungen eingepflegt ( "{$bgcolor} customhover" ) und es geht, die Forenzeilen sind wieder 2 Farbig.
Allerdings geht der Hover nicht mehr.
Daher habe ich in der Class der global.css ganz mutig die Variable als Hintergrund eingefügt.
Code:
.customhover
background:{$bgcolor}
table.tborder tr:hover td.customhover {
background:#FEFDE2;
}nu sind meine Zeilen wieder zweifarbig und der Hovereffekt in der 3. Farbe geht auch.
viiiielen Dank
RE: Farbwechsel verloren gegangen - StefanT - 25.05.2010
Der CSS-Code ist total falsch...
RE: Farbwechsel verloren gegangen - Prickel - 25.05.2010
in wie fern falsch ?
es funktioniert ja
nein Spass beiseite, auch wenn es geht, würde ich es schon gern so machen, wie es sein sollte, wobei sich mir noch nicht erschließt, was am Code anstößig ist. Die Verwendung einer Variablen ?
Hier mal der >> Link << der Seite, auf dessen Basis ich es erstellt habe, wobei es bei mir so wie dort beschrieben nicht fumtionierte.
RE: Farbwechsel verloren gegangen - StefanT - 25.05.2010
Variablen kannst du nicht verwenden.
Außerdem muss das so aussehen:
Code:
.customhover {
[...]
}
table.tborder tr:hover td.customhover {
background:#FEFDE2;
}