 Darstellung von externen Links ändern (CSS) |
hotch
Mitglied
Dabei seit: 09.09.04
Beiträge: 11
 |
|
Moin zusammen,
ich möchte mit folgendem CSS3-Code meinen externen Links im Forum ein kleines Image ([IMG]http://www.bmw-treff-ally.de/images/styles/avarice/extern.gif[/IMG]) voranstellen:
| code: |
1:
2:
3:
4:
5:
6:
7:
|
.tablea a[href^="http"]:before {
content:url(images/styles/avarice/extern.gif);margin-right:5px;
}
.tableb a[href^="http"]:before {
content:url(images/styles/avarice/extern.gif);margin-right:5px;
} |
|
Klappt auch soweit ganz gut, nur daß sich in Tabelle A und Tabelle B eben auch die Profilgrafiken befinden (www, ICQ usw). Diesen wird, da externe Links, auch die Grafik vorangestellt.
Wie kann ich dies umgehen? Ich habe bereits gehört, daß man evtl. für die Profilgrafiken eine weitere Klasse erstellen kann, die dann mit den Standardeinstellungen versehen wird. Wie ist das realisierbar?
Gibt es noch weitere Alternativen?
Gruß
hotch
|
|
13.09.06 07:06 |
E-Mail
Finden
Als Freund hinzufügen
|
|
mkkcs 
Mitglied
Dabei seit: 06.10.04
Beiträge: 2.051
Fähigkeiten: WBB2 Profi; WBB2 Fortgeschritten; WBB Lite 1 Profi
Herkunft: aus Mamas Bauch
Forenversion: 2.3; 2.2
|
|
mach es doch so,
Template css bearbeiten
tablea und tableb (alle xxx_fc, und link Zuweisungen auch !)heraussuchen und kopieren
wieder einfügen und table_a und table_b nennen, dann in die Templates gehen, und da wo die Profil-Links sind oder halt da wo Du die Grafik nicht haben möchtest, einfach tablea in table_a und tableb in table_b umbenennen !
so hast Du ganz normale Farbzuweisungen über tablea/tableb drinn, aber halt nicht die Zuweisung der Link-Grafik !
__________________
LG Martin
-
grafix-board
http://www.wbbcoderforum.de
hat seine Tore wieder geöffnet!
Style-Einbau-Anleitung
WCF-News: mywbb goes to WCF
|
|
|
13.09.06 08:43 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
hotch
Mitglied
Dabei seit: 09.09.04
Beiträge: 11
Themenstarter 
|
|
Danke für den Tipp. Hätte aber gleich noch eine Frage dazu.
So habe ich z. B. folgenden Code:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
|
.inposttable {
<if($style['inposttablebgcolor']!="")><then>background-color: {$style['inposttablebgcolor']};</then></if>
{$style['inposttablemore']}
}
.tableb {
<if($style['tablebfontcolor']!="")><then>color: {$style['tablebfontcolor']};</then></if>
<if($style['tablebbgcolor']!="")><then>background-color: {$style['tablebbgcolor']};</then></if>
{$style['tablebmore']}
} |
|
Muß bei .inposttable noch ein if eingefügt werden für table_b?
Was wird bei .tableb geändert? Nur der Klassenname selber oder auch z. B. 'tablebfontcolor' zu 'table_bfontcolor'?
|
|
|
13.09.06 09:06 |
E-Mail
Finden
Als Freund hinzufügen
|
|
mkkcs
Mitglied
Dabei seit: 06.10.04
Beiträge: 2.051
Fähigkeiten: WBB2 Profi; WBB2 Fortgeschritten; WBB Lite 1 Profi
Herkunft: aus Mamas Bauch
Forenversion: 2.3; 2.2
|
|
|
|
13.09.06 09:13 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
hotch
Mitglied
Dabei seit: 09.09.04
Beiträge: 11
Themenstarter
|
|
Nochmal für planlose wie mich... Ich würde demzufolge in das Template css folgendes einfügen:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
|
.table_b {
<if($style['tablebfontcolor']!="")><then>color: {$style['tablebfontcolor']};</then></if>
<if($style['tablebbgcolor']!="")><then>background-color: {$style['tablebbgcolor']};</then></if>
{$style['tablebmore']}
}
<if($style['tablebfontcolor']!="")><then>
.tableb_fc {
color: {$style['tablebfontcolor']};
}
</then></if>
.table_b a:link, .tableb a:visited, .tableb a:active {
<if($style['tableblinkcolor']!="")><then>color: {$style['tableblinkcolor']};</then></if>
<if($style['tableblinkdeco']!="")><then>text-decoration: {$style['tableblinkdeco']};</then></if>
{$style['tableblinkmore']}
}
.table_b a:hover {
<if($style['tableblinkhovercolor']!="")><then>color: {$style['tableblinkhovercolor']};</then></if>
<if($style['tableblinkhoverdeco']!="")><then>text-decoration: {$style['tableblinkhoverdeco']};</then></if>
{$style['tableblinkhovermore']}
}
.table_a {
<if($style['tableafontcolor']!="")><then>color: {$style['tableafontcolor']};</then></if>
<if($style['tableabgcolor']!="")><then>background-color: {$style['tableabgcolor']};</then></if>
{$style['tableamore']}
}
<if($style['tableafontcolor']!="")><then>
.tablea_fc {
color: {$style['tableafontcolor']};
}
</then></if>
.table_a a:link, .tablea a:visited, .tablea a:active {
<if($style['tablealinkcolor']!="")><then>color: {$style['tablealinkcolor']};</then></if>
<if($style['tablealinkdeco']!="")><then>text-decoration: {$style['tablealinkdeco']};</then></if>
{$style['tablealinkmore']}
}
.table_a a:hover {
<if($style['tablealinkhovercolor']!="")><then>color: {$style['tablealinkhovercolor']};</then></if>
<if($style['tablealinkhoverdeco']!="")><then>text-decoration: {$style['tablealinkhoverdeco']};</then></if>
{$style['tablealinkhovermore']}
} |
|
|
|
|
13.09.06 09:26 |
E-Mail
Finden
Als Freund hinzufügen
|
|
mkkcs
Mitglied
Dabei seit: 06.10.04
Beiträge: 2.051
Fähigkeiten: WBB2 Profi; WBB2 Fortgeschritten; WBB Lite 1 Profi
Herkunft: aus Mamas Bauch
Forenversion: 2.3; 2.2
|
|
wenn Du jetzt noch aus den tableb_fc ein table_b_fc machst, dann sollte das funzen.
und dann in den Templates, wo Du die Buttons hast, mußte dann nurnoch anstatt tablea > table_a usw setzen
und wenn Du ein <tr class="xx_fc" hast und darunter den TD-Tag mit den Buttons da natürlich auch !
__________________
LG Martin
-
grafix-board
http://www.wbbcoderforum.de
hat seine Tore wieder geöffnet!
Style-Einbau-Anleitung
WCF-News: mywbb goes to WCF
|
|
|
13.09.06 12:00 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
hotch
Mitglied
Dabei seit: 09.09.04
Beiträge: 11
Themenstarter
|
|
Gut... dann muß ich mir das Template thread nochmal ansehen und das entsprechend modifizieren, wie von Dir beschrieben.
Werde das mal testen. Auf jeden Fall schonmal herzlichen Dank für die Hilfe.
|
|
|
13.09.06 12:22 |
E-Mail
Finden
Als Freund hinzufügen
|
|
mkkcs
Mitglied
Dabei seit: 06.10.04
Beiträge: 2.051
Fähigkeiten: WBB2 Profi; WBB2 Fortgeschritten; WBB Lite 1 Profi
Herkunft: aus Mamas Bauch
Forenversion: 2.3; 2.2
|
|
|
|
13.09.06 12:25 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
hotch
Mitglied
Dabei seit: 09.09.04
Beiträge: 11
Themenstarter
|
|
Oh man... das ist ja doch ne ganze Menge.
Einen anderen Lösungsansatz gibt es wahrscheinlich nicht, oder?
|
|
|
13.09.06 12:45 |
E-Mail
Finden
Als Freund hinzufügen
|
|
mkkcs
Mitglied
Dabei seit: 06.10.04
Beiträge: 2.051
Fähigkeiten: WBB2 Profi; WBB2 Fortgeschritten; WBB Lite 1 Profi
Herkunft: aus Mamas Bauch
Forenversion: 2.3; 2.2
|
|
oder willst Du nur externe Links die als Forum drinn stehen mit der Grafik versehen ?`
und ggf. Links in Postings ?
dann würd ich einfach bei gehen, und dann eine neue Class definieren
.externer Link
und darin Deine Grafik reinsetzen, und diese dann in das index_boardbit in die Anzeige des "Externen" Link rein setzen, und dann nochmal schauen, wie der bbcode URL umgesetzt ist, und dort dann hart vercodet die Grafik mit reinsetzen !
__________________
LG Martin
-
grafix-board
http://www.wbbcoderforum.de
hat seine Tore wieder geöffnet!
Style-Einbau-Anleitung
WCF-News: mywbb goes to WCF
|
|
|
13.09.06 12:56 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
|