[Aero-Style] Ränder werden nicht angezeigt.

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Toxy
Mitglied
Beiträge: 353
Registriert: 03.07.2009 15:22
Wohnort: Lipsia
Kontaktdaten:
Kontaktdaten von Toxy

[Aero-Style] Ränder werden nicht angezeigt.

Beitrag von Toxy »

Hallöle!
Undzwar, wollte ich jetzt mal Fragen, warum die Ränder der Aero-Styles nicht angezeigt werden?!
z.B. im Userblog-MOD, auf der Newspage, auf dem Board3-Portal.

Wie bekomme ich die Ränder dahin? :D
Nach oben
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:
Kontaktdaten von franki

Re: [Aero-Style] Ränder werden nicht angezeigt.

Beitrag von franki »

Ganz einfach weil es Grafiken sind und die bei subsilver nicht vorhanden sind.

Die Zeilen sind für den linken und oberen Rahmen

Code: Alles auswählen

<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
		<td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
	</tr>
	<tr>
		<td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
		<td>
Die Zeilen sind für den rechten und unteren Rahmen

Code: Alles auswählen

		</td>
		<td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
	</tr>
	<tr>
		<td width="18" height="18" align="right"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
		<td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
	</tr>
</table>
Dazwischen ist der subsilver2-Code.
Schau dir am besten mal eine .html-Datei an und vergleiche sie mit der von subsilver2.
Dann wirst Du da besser durchsteigen.

*Edit*
Eine Kleinigkeit ist dabei zu beachten:
Wenn zwischen den zwei Codeblöcken ein <!--include ?????.html --> ist darf die Datei die zwei Codeblöcke nicht haben.
Da sonst der Rahmen im Rahmen wäre. Da ich selber den AeroRed habe habe ich am Anfang viel rumexperimentiert :P
Jetzt gehts gut von der Hand.
Noch eins :wink:
Bei subsilver2 sind die Überschriften meistens so angelegt: (das was bei AeroRed im roten Balken angezeigt wird)

Code: Alles auswählen

<tr>
		<td><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></td>
	</tr>
die müssen dann so umgeändert werden

Code: Alles auswählen

<tr>
		<th align="left" class="cat"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></th>
	</tr>
LG Franki
Nach oben
Toxy
Mitglied
Beiträge: 353
Registriert: 03.07.2009 15:22
Wohnort: Lipsia
Kontaktdaten:
Kontaktdaten von Toxy

Re: [Aero-Style] Ränder werden nicht angezeigt.

Beitrag von Toxy »

Vielen Dank! Läuft prima!

Nun aber noch die Frage, warum bei sämtlichen Feldern unterhalb ein ca. 0,5cm breiter, blauer Strich ist?
Nach oben
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:
Kontaktdaten von franki

Re: [Aero-Style] Ränder werden nicht angezeigt.

Beitrag von franki »

Hallo Toxy
Was für ein blauer Strich ?
Kanste mal ein Pik einstellen.
LG Franki
Nach oben
Toxy
Mitglied
Beiträge: 353
Registriert: 03.07.2009 15:22
Wohnort: Lipsia
Kontaktdaten:
Kontaktdaten von Toxy

Re: [Aero-Style] Ränder werden nicht angezeigt.

Beitrag von Toxy »

Hier mal ein Screenshot.
Das komische ist, dass diese Streifen nur bei dem Portal (board3) auftreten.

http://www.computer-board.info/public/img/streifen.png
Nach oben
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8239
Registriert: 24.05.2010 08:31
Kontaktdaten:
Kontaktdaten von Kirk

Re: [Aero-Style] Ränder werden nicht angezeigt.

Beitrag von Kirk »

Hallo
Das mit dem Rahmen hab ich hinbekommen nun hab ich das Prob. da die Schrift über den Rahmen hinaus geht
uns die Hintergrundfarbe im Rahmen anstatt weis blau ist (Siehe Bild)
auserdem wollte ich das der Hintergrund von dieser Überschrift (Wer war da?) die selbe Farbe hat wie
bei der Statistik.
Ich weis nicht weiter vielleicht könnt ihr mir sagen was geändert werden muß

Vielen Dank im Vorraus!

[ externes Bild ]

Hier noch der Code dazu

Code: Alles auswählen

<!-- IF WHO_WAS_HERE_LIST2 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
 <tr>
      <td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
      <td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
      <td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
   </tr>
   <tr>
      
<td class="catb" colspan="2"><!-- IF WHO_WAS_HERE --><h4><a class="genmedw" href="{L_WHO_WAS_HERE}">{L_WHO_WAS_HERE}</a></h4><!-- ELSE --><h4>{L_WHO_WAS_HERE}</h4><!-- ENDIF --></td></tr>
<td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
      <td>
        
		<p>{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</p>
	<!-- ELSEIF U_ACP -->
		<h3>{L_WHO_WAS_HERE}</h3>
		<p>{L_WWH_UPDATE_NEED}</p>
	          <!-- ENDIF -->
</td>
      <td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
   </tr>
   <tr>
      <td width="18" height="18" align="right"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
      <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
      <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
   </tr>
</table>
Nach oben
Benutzeravatar
archivar
Mitglied
Beiträge: 572
Registriert: 07.08.2008 08:25
Wohnort: Deutschland

Re: [Aero-Style] Ränder werden nicht angezeigt.

Beitrag von archivar »

versuch mal das hier:

Code: Alles auswählen

<br clear="all" />
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
    <td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
  </tr>
  <tr>
    <td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
    <td>
<!-- IF WHO_WAS_HERE_LIST2 -->
		<table class="tablebg" width="100%" cellspacing="0">
			<tr>
				<td class="catb" colspan="2"><h4>{L_WHO_WAS_HERE}</h4></td>
			</tr>
			<tr>
				<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.png" alt="{L_WHO_IS_ONLINE}" /></td>
				<td class="row1" width="100%"><span class="genmed">{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</span></td>
			</tr>
		</table>
		<!-- ELSEIF U_ACP -->
		<br clear="all" />
		<table class="tablebg" width="100%" cellspacing="1">
			<tr>
				<td class="cat" colspan="2"><h4>{L_WHO_WAS_HERE}</h4></td>
			</tr>
			<tr>
				<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
				<td class="row1" width="100%"><span class="genmed">{L_WWH_UPDATE_NEED}</span></td>
			</tr>
		</table>
<!-- ENDIF -->
  	</td>
    <td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
  </tr>
  <tr>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
    <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
  </tr>
</table>
<br clear="all" />
eventuell (je nach Blockabstand) oben oder unten das hier wieder entfernen:

Code: Alles auswählen

<br clear="all" />
V. G. archivar
Nach oben
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:
Kontaktdaten von franki

Re: [Aero-Style] Ränder werden nicht angezeigt.

Beitrag von franki »

Hallo Archivar

Bei deinem Code bleibt beim Abschalten des Mods im ACP der Grundrahmen sichtbar ohne Inhalt.

Ich würde es da her etwas anders machen.

Code: Alles auswählen

<!-- IF WHO_WAS_HERE_LIST2 -->
	<br clear="all" />
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	  <tr>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
		<td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
	  </tr>
	  <tr>
		<td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
		<td>
		  <table class="tablebg" width="100%" cellspacing="0">
			 <tr>
				<td class="catb" colspan="2"><h4>{L_WHO_WAS_HERE}</h4></td>
			 </tr>
			 <tr>
				<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.png" alt="{L_WHO_IS_ONLINE}" /></td>
				<td class="row1" width="100%"><span class="genmed">{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</span></td>
			 </tr>
		  </table>
		 </td>
		<td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
	  </tr>
	  <tr>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
		<td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
	  </tr>
	</table>
	<br clear="all" />
<!-- ELSEIF U_ACP -->
	<br clear="all" />
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	  <tr>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
		<td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
	  </tr>
	  <tr>
		<td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
		<td>
		  <table class="tablebg" width="100%" cellspacing="1">
			 <tr>
				<td class="cat" colspan="2"><h4>{L_WHO_WAS_HERE}</h4></td>
			 </tr>
			 <tr>
				<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
				<td class="row1" width="100%"><span class="genmed">{L_WWH_UPDATE_NEED}</span></td>
			 </tr>
		  </table>
		 </td>
		<td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
	  </tr>
	  <tr>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
		<td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
		<td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
	  </tr>
	</table>
	<br clear="all" />
<!-- ENDIF -->
archivar hat geschrieben: eventuell (je nach Blockabstand) oben oder unten das hier wieder entfernen:

Code: Alles auswählen

<br clear="all" />
LG Franki
Nach oben
Benutzeravatar
archivar
Mitglied
Beiträge: 572
Registriert: 07.08.2008 08:25
Wohnort: Deutschland

Re: [Aero-Style] Ränder werden nicht angezeigt.

Beitrag von archivar »

franki hat geschrieben:Hallo Archivar

Bei deinem Code bleibt beim Abschalten des Mods im ACP der Grundrahmen sichtbar ohne Inhalt.
Du hast recht-das hatte ich nicht getestet. :oops:
V. G. archivar
Nach oben
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8239
Registriert: 24.05.2010 08:31
Kontaktdaten:
Kontaktdaten von Kirk

Re: [Aero-Style] Ränder werden nicht angezeigt.

Beitrag von Kirk »

Hat funktioniert
Vielen Dank euch beiden [ externes Bild ]
Nach oben
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“