yourWBB | [WBB 2.3.x] Ideen, Wünsche und Suche | Willkommen-Box in Hintergrundgrafik einbetten

yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB 2.3.x » [WBB 2.3.x] Ideen, Wünsche und Suche » Willkommen-Box in Hintergrundgrafik einbetten

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

1.652 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Dieses Thema wurde als unerledigt markiert. Thread unerledigt

Willkommen-Box in Hintergrundgrafik einbetten

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

DeepThroat DeepThroat ist männlich

Mitglied

Dabei seit: 27.11.06
Beiträge: 183
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Willkommen-Box in Hintergrundgrafik einbetten

Antworten Zitieren Editieren Melden UP

Guten Abend, Freunde der gepflegten HTML-Kunst,

ich möchte gern die Willkommen-Box auf der Startseite in eine nette Grafik einbetten. Die Grafik besteht aus der Grafik_links, einer sich wiederholenden Mittelgrafik und der rechten Abschlussgrafik.

Ganz ohne Text würde das Eingebunden ungefähr so aussehen:

code:

1:
2:
3:
4:
5:
6:
7:

<table>
	<tr>
    		<td style="padding: 0; width: 43px"><img src="{$style['imagefolder']}/topbox_left.gif" alt="" /></td>
    		<td style="background-image: url({$style['imagefolder']}/topbox_bg.gif); padding: 0; width: 100%" align="left"></td>
		<td style="padding: 0; width: 43px"><img src="{$style['imagefolder']}/topbox_right.gif" alt="" /></td>
	</tr>
</table>

Wie bekomme ich das nun mit dem bestehenden Code richtig verschachtelt? Die if/then/else-Schleife macht das Rumgerbastel für einen Schmalspur-Coder wie mich auch nicht gerade einfacher.
Ich hoffe jemand von euch kann mir da den entscheidenenden Tipp geben.

Die Original-Codestelle, um die es im index-Template geht, wäre diese:

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:

<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']}" class="tableinborder">
 <if($wbbuserdata['userid']==0)>
  <then>

   <tr>
    <td class="tablecat" align="left"><span class="normalfont" style="color:#c7d3d9">&nbsp;&nbsp;<b>{$lang->items['LANG_START_WELCOME_TITLE']}</b></span></td>
   </tr>
 <tr>
  <td colspan="2" class="begin"></td>
 </tr>
   <tr>
    <td class="tableb" align="left" style="text-align: justify"><span class="smallfont">{$lang->items['LANG_START_WELCOME']}</span></td>
   </tr>
  </then>

  <else>

   <tr>
    <td align="left" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>" class="tablecat"><span class="normalfont" style="color:#c7d3d9">&nbsp;&nbsp;<b>{$lang->items['LANG_START_TITLE']}</b></span></td>
   </tr>

   <tr>
    <td class="tablea" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>"><table style="width:100%" cellspacing="0" cellpadding="0" border="0">
     <tr class="tablea_fc">
      <td align="left"><span class="smallfont">{$lang->items['LANG_START_WELCOMEBACK']} <b>$usercbar_username</b> <a href="logout.php?u=$wbbuserdata[userid]{$SID_ARG_2ND}">{$lang->items['LANG_START_LOGOUT']}</a><br /><b><a href="search.php?action=new{$SID_ARG_2ND}">{$lang->items['LANG_START_NEWPOSTS']} $lastvisitdate <span class="time">$lastvisittime</span>.</span></td>
      <td align="right"><span class="smallfont">{$lang->items['LANG_START_CURRENTTIME']} <span class="time">$currenttime</span>.<br />{$lang->items['LANG_START_TIMEZONE']}</span></td>
     </tr>
    </table></td>
   </tr>
  </else>
 </if>

__________________
... beim Käfer (WBB2) konnte man noch selber schrauben, beim neuen Golf (WBB3) muß man fast schon in die Werkstatt wenn man das "Wischwasser" nachfüllen muss!

(Original von mkkcs)

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von DeepThroat: 21.02.10 21:49.

21.02.10 21:49

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

Antworten Zitieren Editieren Melden UP

was ist denn das für ein Coder für Grafik-links-mitte-rechts ?

ne obere Kante ?

denn wo Die Willkommen-Teil jetzt hin soll schreibst Du leider nicht !

__________________
LG Martin
-
grafix-board
http://www.wbbcoderforum.de
hat seine Tore wieder geöffnet!
Style-Einbau-Anleitung
WCF-News: mywbb goes to WCF

21.02.10 21:57

E-Mail WWW Finden Als Freund hinzufügen

DeepThroat DeepThroat ist männlich

Mitglied

Dabei seit: 27.11.06
Beiträge: 183
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Themenstarter Thema begonnen von DeepThroat

Antworten Zitieren Editieren Melden UP

Hallo mkkcs,

die Willkommensbox soll von der Position genau da bleiben, wo sie beim Standard-WBB 2 normalerweise sitzt. Die Tabelle soll nur auf dem Mittelstück der Grafik draufgelegt werden.

Um es dir optisch zu verdeutlichen, hier mal der Link zum Original-Style. Es ist die spacige Box direkt unter der Header-Navigation. Die möchte ich als Hintergrund für meine WBB2-Willkomensbox haben.

__________________
... beim Käfer (WBB2) konnte man noch selber schrauben, beim neuen Golf (WBB3) muß man fast schon in die Werkstatt wenn man das "Wischwasser" nachfüllen muss!

(Original von mkkcs)

21.02.10 22:07

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

Antworten Zitieren Editieren Melden UP

guckst du

also so
suche

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:

<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']}" class="tableinborder">
 <if($wbbuserdata['userid']==0)>
  <then>

   <tr>
    <td class="tablecat" align="left"><span class="normalfont" style="color:#c7d3d9">&nbsp;&nbsp;<b>{$lang->items['LANG_START_WELCOME_TITLE']}</b></span></td>
   </tr>
 <tr>
  <td colspan="2" class="begin"></td>
 </tr>
   <tr>
    <td class="tableb" align="left" style="text-align: justify"><span class="smallfont">{$lang->items['LANG_START_WELCOME']}</span></td>
   </tr>
  </then>

  <else>

   <tr>
    <td align="left" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>" class="tablecat"><span class="normalfont" style="color:#c7d3d9">&nbsp;&nbsp;<b>{$lang->items['LANG_START_TITLE']}</b></span></td>
   </tr>

   <tr>
    <td class="tablea" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>"><table style="width:100%" cellspacing="0" cellpadding="0" border="0">
     <tr class="tablea_fc">
      <td align="left"><span class="smallfont">{$lang->items['LANG_START_WELCOMEBACK']} <b>$usercbar_username</b> <a href="logout.php?u=$wbbuserdata[userid]{$SID_ARG_2ND}">{$lang->items['LANG_START_LOGOUT']}</a><br /><b><a href="search.php?action=new{$SID_ARG_2ND}">{$lang->items['LANG_START_NEWPOSTS']} $lastvisitdate <span class="time">$lastvisittime</span>.</span></td>
      <td align="right"><span class="smallfont">{$lang->items['LANG_START_CURRENTTIME']} <span class="time">$currenttime</span>.<br />{$lang->items['LANG_START_TIMEZONE']}</span></td>
     </tr>
    </table></td>
   </tr>
  </else>
 </if>

ersetze es mit folgenden Code

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:

 <table cellpadding="0" cellspacing="0" border="0" style="width:{$style['tableinwidth']}">
	<tr>
    		<td style="padding: 0; width: 43px"><img src="{$style['imagefolder']}/topbox_left.gif" alt="" /></td>
    		<td style="background-image: url({$style['imagefolder']}/topbox_bg.gif); padding: 0; width: 100%" align="left"><table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:100%" class="tableinborder">
 <if($wbbuserdata['userid']==0)>
  <then>

   <tr>
    <td class="tablecat" align="left"><span class="normalfont" style="color:#c7d3d9">&nbsp;&nbsp;<b>{$lang->items['LANG_START_WELCOME_TITLE']}</b></span></td>
   </tr>
 <tr>
  <td colspan="2" class="begin"></td>
 </tr>
   <tr>
    <td class="tableb" align="left" style="text-align: justify"><span class="smallfont">{$lang->items['LANG_START_WELCOME']}</span></td>
   </tr>
  </then>

  <else>

   <tr>
    <td align="left" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>" class="tablecat"><span class="normalfont" style="color:#c7d3d9">&nbsp;&nbsp;<b>{$lang->items['LANG_START_TITLE']}</b></span></td>
   </tr>

   <tr>
    <td class="tablea" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>"><table style="width:100%" cellspacing="0" cellpadding="0" border="0">
     <tr class="tablea_fc">
      <td align="left"><span class="smallfont">{$lang->items['LANG_START_WELCOMEBACK']} <b>$usercbar_username</b> <a href="logout.php?u=$wbbuserdata[userid]{$SID_ARG_2ND}">{$lang->items['LANG_START_LOGOUT']}</a><br /><b><a href="search.php?action=new{$SID_ARG_2ND}">{$lang->items['LANG_START_NEWPOSTS']} $lastvisitdate <span class="time">$lastvisittime</span>.</span></td>
      <td align="right"><span class="smallfont">{$lang->items['LANG_START_CURRENTTIME']} <span class="time">$currenttime</span>.<br />{$lang->items['LANG_START_TIMEZONE']}</span></td>
     </tr>
    </table></td>
   </tr>
  </else>
 </if>
 </table></td>
		<td style="padding: 0; width: 43px"><img src="{$style['imagefolder']}/topbox_right.gif" alt="" /></td>
	</tr>
</table>
  <table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']}" class="tableinborder">

__________________
LG Martin
-
grafix-board
http://www.wbbcoderforum.de
hat seine Tore wieder geöffnet!
Style-Einbau-Anleitung
WCF-News: mywbb goes to WCF

21.02.10 22:27

E-Mail WWW Finden Als Freund hinzufügen

DeepThroat DeepThroat ist männlich

Mitglied

Dabei seit: 27.11.06
Beiträge: 183
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Themenstarter Thema begonnen von DeepThroat

Antworten Zitieren Editieren Melden UP

Das sieht schon mal verdammt gut aus, mkkcs. Ehren

Soweit, dass alles passt und nichts zerschossen wird, bin ich noch nie gekommen. Jetzt muss nur noch die eigentliche Tabelle transparent werden, damit die Hintergrundgrafik durchscheint und nur noch der Text übrig bleibt. Ich hab mal den status quo als Screenshot angehangen...

Dateianhang:

topbox.jpg (106 KB, 67 mal heruntergeladen)

__________________
... beim Käfer (WBB2) konnte man noch selber schrauben, beim neuen Golf (WBB3) muß man fast schon in die Werkstatt wenn man das "Wischwasser" nachfüllen muss!

(Original von mkkcs)

21.02.10 22:43

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

Antworten Zitieren Editieren Melden UP

folgenden Code rausnehmen

class="tableinborder"
class="tablecat"
class="tablea"
class="tableb"

und schon isses durchsichtig

__________________
LG Martin
-
grafix-board
http://www.wbbcoderforum.de
hat seine Tore wieder geöffnet!
Style-Einbau-Anleitung
WCF-News: mywbb goes to WCF

21.02.10 23:15

E-Mail WWW Finden Als Freund hinzufügen

DeepThroat DeepThroat ist männlich

Mitglied

Dabei seit: 27.11.06
Beiträge: 183
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Themenstarter Thema begonnen von DeepThroat

Antworten Zitieren Editieren Melden UP

Super! Das wars. auweia

Danke dir.

__________________
... beim Käfer (WBB2) konnte man noch selber schrauben, beim neuen Golf (WBB3) muß man fast schon in die Werkstatt wenn man das "Wischwasser" nachfüllen muss!

(Original von mkkcs)

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von DeepThroat: 21.02.10 23:28.

21.02.10 23:27

Finden Als Freund hinzufügen

Baumstruktur | Brettstruktur

Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB 2.3.x » [WBB 2.3.x] Ideen, Wünsche und Suche » Willkommen-Box in Hintergrundgrafik einbetten