Im ursprünglichen Forencode steht dieses drin:
1
2
3
4
5
6
7
8
9
10
11
12
13
<center>
<img src="http://www.bilder-hochladen.net/files/1tys-57.jpg" border=0>
<p>
<div style="background-color:#013579;padding:2px;border:2px solid #0000aa;color:#FFFFFF;border-radius:8px;">
<span style="color:#ffffff;">
<u>Achtung Baustelle!</u>
</span>
Der Beitrag wird bald zur Verfügung stehen
</div>
</p>
</center>
<br><br>
<div class="admin">
Mal abgesehen davon daß die
-Verschachtelung falsch ist, ist vieles überflüssig.
Links werden nicht gebraucht und Styles sollen einstellbar werden.
Also habe ich es so gekürzt:
1
2
3
4
5
6
7
8
9
10
11
<center>
<img class="baustellenschild" src="http://www.bilder-hochladen.net/files/1tys-57.jpg" border=0>
<div class="baustellenhinweis" style="">
<span>
<u>Achtung Baustelle!</u>
</span>
Der Beitrag wird bald zur Verfügung stehen
</div>
</center>
<br><br>
<div class="admin">
Das Bild hat eine eigene Klasse bekommen und der Textbalken auch.
Im PI werden die Styles für den Balken nun so gesetzt:
1
2
3
4
5
6
7
8
9
10
<style type="text/css">
.baustellenhinweis {
background-color:#013579;
padding:2px;
border:2px solid #0000aa;
color:#FFFFFF;
border-radius:8px;
margin-top: 5px;
}
</style>
Zusätzlich soll nun das Schild für einen Admin anders dargestellt werden.
Z.B. etwas kleiner.
Also habe ich die Styleanweisung in das start-else-end integriert:
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
<style type="text/css">
{{user_admin==true.start}}
.admin {
display: block;
}
.baustellenschild {
width: 32px;
}
{{user_admin==true.else}}
.admin {
display: none;
}
{{user_admin==true.end}}
.baustellenhinweis {
background-color:#013579;
padding:2px;
border:2px solid #0000aa;
color:#FFFFFF;
border-radius:8px;
margin-top: 5px;
}
</style>
Für Admins ist das Schild nun klein und für alle anderen ist es normal groß.
In das start-else-end könnte man nun auch noch die Styles des Balkens für den Admin ändern.
Das kannst du aber selbst machen.
Evtl. muss dort nur ein !important jeweils rein damit sich beide Einträge nicht in die Quere kommen.
Nun soll noch der Text des Balkens für Admins anders aussehen.
Dazu habe ich per jQuery den Inhalt der DIV geändert.
Das muss aber in "untere Leiste" "header" weil es erst greifen kann wenn der Beitrag geladen ist.
Am Ende sieht der Forencode so aus:
1
2
3
4
5
6
7
8
9
10
[baustelle]
...
[/baustelle]
mit
<center><img class="baustellenschild" src="http://www.bilder-hochladen.net/files/1tys-57.jpg" border=0><div class="baustellenhinweis"><span><u>Achtung Baustelle!</u></span>Der Beitrag wird bald zur Verfügung stehen</div></center><br><br><div class="admin">
....
</div>
Falls das Bild austauschbar sein soll, könnte man den Code noch etwas abändern.
![[baustelle][/baustelle]](http://www.bilder-hochladen.net/files/kr03-39-5fd0.png "[baustelle][/baustelle]")
![[b][/b]](http://files.homepagemodules.de/b541474/a_360_413146ab.png "[b][/b] einfügen")
![[i][/i]](http://files.homepagemodules.de/b541474/a_354_da3495ee.png "[i][/i] einfügen")
![[u][/u]](http://files.homepagemodules.de/b541474/a_356_92eb89ef.png "[u][/u] einfügen")
![[line-through][/line-through]](http://files.homepagemodules.de/b541474/a_357_d7c7f9a0.png "[line-through][/line-through] einfügen")
![[left][/left]](http://files.homepagemodules.de/b541474/a_362_28e6fff8.png "[left][/left] einfügen")
![[center][/center]](http://files.homepagemodules.de/b541474/a_363_67e4da66.png "[center][/center] einfügen")
![[right][/right]](http://files.homepagemodules.de/b541474/a_364_896a91f1.png "[right][/right] einfügen")
![[justify][/justify]](http://files.homepagemodules.de/b541474/a_365_db26453f.png "[justify][/justify] einfügen")
![[small][/small]](http://files.homepagemodules.de/b541474/a_376_8163cdcc.png "[small][/small] einfügen")
![[big][/big]](http://files.homepagemodules.de/b541474/a_377_25dfe933.png "[big][/big] einfügen")
![[bgrot][/bgrot]](http://files.homepagemodules.de/b541474/a_522_948ca609.png "[bgrot][/bgrot] einfügen")
![[sub][sub]](http://files.homepagemodules.de/b541474/a_366_38ac8a83.png "[sub][sub] einfügen")
![[sup][sup]](http://files.homepagemodules.de/b541474/a_367_22a8c628.png "[sup][sup] einfügen")
![[h1][/h1]](http://files.homepagemodules.de/b2001010/a_1368_ad703468.gif "[h1][/h1] einfügen")
![[list][/list]](http://files.homepagemodules.de/b541474/a_375_1a6c5b37.png "[list][/list] einfügen")
![[quote][/quote]](http://files.homepagemodules.de/b541474/a_370_278f9130.png "[quote][/quote] einfügen")
![[spoiler][/spoiler]](http://files.homepagemodules.de/b541474/a_371_1d733f4a.png "[spoiler][/spoiler] einfügen")
![[pre][pre]](http://files.homepagemodules.de/b541474/a_369_1ab9c17a.png "[pre][pre] einfügen")
![[code][/code]](http://up.picr.de/9287750rht.png "[code][/code]")
![[line]](http://files.homepagemodules.de/b541474/a_373_ed4a5885.png "[line] einfügen")
![[url][/url]](http://up.picr.de/9287762qfn.png "[url][/url]")
![[img][/img]](http://up.picr.de/9287833tpu.png "[img][/img]")
![[video][/video]](http://up.picr.de/9287779ocj.png "[video][/video]")
![[mail][/mail]](http://up.picr.de/9287775apo.png "[mail][/mail]")
![[myflash][/myflash]](http://files.homepagemodules.de/b541474/a_588_41457ddd.png "[myflash][/myflash] einfügen")
![[toolwort]](http://www.bilder-hochladen.net/files/k8v1-2g-93db.png "[toolwort] einfügen")
![[tooltext][/tooltext]](http://www.bilder-hochladen.net/files/k8v1-2f-3ef8.png "[tooltext][/tooltext] einfügen")
![[tipp][info2]<span class=](http://files.homepagemodules.de/b551758/a_147_277223c6.png "[tipp][info2]<span class=")
...