Infobox BBCode

Alle Themen in diesem Bereich (Kategorie) werden alphabetisch sortiert angezeigt!

Infobox BBCode

Beitragvon sladdi » Di 19. Feb 2013, 03:11

Name: Infobox BBCode
Autor: Sladdi
phpBB Version: 3.0.11
Browser Version: getestet mit FF 17 und IE 10
Beschreibung: Auffällige Infobox mit transparenter Textbox, innerhalb dieser ist weiterer BBCode möglich.
Demo: Infobox
Zugang: Name: testuser / Pass: test1234

BBCode:  
Code: Alles auswählen
[teaminfo]{TEXT}[/teaminfo]


HTML:  
Code: Alles auswählen
<html>
<
head>
<
style>
div.background
  
{
  width:482px;
  height:242px;
  background:url(deinpfad/info.png) repeat;
  border:4px solid black;
  }
div.transbox
  
{
  width:384px;
  height:144px;
  margin:48px 44px;
  background-color:#ffff00;
  border:1px solid black;
  opacity:0.8;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }
div.transbox p
  
{
  margin:5px 5px;
  font-weight:bold;
  color:#ff0000;
  }
</
style>
</
head>

<
body>

<
div class="background">
<
div class="transbox">
<
center>
<
p>{TEXT}
</
p>
</
center>
</
div>
</
div>

</
body>
</
html>


Aus

Beispiel:  
Code: Alles auswählen
[teaminfo]
[
size=200]Überschrift1![/size]
[
size=150]Überschrift2:[/size]
Text
Text
Text
[/teaminfo]


Wird

Demobild:

Bildname: Ashampoo_Snap_2013.02.19_02h57m31s_010_.jpg


Benötigt folgende Grafik:

Bildname: info.png
info.png (2.54 KiB) 1652-mal betrachtet
Moderatoren sind auch nur Menschen.... :roll:
Benutzeravatar
sladdi
Supporter
Beiträge: 903
Themen: 126
Registriert: 23.10.2012
Wohnort: Zell i.W.
Danke gegeben: 61
Danke bekommen:
74 mal in 65 Beiträgen
Vorname: Thomas
phpBB.de: sladdicool
Beitrag wurde zuletzt geändert von sladdi am Sa 23. Mär 2013, 09:33, insgesamt 1-mal geändert.

Zurück zu Style BBCodes



Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast


x-Achse: 0
y-Achse: 0
cron