Header verändern

frank1606 · Beitrag von **frank1606** » 19.10.2004 18:11

Hallo Markus

hier mal das Screenshot.
http://www.tierfreunde-forum.net/Forum01.gif
Das Bild sollte bis zum Rand gehen rechts wie Links.
Direkt unterdem Bild sollte die Buttomleiste sein.
So hatte ich es mir in etwa vorgestellt.
Falls du noch etwas brauchen solltest , melde dich

Vielen Dank Markus !

Beitrag von **Markus67** » 19.10.2004 21:39

Hi ...

- und wo sollen die ganzen Buttons hin ....
- so riesig soll der Banner werden ?

Na ich werde mal was basteln ... dann sehen wir weiter

Markus

frank1606 · Beitrag von **frank1606** » 19.10.2004 22:19

Hi

die Buttoms sollten direkt unter dem Bild sein.Nach möglichkeit Intregiert.
Wenn machbar

Beitrag von **Markus67** » 19.10.2004 22:25

Hi ...

Hast du für Intro, Portal und Index auch Buttons ?
Wo wurde bisher der Banner definiert ?

Markus

Beitrag von **Markus67** » 19.10.2004 22:46

Hi ...

hier mal die erste Version .... was muss jetzt noch verschoben werden ?

suche in der overall_header.tpl

Code: Alles auswählen

</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

alles was danach kommt mit diesem hier ersetzen ...

Code: Alles auswählen

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td align="center" width="100%" valign="middle">
				<img border="0" src="http://www.mitglied.lycos.de/collaris/forumtest.jpg" width="800" height="103"><table cellspacing="0" cellpadding="2" border="0" width="100%">
					<tr> 
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
        <table width="100%" border="0" cellpadding="1" cellspacing="1" style="border-collapse: collapse" class="forumline"> 
         <tr> 
         <td class="row1" align="center"><span class="gensmall" style="line-height:150%"><center>
			<a href="{U_ALBUM}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_album.gif" width="79" height="20" border="0" alt="{L_ALBUM}" hspace="3" /></a>&nbsp;
			<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="79" height="20" border="0" alt="{L_FAQ}" hspace="3" /></a></span><span class="mainmenu">&nbsp;
			<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="79" height="20" border="0" alt="{L_SEARCH}" hspace="3" /></a>&nbsp;
			<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="79" height="20" border="0" alt="{L_MEMBERLIST}" hspace="3" /></a>&nbsp;
			<a href="statistics.php" class="mainmenu"><img src="templates/subSilver/images/icon_mini_statistics.gif" width="79" height="20" border="0" alt="Statistics" hspace="3" /></a>&nbsp;
			<a href="{U_CALENDAR}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_calendar.gif" width="79" height="20" border="0" alt="{L_CALENDAR}" hspace="3" /></a>&nbsp; 
			<!-- BEGIN switch_user_logged_out -->
			<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="79" height="20" border="0" alt="{L_REGISTER}" hspace="3" /></a>&nbsp;
			<!-- END switch_user_logged_out -->
			<!-- BEGIN switch_report_list -->
			<a href="{switch_report_list.U_REPORT_LIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_report_list.gif" width="79" height="20" border="0" alt="{switch_report_list.L_REPORT_LIST}" hspace="3" /></a>&nbsp;
			<!-- END switch_report_list -->
			<!-- BEGIN switch_user_logged_in -->
			<a href="javascript:Chat()" class="mainmenu"><img src="templates/subSilver/images/icon_mini_chat.gif" width="79" height="20" border="0" alt="Chat" hspace="3" /></a>&nbsp;
			<!-- END switch_user_logged_in -->
			</td>
			</tr>
		  <tr>
              </td>
				</tr>
					<tr>
						<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;
						<!-- Begin Map Mod -->
						<a href="{U_USER_MAP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_map.GIF" width="79" height="20" border="0" align="top" alt="{L_USER_MAP}" hspace="3" /></a>&nbsp;
						<!-- End Map Mod -->
						<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="79" height="20" border="0" alt="{L_PROFILE}" hspace="3" /></a>&nbsp;
						<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="79" height="20" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></a>&nbsp;
						<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="79" height="20" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>&nbsp;
						<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_logout.gif" width="79" height="20" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>&nbsp;
						<a href="{U_IMAGERESIZE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_imagersitze.gif" width="79" height="20" border="0" alt="{L_IMAGERESIZE}" hspace="3"></a></span></td>
				  </tr>
                 
<!-- Schon Gewusst -->
<br />
<table border="0" align="center" cellpadding="4" cellspacing="0" class="forumline">
<tbody>
   <tr>
      <th class="thHead">&nbsp;Bannertausch &nbsp;</th>
   </tr>
   <tr>
      <td class="row{ZNUMBER}"><span class="gen">&nbsp;{ZMESSAGE}&nbsp;</span></td>
   </tr>
</tbody>
</table>
<!-- Schon Gewusst -->
					<tr>
						<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<img src="templates/subSilver/images/icon_mini_profile.gif" width="0" height="0" border="0" hspace="3" />{MEETING_LINK}&nbsp;</span></td>
					</tr>
<!-- Intro + Portal MOD START -->
<!-- BEGIN switch_introportalmod_disable -->
<tr>
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><b>&nbsp;<a href="{U_IntroPortalMOD1}">{L_IntroPortalMOD1}</a>&nbsp;   &nbsp;<a href="{U_IntroPortalMOD2}">{L_IntroPortalMOD2}</a>&nbsp;   &nbsp;<a href="{U_IntroPortalMOD3}">{L_IntroPortalMOD3}</a>&nbsp;</b></span></td>
</tr>
<!-- END switch_introportalmod_disable -->
<!-- Intro + Portal MOD END -->

Markus

frank1606 · Beitrag von **frank1606** » 20.10.2004 22:50

Hallo Markus

das ging aber fix

Vielen Dank.
Was du da gebastellt hast passt , finde aber da fehlt noch was

Schau dir das mal an.
Die Buttomreihe gefällt mir noch nicht so ganz

Gruß
Frank

Beitrag von **Markus67** » 21.10.2004 23:35

Hi ...

Wie ich ja geschrieben habe ... erstmal ein Anfang ... da ich nicht so genau wusste was wohin

Falls du das grau in der 1. Zeile der Buttons meinst ...

suche in der overall_header.tpl

Code: Alles auswählen

         <td class="row1" align="center"><span class="gensmall" style="line-height:150%"><center>

ersetze mit:

Code: Alles auswählen

         <td align="center"><span class="gensmall" style="line-height:150%"><center>

Den Banner würde ich aber ein bischen schmaler mache ... der drückt das Forum zu sehr in die Breite und es gibt Scrollbalken ....

Was fehlt noch bzw. was sollte noch geändert werden ?

Markus

frank1606 · Beitrag von **frank1606** » 23.10.2004 23:05

Hallo Markus

hab den Banner etwas kleiner gemacht.
Da wo die Buttoms sind kann mann das Weisse in das Blau umändern? Meine den Hintergrund von dem Kasten von den Buttoms.
Und allgemein finde ich das da zuviel weiss drinnen ist.
Vielen Dank.

Beitrag von **Markus67** » 23.10.2004 23:14

Hi ...

Sieht schon besser aus mit dem kleineren Banner ...

Um das weiß wegzubekommen suche in der css-Datei folgende Einträge und bearbeite "background-color" :

Code: Alles auswählen

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid; }

.bodyline ist ist der äussere Rahmen
.forumline ist der innere Rahmen
Und mit den Hintergrundfarben wird eben der Hintergrund innerhalb dieses Rahmen definiert.

Markus

frank1606 · Beitrag von **frank1606** » 25.10.2004 15:32

Vielen Dank Markus für deine Hilfe !!!