Farbe des Avatarfeldes anpassen.

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.
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Farbe des Avatarfeldes anpassen.

Beitrag von rockford »

Hallo zusammen,

wie der Titel schon sagt, möchte ich die Farbe des Feldes anpassen in dem sich das Avatar befindet.

Ich habe versucht in der viewtopic_body.tpl nach Avatar zu suchen. Gefunden hab ich auch was. Dann hab ich versucht dort <td color=""> mit einzufügen. Aber da passiert gar nichts.

Was muß ich machen?
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

in der viewtopic_body.tpl bist du schon richtig. Um welchen Style geht es denn? Kannst du die viewtopic_body.tpl mal verlinken und eventuell einen Screenshot dazu machen damit man sieht wie es jetzt aussieht?

Markus
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Beitrag von rockford »

Hi Markus,



hier die viewtopic_body.tpl:

Code: Alles auswählen

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr> 
	<td align="left" valign="bottom" colspan="2"><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><br />
	  <font><b>{PAGINATION}</b><br />
	  &nbsp; </font></td>
  </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr> 
	<td align="left" valign="bottom" nowrap="nowrap"><font><a class="imagen" href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}" class="imagen"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></font></td>
	<td align="left" valign="middle" width="100%"><font>&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}">{L_INDEX}</a> 
	  -> <a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></font></td>
  </tr>
</table>

<table width="100%" cellspacing="0" cellpadding="1" border="0">
	<tr align="right">
		<td colspan="2"><font><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> &nbsp;</font></td>
	</tr>
	{POLL_DISPLAY} 
	<tr>
		<th nowrap="nowrap"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="47" height="15"><img src="templates/esbardu/images/menu_izq.png" alt=""></td>
    <td height="15" class="negro">{L_AUTHOR}&nbsp;</td>
    </tr></table></th>

		<th nowrap="nowrap"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="15" class="negro">&nbsp;{L_MESSAGE}</td><td width="14" height="15"><img src="templates/esbardu/images/menu_der.png" alt=""></td></tr></table></th>
	</tr>
	<!-- BEGIN postrow -->
	<tr> 
		<td color="#000000" width="150" align="left" valign="top" class="gris1"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b><br />{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_GENDER}<br /> {postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}<br />{postrow.CASH}<br /></td>
		<td class="gris2" width="100%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="100%" class="gris2"><a href="{postrow.U_MINI_POST}" class="imagen"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><font>{L_POSTED}: {postrow.POST_DATE}&nbsp;&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</font></td>
				<td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
			</tr>
			
			<tr>
				<td colspan="2"><font><br>{postrow.MESSAGE}{postrow.SIGNATURE}{postrow.EDITED_MESSAGE}</font></td>
			</tr>
		</table></td>
	</tr>
	<tr> 
		<td class="gris2" width="150" align="left" valign="middle"><a href="#top">{L_BACK_TO_TOP}</a></td>
		<td class="gris2" width="100%" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
			<tr> 
				<td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG}<br>{postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!-- 

	if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
		document.write(' {postrow.ICQ_IMG}');
	else
		document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
				
				//--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
			</tr>
		</table></td>
	</tr>
	<tr> 
		<td class="categoria" colspan="2" height="2"><img src="templates/esbardu/images/spacer.gif" alt="" width="1" height="2" /></td>
	</tr>
	<!-- END postrow -->
	<tr align="center"> 
		<td class="categoria" colspan="2"><table cellspacing="0" cellpadding="0" border="0">
			<tr><form method="post" action="{S_POST_DAYS_ACTION}">
				<td align="center"><font>{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS}&nbsp;{S_SELECT_POST_ORDER}&nbsp;<input type="submit" value="{L_GO}" name="submit" /></font></td>
			</form></tr>
		</table></td>
	</tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
  <tr> 
	<td align="left" valign="middle" nowrap="nowrap"><a href="{U_POST_NEW_TOPIC}" class="imagen"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}" class="imagen"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></td>
	<td align="left" valign="middle" width="100%"><font>&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}">{L_INDEX}</a> 
	  -> <a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></font></td>
	<td align="right" valign="top" nowrap="nowrap"><font>{S_TIMEZONE}<br />{PAGINATION}</font> 
	  </td>
  </tr>
  <tr>
	<td align="left" colspan="3"><font>{PAGE_NUMBER}</font></td>
  </tr>
</table>

<table width="100%" cellspacing="2" border="0" align="center">
  <tr> 
	<td width="40%" valign="top" nowrap="nowrap" align="left"><font>{S_WATCH_TOPIC}<br />
	  &nbsp;<br />
	  {S_TOPIC_ADMIN}</font></td>
	<td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<font>{S_AUTH_LIST}</font></td>
  </tr>
</table>

und hier die Grafik:


[ externes Bild ]


Das Feld mit den Avataren hebt sich kaum ab. Ich würde Ihm gerne einen dezenten Ton geben.
Außerdem habe ich gedacht die Reihenfolge der Felder zu ändern.
Am liebsten wäre mir, die linke Seite mit den Links und den Infos einfach ganz nach rechts zu packen. Dann wären die Avatare auch nicht so eingesperrt.


Gruß
rock
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

ersetze

Code: Alles auswählen

   <!-- BEGIN postrow --> 
   <tr> 
      <td color="#000000" width="150" align="left" valign="top" class="gris1"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b><br />{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_GENDER}<br /> {postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}<br />{postrow.CASH}<br /></td>
mit:

Code: Alles auswählen

   <!-- BEGIN postrow --> 
   <tr> 
      <td color="#000000" width="150" align="left" valign="top" class="gris1"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b><br />{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}<br />
      		<table border="0" width="100%" cellspacing="0" cellpadding="4" bgcolor="#C0C0C0">
				<tr>
					<td>{postrow.POSTER_AVATAR}</td>
				</tr>
			</table>
		<br />{postrow.POSTER_GENDER}<br /> {postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}<br />{postrow.CASH}<br /></td> 
Ich weiss jetzt nicht ob es in dem Stylesheet solche Definitionen wie Forumline oder Bodyline gibt und auch wie die dann letztendlich aussehen .. deshalb habe ich jetzt mal den Avatar in eine separate Tabelle gepackt und dort die Hintergrundfarbe definiert.

Meinst du mit der linken Spalte die komplette Navigation (also ganz links)?

Markus
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Beitrag von rockford »

Markus67 hat geschrieben:
Meinst du mit der linken Spalte die komplette Navigation (also ganz links)?

Alles was sich links von der gepunkteten Linie befindet.
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Beitrag von rockford »

Das hat leider nicht funktioniert. Jetzt sind die die Avatare zwar grau hinterlegt, der Rest dieser Spalte aber nicht. :(
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Und das soll alles komplett nach rechts ?
Dann bräuchte ich doch mal einen Link zu deinem Forum.

Markus
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Beitrag von rockford »

Der Style ist allerdings noch nicht als Standart definiert. Man muß Ihn noch auswählen.

http://www.fetishlounge.de/club-bizarr/phpBB2/index.php
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

erstelle erstmal von deiner overall_header.tpl und overall_footer.tpl jeweils eine Sicherungskopie.

Danach öffne die overall_header.tpl und ersetze diese komplett mit der hier ...

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<title>{SITENAME} :: {PAGE_TITLE}</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset={S_CONTENT_ENCODING}">
<meta HTTP-EQUIV="EXPIRES" CONTENT="0">
<meta NAME="RESOURCE-TYPE" CONTENT="DOCUMENT">
<meta NAME="DISTRIBUTION" CONTENT="GLOBAL">
<meta NAME="AUTHOR" CONTENT="Esbardu">
<meta NAME="COPYRIGHT" CONTENT="Copyright (c) 2004 by Esbardu">
<meta NAME="KEYWORDS" CONTENT="Esbardu, gaita, asturies">
<meta NAME="DESCRIPTION" CONTENT="Hestoria y datos de la Asociación Cultural Esbardu">
<meta NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
<meta NAME="REVISIT-AFTER" CONTENT="1 DAYS">
<meta NAME="RATING" CONTENT="GENERAL">
<link REL="stylesheet" TYPE="text/css" HREF="templates/esbardu/{T_HEAD_STYLESHEET}">

<link REL="icon" HREF="templates/esbardu/images/esbardu_icon.png" TYPE="image/png">

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->

</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  	<tr>
    	<td>
      		<table width="100%" border="0" cellspacing="0" cellpadding="0">
        		<tr>
    				<td width="120" class="titular"><a href="http://www.fetishlounge.de/club-bizarr/phpBB2/index.php"><img src="templates/esbardu/images/logo_top.jpg" height="71" width="120" alt="Esbardu" title="Esbardu" border="0"></a></td>
    				<td width="100%" class="titular" align="center">
						<!-- YOUR BANNER HERE -->
						<a href="http://www.fetishlounge.de/club-bizarr/phpBB2/index.php"><img src="logo.jpg" alt="Fetish-Club---Das Fussfetisch-Forum von www.fetishlounge.de" width="520" height="60"></a>
						<!-- YOUR BANNER HERE -->
					</td>
	  			</tr>
  				<tr>
    				<td height="15" width="120" class="negro" valign="top"><a href="http://www.esbardu.org"><img src="templates/esbardu/images/logo_pie.jpg" height="15" width="120" alt="Esbardu" title="Esbardu" border="0"></a></td>
    				<td width="100%" class="negro">{PAGE_TITLE}</td>
  				</tr>
		  	</table>
		</td>
  	</tr>
  	<tr>
    	<td>
      		<table width="100%" border="0" cellspacing="0" cellpadding="0">
        		<tr>
          			<td class="tablanca">
		  				<table width="100%" border="0" cellspacing="10" cellpadding="0">
  							<tr>
   								<td width="80%" align="center" valign="top">
öffne die overall_footer.tpl und ersetze sie komplett mit der hier ....

Code: Alles auswählen

				</td>
				<td width="15%" class="bordpunt" valign="top">
					<table width="100%" border="0" cellspacing="5" cellpadding="0">
                    	<tr>
                      		<td class="bordpunt2">
								<table width="100%" border="0" cellspacing="5" cellpadding="0">
  									<tr>
    									<td>
											<table width="100%" border="0" cellspacing="0" cellpadding="0">
  												<tr>
    												<td width="47" height="15"><img src="templates/esbardu/images/menu_izq.png" alt=""></td>
    												<td class="negro" height="15">Menú</td>
    												<td width="14" height="15"><img src="templates/esbardu/images/menu_der.png" alt=""></td>
												</tr>
											</table>
										</td>
  									</tr>
  									<tr>
    									<td><a class=navigation href="{U_FAQ}">{L_FAQ}</a>
        									<a class=navigation href="{U_SEARCH}">{L_SEARCH}</a>
									        <a class=navigation href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
									        <a class=navigation href="{U_GROUP_CP}">{L_USERGROUPS}</a>
									        <!-- BEGIN switch_user_logged_out -->
									        <a class=navigation href="{U_REGISTER}">{L_REGISTER}</a>
									        <!-- END switch_user_logged_out -->
									        <a class=navigation href="{U_PROFILE}">{L_PROFILE}</a>
									        <a class=navigation href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
									        <a class=navigation href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a>
									        <a class=navigation href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
										</td>
  									</tr>
								</table>					  
							</td>
                    	</tr>
						<tr>
							<td class="bordpunt2">
								<!-- BEGIN switch_user_logged_out -->
								<form method="post" action="{S_LOGIN_ACTION}">
									<table width="100%" border="0" cellspacing="5" cellpadding="0">
  										<tr>
    										<td>
												<table width="100%" border="0" cellspacing="0" cellpadding="0">
  													<tr>
    													<td width="47" height="15"><img src="templates/esbardu/images/menu_izq.png" alt=""></td>
    													<td class="negro" height="15"><a name="login"></a>{L_LOGIN_LOGOUT}</td>
    													<td width="14" height="15"><img src="templates/esbardu/images/menu_der.png" alt=""></td>
	  												</tr>
												</table>
											</td>
  										</tr>
  										<tr>
    										<td>
												<table width="100%" cellpadding="2" cellspacing="1" border="0">
													<tr>
												    	<td align="center" valign="middle"><font>{L_USERNAME}:<br> 
															<input type="text" name="username" size="10" /></font></td>
  													</tr>
  													<tr>
													     <td align="center" valign="middle"><font>{L_PASSWORD}:<br> 
															<input type="password" name="password" size="10" /></font>
														 </td>
													</tr>
   													<tr>
     													<td align="center" valign="middle"><font>{L_AUTO_LOGIN}   <input class="check" type="checkbox" name="autologin" /></font>
     													</td>
													</tr>
   													<tr>
     													<td align="center" valign="middle"><font><input type="submit" name="login" value="{L_LOGIN}"></font>
	 													</td>
  													</tr>
												</table>
											</td>
  										</tr>
									</table>					  
									</form>
									<!-- END switch_user_logged_out -->
								</td>
							</tr>
							<tr>
		                    	<td>
									<table width="100%" border="0" cellspacing="5" cellpadding="0">
  										<tr>
    										<td>
												<table width="100%" border="0" cellspacing="0" cellpadding="0">
  													<tr>
    													<td width="47" height="15"><img src="templates/esbardu/images/menu_izq.png" alt=""></td>
    													<td class="negro" height="15">Info</td>
    													<td width="14" height="15"><img src="templates/esbardu/images/menu_der.png" alt=""></td>
  													</tr>
												</table>
											</td>
  										</tr>
  										<tr>
    										<td align="center"><font>Dieses Design ist noch nicht funktionsfähig! Bitte wählen Sie ein anderes.<br><hr>
												<a class="imagen" href="http://www.phpbb-design.com/en" target="_blank"><img src="templates/esbardu/images/phpBB-design.gif" border="0" alt="Design for phpBB" title="Design for phpBB"></a></font><br><br>
												<a class="imagen" href="http://www.altuxa.com" target="_blank"><img border="0" src="templates/esbardu/images/boton_altuxa.png" alt="Design by Altuxa Internet Ensemble" title="Design by Altuxa Internet Ensemble"></a><br><br>
												<a class="imagen" href="http://www.phpbb.com" target="_blank"><img src="templates/esbardu/images/phpBB_88a.gif" border="0" alt="Powered by phpBB2" title="Powered by phpBB2"></a></font><br><br>
												<a class="imagen" href="http://validator.w3.org/" target="_blank"><img border="0" src="valid-html401.PNG" alt="Valid HTML 4.01!" height="31" width="88"></a><br><br>
												<a class="imagen" href="http://jigsaw.w3.org/css-validator/" target="_blank"></a>
											</td>
  										</tr>
									</table>					  
								</td>
                    		</tr>
					</table>
                </td>


  			</tr>
		</table>
	</td>
  </tr>
</table>
 </td>
	</tr>
</table>
<br>{ADMIN_LINK}<br>
<!--
	We request you retain the full copyright notice below including the link to www.phpbb.com.
	This not only gives respect to the large amount of time given freely by the developers
	but also helps build interest, traffic and use of phpBB 2.0. If you cannot (for good
	reason) retain the full copyright we request you at least leave in place the 
	Powered by phpBB {PHPBB_VERSION} line, with phpBB linked to www.phpbb.com. If you refuse
	to include even this then support on our forums may be affected. 

	The phpBB Group : 2004
// -->
<center>Mehr als nur bizarrer Kram....</center><hr>
<font>Powered by <a href="http://www.phpbb.com/" target="_blank">phpBB</a> {PHPBB_VERSION} &copy; 2001, 2005 phpBB Group<br><a href="http://www.fetishlounge.de/" target="_blank">www.fetishlounge.de </a>sagt Danke phpBB<br></font>
  			<table width="100%" border="0" cellspacing="0" cellpadding="0">
        			<tr>
    					<td width="100%" class="copy" align="right">&copy by www.fetishlounge.de</td>
          				<td height="15" width="120" class="copy" valign="bottom"><img src="templates/esbardu/images/copy.png" height="15" width="120" alt=""></td>
  					</tr>
				</table>  
</body>
</html>
öffne die esbardu.css und suche:

Code: Alles auswählen

.bordpunt {border-right: #238c13 2px dotted;}
ersetze mit:

Code: Alles auswählen

.bordpunt {border-left: #238c13 2px dotted;}
Das sollte es gewesen sein :wink:

Markus
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Beitrag von rockford »

Hi...

das geht schon mal verdammt hart in die Richtung. Sogar an die Punkte hast Du gedacht.

Jedoch funktioniert die footer nicht korrekt. Sie selbst.

[ externes Bild ]


Wie man das repariert weiß ich echt nicht.
Antworten

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