Darstellungsprob. in subsilver2

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.
Benutzeravatar
NoAlk68
Mitglied
Beiträge: 49
Registriert: 02.08.2010 18:57
Wohnort: Wendeburg
Kontaktdaten:

Darstellungsprob. in subsilver2

Beitrag von NoAlk68 »

Hallo an alle,


in unserem Forum ( phpBB3.0.8 ) habe ich die MOD WWH eingebaut. Hat nach anfänglichen kleinen Problemchen auch alles gut geklappt. Nun habe ich nur noch den kleinen Schönheitsfehler, daß die "Kategorie" WWH, welche zwischen Wer ist online und Geburtstage platziert ist, nicht den gleichen Zwischenraum aufweist, wie die anderen "Kategorien". WWH ist also optisch direkt an Wer ist online "drangepappt.

Zur Verdeutlichung ein screenshot. Ich möchte also gern, daß zwischen Wer ist online und Wer war da (roter Pfeil) der gleiche Abstand besteht wie zwischen Wer war da, Geburtstage und Statistik (blauer Pfeil).

[ externes Bild ]


Ich gehe mal davon aus, daß ich in der index_body.html etwas verändern muß? (phpBB3/styles/subsilver2/template/index_body.html)

Hier noch der code, wie er momentan besteht.

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

<!-- IF U_MCP -->
	<div id="pageheader">
		<p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
	</div>

	<br clear="all" /><br />
<!-- ENDIF -->

<!-- INCLUDE forumlist_body.html -->

<!-- IF not S_IS_BOT or U_TEAM -->
<span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --><!-- IF not S_IS_BOT and U_TEAM --> | <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF --></span><br />
<!-- ENDIF -->

<br clear="all" />

<!-- INCLUDE breadcrumbs.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<br clear="all" />

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat" colspan="2"><!-- IF U_VIEWONLINE --><h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4><!-- ELSE --><h4>{L_WHO_IS_ONLINE}</h4><!-- ENDIF --></td>
	</tr>
	<tr>
	<!-- IF LEGEND -->
		<td class="row1" rowspan="2" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<!-- ELSE -->
		<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<!-- ENDIF -->
		<td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
	</tr>
	<!-- IF LEGEND -->
		<tr>
			<td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td>
		</tr>
	<!-- ENDIF -->
		
		<!-- IF WHO_WAS_HERE_LIST2 -->
		<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">{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 -->
<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST -->
	<br clear="all" />

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat" colspan="2"><h4>{L_BIRTHDAYS}</h4></td>
	</tr>
	<tr>
		<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_BIRTHDAYS}" /></td>
		<td class="row1" width="100%"><p class="genmed"><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <b>{BIRTHDAY_LIST}</b><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p></td>
	</tr>
	</table>
<!-- ENDIF -->

<br clear="all" />

<table class="tablebg" width="100%" cellspacing="1">
<tr>
	<td class="cat" colspan="2"><h4>{L_STATISTICS}</h4></td>
</tr>
<tr>
	<td class="row1"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_STATISTICS}" /></td>
	<td class="row1" width="100%" valign="middle"><p class="genmed">{TOTAL_POSTS} | {TOTAL_TOPICS} | {TOTAL_USERS} | {NEWEST_USER}</p></td>
</tr>
</table>

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
	<br clear="all" />

	<form method="post" action="{S_LOGIN_ACTION}">

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></td>
	</tr>
	<tr>
		<td class="row1" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
	</tr>
	</table>
	{S_LOGIN_REDIRECT}
	{S_FORM_TOKEN}
	</form>
<!-- ENDIF -->

<br clear="all" />

<table class="legend">
<tr>
	<td width="20" align="center">{FORUM_UNREAD_IMG}</td>
	<td><span class="gensmall">{L_UNREAD_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center">{FORUM_IMG}</td>
	<td><span class="gensmall">{L_NO_UNREAD_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center">{FORUM_LOCKED_IMG}</td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>

<!-- INCLUDE overall_footer.html -->

Ich hoffe, daß ichg hier nicht zuviel angehängt habe und daß mir jemand sagen kann, was ich wie im Code verändern muß, damit es vernünftig aussieht.

Ich bedanke mich im Voraus.


Gruß Thomas
Wir leben alle unter dem gleichen Himmel, wir haben jedoch nicht alle den gleichen Horizont.
modernist
Ehemaliges Teammitglied
Beiträge: 2202
Registriert: 12.01.2009 10:44

Re: Darstellungsprob. in subsilver2

Beitrag von modernist »

Das verlinkte Bild kann ich zwar nicht sehen (keine Rechte), aber bei mir im Firefox ist der Abstand zwischen "Wer ist online", "Wer war da" und Statistik auf der Seite http://www.die-freidenker.net/phpBB3/ äquidistant.
Probier deine Seite doch mal mit verschiedenen Browsern aus, vielleicht hast du im Standardbrowser die falschen Einstellungen. Mit den Einstellungen ist das ja überhaupt und generell so eine Sache...:-)
Benutzeravatar
NoAlk68
Mitglied
Beiträge: 49
Registriert: 02.08.2010 18:57
Wohnort: Wendeburg
Kontaktdaten:

Re: Darstellungsprob. in subsilver2

Beitrag von NoAlk68 »

Wir leben alle unter dem gleichen Himmel, wir haben jedoch nicht alle den gleichen Horizont.
modernist
Ehemaliges Teammitglied
Beiträge: 2202
Registriert: 12.01.2009 10:44

Re: Darstellungsprob. in subsilver2

Beitrag von modernist »

Wie geschrieben sehe ich da keine mangelnde Äquidistanz...auch nicht im Opera.
wolfman24
Mitglied
Beiträge: 892
Registriert: 25.09.2005 13:17

Re: Darstellungsprob. in subsilver2

Beitrag von wolfman24 »

Unter dem Link sieht man als Gast proSilver, nicht subSilver2.
Benutzeravatar
NoAlk68
Mitglied
Beiträge: 49
Registriert: 02.08.2010 18:57
Wohnort: Wendeburg
Kontaktdaten:

Re: Darstellungsprob. in subsilver2

Beitrag von NoAlk68 »

Ihr könnt euch mal einloggen, um zu sehen was ich meine:

Benutzer: blödspaten
Passwort: 1234567
Wir leben alle unter dem gleichen Himmel, wir haben jedoch nicht alle den gleichen Horizont.
modernist
Ehemaliges Teammitglied
Beiträge: 2202
Registriert: 12.01.2009 10:44

Re: Darstellungsprob. in subsilver2

Beitrag von modernist »

Na, hoffentlich drückt der Benutzername nicht das aus, was du von uns denkst...

Warum hast du eigentlich für Gäste ein anderes Theme gewählt?

Setz einfach ein

Code: Alles auswählen

<br clear="all"/>
hinter

Code: Alles auswählen

		<table class="tablebg" width="100%" cellspacing="1">

		<tr>
			<td class="cat" colspan="2"><h4>Wer war da?</h4></td>
		</tr>
		<tr>
			<td class="row1" align="center" valign="middle"><img src="./styles/subsilver2/theme/images/whosonline.gif" alt="Wer ist online?" /></td>
			<td class="row1" width="100%"><span class="genmed">Insgesamt waren <strong>13</strong> Besucher online: 2 registrierte,  0 unsichtbare und 11 Gäste (basierend auf den heute aktiven Besuchern)<br />Der Besucherrekord liegt bei <strong>14</strong> Besuchern, die am Do 9. Dez 2010 online waren.<br /><br />Mitglieder: <span><a href="./memberlist.php?mode=viewprofile&u=55&sid=438c569a8b2e7039b7c5939924746481">blödspaten</a></span>&nbsp;(zuletzt um&nbsp;15:17 Uhr), <span><a href="./memberlist.php?mode=viewprofile&u=2&sid=438c569a8b2e7039b7c5939924746481" style="color: #AA0000;" class="username-coloured">NoAlk68</a></span>&nbsp;(zuletzt um&nbsp;15:05 Uhr)</span></td>

		</tr>
		</table>
Also den Teil, den du für "War war da" eingebaut hast. Dann Style aktualisieren und Cache leeren und im Browser refresh drücken.
Benutzeravatar
NoAlk68
Mitglied
Beiträge: 49
Registriert: 02.08.2010 18:57
Wohnort: Wendeburg
Kontaktdaten:

Re: Darstellungsprob. in subsilver2

Beitrag von NoAlk68 »

Ausgeführt.....leider keine Veränderung :( .
Wir leben alle unter dem gleichen Himmel, wir haben jedoch nicht alle den gleichen Horizont.
modernist
Ehemaliges Teammitglied
Beiträge: 2202
Registriert: 12.01.2009 10:44

Re: Darstellungsprob. in subsilver2

Beitrag von modernist »

Das ist ja gediegen. Im Quelltext taucht das br an der richtigen Stelle auf, wenn ich die Seite mit Firebug untersuche, ist es nicht da. Wenn ich's dann manuell eingebe, sind die Boxen getrennt.
Und bei der Auswahl "View selected source" taucht das br auch nicht auf. Merkwürdig.

Dann lösch die <br /> und <br clear="all"> zwischen den Tabellen (sind eh nicht valide) und ergänze in der Klasse tablebg ein margin-bottom.
.tablebg {background-color:#A9B8C2;
margin-bottom:20px;
}
Benutzeravatar
NoAlk68
Mitglied
Beiträge: 49
Registriert: 02.08.2010 18:57
Wohnort: Wendeburg
Kontaktdaten:

Re: Darstellungsprob. in subsilver2

Beitrag von NoAlk68 »

Ok.....wäre der gesamte Code so korrekt?

Code: Alles auswählen

    <!-- INCLUDE overall_header.html -->

    <!-- IF U_MCP -->
       <div id="pageheader">
          <p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
       </div>

     
    <!-- ENDIF -->

    <!-- INCLUDE forumlist_body.html -->

    <!-- IF not S_IS_BOT or U_TEAM -->
    <span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --><!-- IF not S_IS_BOT and U_TEAM --> | <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF --></span><br />
    <!-- ENDIF -->

    

    <!-- INCLUDE breadcrumbs.html -->

    <!-- IF S_DISPLAY_ONLINE_LIST -->
      

       <table class="tablebg" width="100%" cellspacing="1">
	   margin-bottom:20px;
}
       <tr>
          <td class="cat" colspan="2"><!-- IF U_VIEWONLINE --><h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4><!-- ELSE --><h4>{L_WHO_IS_ONLINE}</h4><!-- ENDIF --></td>
       </tr>
       <tr>
       <!-- IF LEGEND -->
          <td class="row1" rowspan="2" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
       <!-- ELSE -->
          <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
       <!-- ENDIF -->
          <td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
       </tr>
       <!-- IF LEGEND -->
          <tr>
             <td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td>
          </tr>
       <!-- ENDIF -->
          
          <!-- IF WHO_WAS_HERE_LIST2 -->
          

          <table class="tablebg" width="100%" cellspacing="1">
		  margin-bottom:20px;
}
          <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">{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 -->
          

          <table class="tablebg" width="100%" cellspacing="1">
		  margin-bottom:20px;
}
          <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 -->
    <!-- ENDIF -->

    <!-- IF S_DISPLAY_BIRTHDAY_LIST -->
      

       <table class="tablebg" width="100%" cellspacing="1">
	   margin-bottom:20px;
}
       <tr>
          <td class="cat" colspan="2"><h4>{L_BIRTHDAYS}</h4></td>
       </tr>
       <tr>
          <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_BIRTHDAYS}" /></td>
          <td class="row1" width="100%"><p class="genmed"><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <b>{BIRTHDAY_LIST}</b><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p></td>
       </tr>
       </table>
    <!-- ENDIF -->

    

    <table class="tablebg" width="100%" cellspacing="1">
	margin-bottom:20px;
}
    <tr>
       <td class="cat" colspan="2"><h4>{L_STATISTICS}</h4></td>
    </tr>
    <tr>
       <td class="row1"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_STATISTICS}" /></td>
       <td class="row1" width="100%" valign="middle"><p class="genmed">{TOTAL_POSTS} | {TOTAL_TOPICS} | {TOTAL_USERS} | {NEWEST_USER}</p></td>
    </tr>
    </table>

    <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
       

       <form method="post" action="{S_LOGIN_ACTION}">

       <table class="tablebg" width="100%" cellspacing="1">
	   margin-bottom:20px;
}
       <tr>
          <td class="cat"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></td>
       </tr>
       <tr>
          <td class="row1" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
       </tr>
       </table>
       {S_LOGIN_REDIRECT}
       {S_FORM_TOKEN}
       </form>
    <!-- ENDIF -->

    

    <table class="legend">
    <tr>
       <td width="20" align="center">{FORUM_UNREAD_IMG}</td>
       <td><span class="gensmall">{L_UNREAD_POSTS}</span></td>
       <td>&nbsp;&nbsp;</td>
       <td width="20" align="center">{FORUM_IMG}</td>
       <td><span class="gensmall">{L_NO_UNREAD_POSTS}</span></td>
       <td>&nbsp;&nbsp;</td>
       <td width="20" align="center">{FORUM_LOCKED_IMG}</td>
       <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
    </tr>
    </table>

    <!-- INCLUDE overall_footer.html -->
Wir leben alle unter dem gleichen Himmel, wir haben jedoch nicht alle den gleichen Horizont.
Antworten

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