Kleine Designanpassung SubGreen

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
naderaziz
Mitglied
Beiträge: 34
Registriert: 15.02.2007 04:06

Kleine Designanpassung SubGreen

Beitrag von naderaziz »

Hallo

also ich habe mal mein SubGreen ein wenig angepasst und ich denke sieht schon ganz gut aus und ist sehr stabil. Ich würde jetzt gerne noch eine Sache anpassen aber ich glaub da versage ich etwas.

Also auf meiner Seite www.way2allah.de sieht man unter dem Haeder den Login bereich. Ich würde den gerne so ändern, dass dieser aussieht wie hier:

http://www.vbdesigns.de/phpBB2/index.php?s=cyborg_green

Man sieht in der Linken Spalte den Forenindex & aktuelle Uhrzeit und Datum und in der rechten den Loginbereich. Ist man nun eingelogt verändert sich die rechte Spalte insofern, dass der Login bereich verschwindet und die Infos erscheinen, wie neue Beiträge, ungelesene Beiträge usw. Diese Infos in den beiden Spalten werden ja im Subgreen Style auf der Indexseite darunter gezeigt.

Ich hoffe ihr versteht was ich meine und könnt mir helfen oder wenigstens ein paar tipps geben wo ich anfange oder was ich zu beachten habe.

Wäre vieleicht sinnvoll für alle, da dieser Style Feature sehr nützlich un auch grafisch ein leckerbissen ist so dass auch andere User eine Maske hätten ihr Style so zu verändern.

Ach so habe gerade nochmal gesucht aber nichts gefunden. Und zwar wenn man auf ein forum geht, dann wird der Titel über der Forum
Tabelle sehr groß dargestellt. Ich denke mal das ändert man in der css datei aber welchen?

Merci beaucoup!!!!!!!!!
Nach oben
Valerie Raghnall
Mitglied
Beiträge: 3907
Registriert: 17.07.2002 14:03
Wohnort: Graz

Beitrag von Valerie Raghnall »

hi,

also den Loginbereich findest du in der index_body.tpl ... der sieht bei dir so aus:

Code: Alles auswählen

<!-- BEGIN switch_user_logged_out -->

<form method="post" action="{S_LOGIN_ACTION}">
  
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
	
<tr> 
	  
<td class="row1" align="center" valign="middle" height="25">
<a name="login"></a>
<span class="gensmall">{L_USERNAME}: 
		
<input class="post" type="text" name="username" size="10" />
		
&nbsp;&nbsp;&nbsp;{L_PASSWORD}: 
		
<input class="post" type="password" name="password" size="10" maxlength="32" />
		
<!-- BEGIN switch_allow_autologin -->
		
&nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN} 
		
<input class="text" type="checkbox" name="autologin" />
		
<!-- END switch_allow_autologin -->
		
&nbsp;&nbsp;&nbsp; 
		
<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
		
</span> 
</td>
	
</tr>
  
</table>
</form>

<!-- END switch_user_logged_out -->
und bei dem anderen template, das du erwähnt hast:

Code: Alles auswählen

<!-- BEGIN switch_user_logged_out -->
	<td class="row2" align="left" nowrap="nowrap" >
<form style="display:inline;" method="post" action="{S_LOGIN_ACTION}">
		<table cellpadding="0" cellspacing="0" border="0" class="gensmall">
		<tr>
			<td class="smallfont">{L_USERNAME}: </td>
			<td><input class="post" type="text" name="username" size="10" /></td>
			<td class="smallfont" nowrap="nowrap"><label for="autologin_in"><input class="text" type="checkbox" id="autologin_in" name="autologin" checked="checked" />{L_AUTO_LOGIN}</label></td>
		</tr>
		<tr>
			<td class="smallfont">{L_PASSWORD}:</td>
			<td><input class="post" type="password" name="password" size="10" maxlength="32" /></td>
			<td><input type="submit" class="button1" name="login" value="{L_LOGIN}" /></td>
		</tr>
		</table>
</form>
        </td>

<!-- END switch_user_logged_in -->
Allerdings ist hier darauf zu achten, dass bei dem cyborg_green die aktuellen umstellungen noch nicht vorgenommen worden... will heißen, wenn du das eins zu eins übernimmst, wird es probleme geben...

am besten packst du dir den code mal in einen html editor und siehst dir die unterschiede an... dann findest du sicher auch raus, wie die änderung erfolgen muss, damit es aussieht, wie du das gern hättest :)
A Bus Station is where buses stop. A Train Station is where trains stop. On my desk, there is a Work Station.
Nach oben
naderaziz
Mitglied
Beiträge: 34
Registriert: 15.02.2007 04:06

Beitrag von naderaziz »

hey danke schon mal für die antwort.

Und wie funktioniert es, dass wenn man eingeloggt ist der Login bereich verschwindet und in den Spalten ein anderer inhalt erscheint? Z.B wie ich geschrieben habe neue Beiträge usw?
Nach oben
Valerie Raghnall
Mitglied
Beiträge: 3907
Registriert: 17.07.2002 14:03
Wohnort: Graz

Beitrag von Valerie Raghnall »

Hi,

dafür, dass die Loginbox verschwindet sorgen die Switches:

Code: Alles auswählen

<!-- BEGIN switch_user_logged_out -->
am Anfang und

Code: Alles auswählen

<!-- END switch_user_logged_out -->
am Ende.

Um etwas nur für eingeloggte User anzuzeigen lautet der Switch am Anfang:

Code: Alles auswählen

<!-- BEGIN switch_user_logged_in -->
und am Ende:

Code: Alles auswählen

<!-- END switch_user_logged_in -->
A Bus Station is where buses stop. A Train Station is where trains stop. On my desk, there is a Work Station.
Nach oben
naderaziz
Mitglied
Beiträge: 34
Registriert: 15.02.2007 04:06

Beitrag von naderaziz »

Ahaaaaaaaaaa

ok damit kann ich was anfangen und sollte mir möglichsein etwas ähnliches zu basteln.

Da ich ja auch selbst programmiere (also nur html) kenne ich natürlich die Tasks <!-- bla bla bla --> Ich wußte aber nicht, dass diese auch funktionen haben. Habe immer angenommen, dass es sich um Infos handelt.

Gut werde dann hier den fertigen code posten wenn ich es geschaft habe ich denke sonstige Tipps sind nicht mehr nötig oder?
Nach oben
Valerie Raghnall
Mitglied
Beiträge: 3907
Registriert: 17.07.2002 14:03
Wohnort: Graz

Beitrag von Valerie Raghnall »

Naja, die tpl Dateien operieren grundsätzlich mit HTML Befehlen :) und natürlich auch mit Dingen, die in den PHP Dateien definiert werden, daher geht das mit dem begin und end auch ;)

Zusätzliche Tipps... hmm... Such in der Hiesigen Dokumentation mal nach "Template" ... da findest du viele interessante Informationen... wenn du dich mit Templateumbau mehr befassen möchtest.
Und das Wichtigste... immer ein Backup machen ;)
A Bus Station is where buses stop. A Train Station is where trains stop. On my desk, there is a Work Station.
Nach oben
naderaziz
Mitglied
Beiträge: 34
Registriert: 15.02.2007 04:06

Beitrag von naderaziz »

Hallo

ok hab da mal was geschaft und ist gar nicht mal so übel. Hab den Login aus dem Header entfernt und in die index_body gesteckt. Linke Spalte enthält nun Den Forums Index Link und darüber die aktuelle Uhrzeit und Datum. Obwohl die Uhrzeit irgendwie nicht stimmt....

Rechte Spalte enthällt den Login Bereich und nach dem einloggen erscheinen 3 Reihen mit den Beitragsinfos. Alles statisch nix verschiebt sich.

Nur leider komm ich mit dem Submit Button nicht klar. Hab versucht den ein bißchen zu stylen aber nix funktionier. Weder mainoption noch liteoption oder button....

Wer noch was weiß oder ideen hat immer her damit!!!

Hier ist mal der code im index_Body

Code: Alles auswählen

<!-- BEGIN switch_user_logged_out --> 
<table width="100%" cellspacing="1" cellpadding="4" class="forumline" border="0" align="center">
  <tr valign="top">
	<td align="left" class="row1" valign="top" style="width:600px"><span class="gensmall">
	{CURRENT_TIME}<br /></span><span class="nav"><a href="index.php" class="nav">Way2Allah.de - Islam Forum</a></span>
        </td>   
         <td class="row2" align="center" valign="middle" height="25">
         <a name="login"></a>
         <form style="display:inline;" method="post" action="{S_LOGIN_ACTION}"> 
      <table cellpadding="0" cellspacing="0" border="0" class="gensmall"> 
      <tr> 
         <td class="gensmall">{L_USERNAME}: </td> 
         <td><input class="post" type="text" name="username" size="10" /></td> 
         <td class="smallfont" nowrap="nowrap"><label for="autologin_in"><input class="text" type="checkbox" name="autologin" checked="checked" />{L_AUTO_LOGIN}</label></td> 
      </tr> 
      <tr> 
         <td class="gensmall">{L_PASSWORD}:</td> 
         <td><input class="post" type="password" name="password" size="10" maxlength="32" /></td> 
         <td><input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /></td> 
      </tr> 
      </table> 
</form> 
        </td> 
</tr>
</table>
<!-- END switch_user_logged_out -->


<!-- BEGIN switch_user_logged_in -->
<table width="100%" cellspacing="1" cellpadding="4" class="forumline" border="0" align="center">
  <tr valign="top">
	<td align="left" class="row1" valign="top" style="width:600px"><span class="gensmall">
	<!-- BEGIN switch_user_logged_in -->
	
	{LAST_VISIT_DATE}<br />
	
	<!-- END switch_user_logged_in -->
	
	{CURRENT_TIME}<br /></span><span class="nav">
	<a href="{U_INDEX}" class="nav">{L_INDEX}</a></span>
        </td>
 	<td align="center" class="row2" valign="middle" height="25">
	
	<table cellpadding="0" cellspacing="0" border="0" class="gensmall"> 
      	<tr> 
        <td class="gensmall">
	<img src="templates/subGreen/images/icon_mini_message.jpg" width="10" height="11" border="0" alt="Beiträge seit letztem login" hspace="3" /><a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a>
	</td>
	</tr>
	<tr>
	<td class="gensmall">
	<img src="templates/subGreen/images/icon_mini_message.jpg" width="10" height="11" border="0" alt="Eigene Beiträge" hspace="3" /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a>
	</td>
	</tr>
	<tr>
	<td class="gensmall">		
	<img src="templates/subGreen/images/icon_mini_message.jpg" width="10" height="11" border="0" alt="Unbeantwortete Beiträge" hspace="3" /><a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a>
	</td> 
  	</tr>
	</table>
        </td>
     </tr>
</table>
        
<!-- END switch_user_logged_in -->
<br />
Nach oben
naderaziz
Mitglied
Beiträge: 34
Registriert: 15.02.2007 04:06

Beitrag von naderaziz »

Hallo

ok hab da mal was geschaft und ist gar nicht mal so übel. Hab den Login aus dem Header entfernt und in die index_body gesteckt. Linke Spalte enthält nun Den Forums Index Link und darüber die aktuelle Uhrzeit und Datum. Obwohl die Uhrzeit irgendwie nicht stimmt....

Rechte Spalte enthällt den Login Bereich und nach dem einloggen erscheinen 3 Reihen mit den Beitragsinfos. Vor jeder Reihe befindet sich noch eine verkleinerte Grafik von der icon_mini_message. Sieht schon ganz passabel aus. Alles statisch nix verschiebt sich.

Nur leider komm ich mit dem Submit Button nicht klar. Hab versucht den ein bißchen zu stylen aber nix funktioniert. Weder mainoption noch liteoption oder button....

Wer noch was weiß oder ideen hat immer her damit!!!

Hier ist mal der code im index_Body

Code: Alles auswählen

<!-- BEGIN switch_user_logged_out --> 
<table width="100%" cellspacing="1" cellpadding="4" class="forumline" border="0" align="center">
  <tr valign="top">
	<td align="left" class="row1" valign="top" style="width:600px"><span class="gensmall">
	{CURRENT_TIME}<br /></span><span class="nav"><a href="index.php" class="nav">Way2Allah.de - Islam Forum</a></span>
        </td>   
         <td class="row2" align="center" valign="middle" height="25">
         <a name="login"></a>
         <form style="display:inline;" method="post" action="{S_LOGIN_ACTION}"> 
      <table cellpadding="0" cellspacing="0" border="0" class="gensmall"> 
      <tr> 
         <td class="gensmall">{L_USERNAME}: </td> 
         <td><input class="post" type="text" name="username" size="10" /></td> 
         <td class="smallfont" nowrap="nowrap"><label for="autologin_in"><input class="text" type="checkbox" name="autologin" checked="checked" />{L_AUTO_LOGIN}</label></td> 
      </tr> 
      <tr> 
         <td class="gensmall">{L_PASSWORD}:</td> 
         <td><input class="post" type="password" name="password" size="10" maxlength="32" /></td> 
         <td><input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /></td> 
      </tr> 
      </table> 
</form> 
        </td> 
</tr>
</table>
<!-- END switch_user_logged_out -->


<!-- BEGIN switch_user_logged_in -->
<table width="100%" cellspacing="1" cellpadding="4" class="forumline" border="0" align="center">
  <tr valign="top">
	<td align="left" class="row1" valign="top" style="width:600px"><span class="gensmall">
	<!-- BEGIN switch_user_logged_in -->
	
	{LAST_VISIT_DATE}<br />
	
	<!-- END switch_user_logged_in -->
	
	{CURRENT_TIME}<br /></span><span class="nav">
	<a href="{U_INDEX}" class="nav">{L_INDEX}</a></span>
        </td>
 	<td align="center" class="row2" valign="middle" height="25">
	
	<table cellpadding="0" cellspacing="0" border="0" class="gensmall"> 
      	<tr> 
        <td class="gensmall">
	<img src="templates/subGreen/images/icon_mini_message.jpg" width="10" height="11" border="0" alt="Beiträge seit letztem login" hspace="3" /><a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a>
	</td>
	</tr>
	<tr>
	<td class="gensmall">
	<img src="templates/subGreen/images/icon_mini_message.jpg" width="10" height="11" border="0" alt="Eigene Beiträge" hspace="3" /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a>
	</td>
	</tr>
	<tr>
	<td class="gensmall">		
	<img src="templates/subGreen/images/icon_mini_message.jpg" width="10" height="11" border="0" alt="Unbeantwortete Beiträge" hspace="3" /><a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a>
	</td> 
  	</tr>
	</table>
        </td>
     </tr>
</table>
        
<!-- END switch_user_logged_in -->
<br />
Nach oben
Valerie Raghnall
Mitglied
Beiträge: 3907
Registriert: 17.07.2002 14:03
Wohnort: Graz

Beitrag von Valerie Raghnall »

Hi,

uhmmm... was meinst du mit du kommst nicht klar? Was genau soll sich daran denn ändern?
A Bus Station is where buses stop. A Train Station is where trains stop. On my desk, there is a Work Station.
Nach oben
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:
Kontaktdaten von Dr.Death

Beitrag von Dr.Death »

@ naderaziz:
Bitte den phpBB Knigge beachten. Thema Bumping.
Nach oben
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“