Zum Inhalt springen

Hintergrundbild & Update

Erstellt am 7. Mai 2004 · 1 Antwort · letzte Antwort am 7. Mai 2004

Tags: Frage

dfusion ·

Hallo zusammen,
ich bin nun leider an einen Punkt angelangt, wo ich mit die Haare raufen könnte... Sitze nun schon Nächtelang an dem gleichen Problem und komme nicht mehr weiter.
Ich möchte gerne ein Hintergrundbild für meine Seite definieren, leider bekomme ich es im Template weder über den body, noch über das CSS hin. Wo bekomme ich Hintergrundbild oder Hintergrundfarbe festgelegt, so dass diese auch angezeigt wird?

Page: http://www.pulp-duisburg.de/cms

Template Code:

<html>
<head>
<title>PULP Eventschloss v.2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ###HEADER_DATA### begin-->
<style type="text/css">

:link {text-decoration: none ;color: #FFFFFF;}
:visited {text-decoration: none ;color: #FFFFFF;}
:active {text-decoration: none ;color: #FFFFFF;}
:hover {text-decoration: underline ;color: #CC33FF;}
.Stil2 {
	font-size: 9px;
	font-weight: bold;
}
.Stil3 {font-size: 9px}
.Stil4 {font-size: 14px}
.Stil6 {font-size: 10px}
.Stil7 {font-size: 12px}

.Stil8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
}
.background {
	background-image: url(media/uploads/crcph/bilder/bg_all.gif);
	background-color: #4B5962;
}
</style>
<!-- ###HEADER_DATA### end -->
</head>

<body class="background" bgcolor="#4B5962" background="media/uploads/crcph/bilder/bg_all.gif">
<!-- ###DOCUMENT_BODY### start-->
<table width="798" border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="newpulp.png" fwbase="spacer.jpg" fwstyle="Dreamweaver" fwdocid = "1751752458" fwnested="0" -->
  <tr>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="301" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="163" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="53" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="2" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="60" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="2" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="57" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="2" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="66" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="2" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="90" height="1" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="1" height="1" border="0" alt=""></td>
  </tr>

  <tr>
   <td colspan="11"><img name="spacer_r1_c1" src="media/uploads/crcph/bilder/spacer_r1_c1.jpg" width="798" height="5" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="1" height="5" border="0" alt=""></td>
  </tr>
  <tr>
   <td><img name="spacer_r2_c1" src="media/uploads/crcph/bilder/spacer_r2_c1.jpg" width="301" height="32" border="0" alt=""></td>
   <td><img name="spacer_r2_c2" src="media/uploads/crcph/bilder/spacer_r2_c2.jpg" width="163" height="32" border="0" alt=""></td>
   <td><a href="index.php?id=6" target="_top"><img name="spacer_r2_c3" src="media/uploads/crcph/bilder/spacer_r2_c3.jpg" width="53" height="32" border="0" alt=""></a></td>
   <td><img name="spacer_r2_c4" src="media/uploads/crcph/bilder/spacer_r2_c4.jpg" width="2" height="32" border="0" alt=""></td>
   <td><a href="index.php?id=27" target="_top"><img name="spacer_r2_c5" src="media/uploads/crcph/bilder/spacer_r2_c5.jpg" width="60" height="32" border="0" alt=""></a></td>
   <td><img name="spacer_r2_c6" src="media/uploads/crcph/bilder/spacer_r2_c6.jpg" width="2" height="32" border="0" alt=""></td>
   <td><a href="index.php?id=20" target="_top"><img name="spacer_r2_c7" src="media/uploads/crcph/bilder/spacer_r2_c7.jpg" width="57" height="32" border="0" alt=""></a></td>
   <td><img name="spacer_r2_c8" src="media/uploads/crcph/bilder/spacer_r2_c8.jpg" width="2" height="32" border="0" alt=""></td>
   <td><a href="index.php?id=2" target="_top"><img name="spacer_r2_c9" src="media/uploads/crcph/bilder/spacer_r2_c9.jpg" width="66" height="32" border="0" alt=""></a></td>
   <td><img name="spacer_r2_c10" src="media/uploads/crcph/bilder/spacer_r2_c10.jpg" width="2" height="32" border="0" alt=""></td>
   <td><a href="index.php?id=39" target="_top"><img name="spacer_r2_c11" src="media/uploads/crcph/bilder/spacer_r2_c11.jpg" width="90" height="32" border="0" alt=""></a></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="1" height="32" border="0" alt=""></td>
  </tr>
  <tr>
   <td><img name="spacer_r3_c1" src="media/uploads/crcph/bilder/spacer_r3_c1.jpg" width="301" height="65" border="0" alt=""></td>
   <td colspan="3"><img name="spacer_r3_c2" src="media/uploads/crcph/bilder/spacer_r3_c2.jpg" width="218" height="65" border="0" alt=""></td>
   <td colspan="7"><img name="spacer_r3_c5" src="media/uploads/crcph/bilder/spacer_r3_c5.jpg" width="279" height="65" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="1" height="65" border="0" alt=""></td>
  </tr>
  <tr>
   <td><img name="spacer_r4_c1" src="media/uploads/crcph/bilder/spacer_r4_c1.jpg" width="301" height="29" border="0" alt=""></td>
   <td colspan="3"><img name="spacer_r4_c2" src="media/uploads/crcph/bilder/spacer_r4_c2.jpg" width="218" height="29" border="0" alt=""></td>
   <td colspan="7"><img name="spacer_r4_c5" src="media/uploads/crcph/bilder/spacer_r4_c5.jpg" width="279" height="29" border="0" alt=""></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="1" height="29" border="0" alt=""></td>
  </tr>
  <tr>
    <td colspan="11" valign="top" bgcolor="#4B5962">
<table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="121" align="left" valign="top"> 
            <table width="100" border="0" cellpadding="0" cellspacing="0" align="top">
              <!-- ###SUB_MENU### start
		This surrounds all the menuitems, substituted with the dynamic menu
	-->
              <!-- ###SUB_MENU_ITEM### begin
		This is a single menu item
	 -->
              <tr>
           <td width="121" height="25" align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
             <!--###LINK###-->
             </font><font face="Verdana, Arial, Helvetica, sans-serif"><span class="Stil6">###MENU_TITLE###</span></font><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
             <!--###LINK###-->
           </font></td>
           <td height="25" align="right" width="16"><img src="media/uploads/crcph/pil.gif" width="3" height="5" alt="" /></td>
         </tr>
         <tr bgcolor="#D6D3CE">
           <td colspan="2" align="right"><img src="clear.gif" width="1" height="1" alt="" /></td>
         </tr>
         <!-- ###SUB_MENU_ITEM### end -->
         <!-- ###SUB_MENU_ITEM_ACT### begin
		This is a single menu item, active mode
	 -->
         <tr>
           <td height="25" align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
             <!--###LINK###-->
             </font><font face="Verdana, Arial, Helvetica, sans-serif"><span class="Stil3"><strong>###MENU_TITLE###</strong></span></font><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
             <!--###LINK###-->
           </font></td>
           <td height="25" align="right" width="16"><img src="media/uploads/crcph/pil.gif" width="3" height="5" alt="" /></td>
         </tr>
         <tr bgcolor="#D6D3CE">
           <td colspan="2" align="right"><img src="clear.gif" width="1" height="1" alt="" /></td>
         </tr>
         <!-- ###SUB_MENU_ITEM_ACT### end -->
         <!-- ###SUB_MENU### end -->
       </table>
          </td>
          <td width="100%" align="left" valign="top">
<table width="93%" border="0" align="center" cellpadding="2" cellspacing="2">
              <tr>
                <td height="100%" valign="top"> 
                  <!-- ###SUB_CONTENT### start
	
	This indicates the main content area
	
	-->
                  <!-- ###SUB_HEADER1### 
	
	This is the layout of header type 1
	
	-->
                  <table width="100%" border="0" cellspacing="2" cellpadding="0">
               <tr>
                 <td><span class="Stil4"><font face="Verdana, Arial, Helvetica, sans-serif" color="#999999">###MARK_HEADER###</font></span></td>
               </tr>
               <tr>
                 <td bgcolor="#D6D3CE"><img src="clear.gif" width="1" height="1" alt="" /></td>
               </tr>
               <tr>
                 <td><img src="clear.gif" width="1" height="20" alt="" /></td>
               </tr>
             </table>
             <!-- ###SUB_HEADER1### -->
             <!-- ###SUB_CONTENT### end -->
           </td>
         </tr>
       </table>
          </td>
          <td width="111" align="right" valign="top"> 
            <table width="110" border="0" align="left" cellpadding="2" cellspacing="2">
              <tr>
                <td width="150" valign="top"> 
                  <!-- ###SUB_CONTENT_MARGIN### begin 
	
		Secondary content...
		
	-->
                  <!-- ###SUB_HEADER2### 
	
	This is the layout of header type 2
	
	-->
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr >
                      <td align="left"><span class="Stil2"><font face="Verdana, Arial, Helvetica, sans-serif">###MARK_HEADER###</font></span></td>
               </tr>
               <tr>
                      <td align="left"><img src="clear.gif" width="1" height="4" alt="" /></td>
               </tr>
               <tr>
                      <td align="left" bgcolor="#B5BECE"><img src="clear.gif" width="1" height="1" alt="" /></td>
               </tr>
               <tr>
                      <td align="left"><img src="clear.gif" width="1" height="4" alt="" /></td>
               </tr>
             </table>
             <!-- ###SUB_HEADER2### -->
             <!-- ###SUB_L2MENU### start	-->
             <table width="100%" border="0" cellspacing="2" cellpadding="2">
               <!-- ###SUB_L2MENU_ALLITEMS### start	-->
               <!-- ###SUB_L2MENU_ITEM### start	-->
               <tr>
                 <td><img src="media/uploads/crcph/pil2.gif" width="3" height="9" alt="" /></td>
                 <td align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
                   <!--###LINK###-->
                   </font><font face="Verdana, Arial, Helvetica, sans-serif"> <span class="Stil6">###MENU_TITLE###</span></font>  <font face="Verdana, Arial, Helvetica, sans-serif" size="1">
                   <!--###LINK###-->
                 </font></td>
               </tr>
               <!-- ###SUB_L2MENU_ITEM### end	-->
               <!-- ###SUB_L2MENU_ITEM_ACT### start	-->
               <tr>
                 <td><img src="media/uploads/crcph/pil2.gif" width="3" height="9" alt="" /></td>
                 <td align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
                   <!--###LINK###-->
                   </font><font face="Verdana, Arial, Helvetica, sans-serif"><span class="Stil3"><strong>###MENU_TITLE###</strong></span></font><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
                   <!--###LINK###-->
                 </font></td>
               </tr>
               <!-- ###SUB_L2MENU_ITEM_ACT### end	-->
               <!-- ###SUB_L2MENU_ALLITEMS### end -->
             </table>
                  <!-- ###SUB_L2MENU### end -->
                  <!-- ###SUB_CONTENT_MARGIN### end -->
                </td>
         </tr>
       </table></td>
     </tr>
   </table></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="1" height="352" border="0" alt=""></td>
  </tr>
  <tr>
   <td><img name="spacer_r6_c1" src="media/uploads/crcph/bilder/spacer_r6_c1.jpg" width="301" height="17" border="0" alt=""></td>
   <td colspan="3"><img name="spacer_r6_c2" src="media/uploads/crcph/bilder/spacer_r6_c2.jpg" width="218" height="17" border="0" alt=""></td>
    <td colspan="7" bgcolor="#4B5962" id="lastUpdate"> 
      <p class="Stil7 Stil8">LAST UPDATE:</p></td>
   <td><img src="media/uploads/crcph/bilder/spacer.gif" width="1" height="17" border="0" alt=""></td>
  </tr>
</table>
<!-- ###DOCUMENT_BODY### end -->
</body>
</html>

Dann mein nächstes Probem, ich möchte gerne das Datum und die Zeit des letzten HP Updates im Fuß anzeigen lassen. Wenn ich nun "Automatic "Last update" anstelle, wird mir das einfach mitten in die Page am Ende des Inhaltstextes geschrieben. Ich hätte das aber gerne dort wo bereits "LAST UPDATE:" steht.

Und gibt es ein howto für die ganzen Befehle die man in ein Template einbauen kann? Ich komme mit den Constants & Setup noch nicht so ganz klar...

Dann noch das Letze was mir momentan Kopfzerbrechen bereitet ist, dass die Page immer in Voller Bildschirmhöhe "high="100%" angezeigt werden soll. Kann mir jemand sagen wo cih in meinem Template einen Fehler gemacht habe, bzw. wo ich das eventuell im Backend einstellen kann?

Schon mal vielen Dank für alle Antworten und euch ein schönes Wochenende! Ich werde mich weiter mit der Page rumschlagen 😉

Gruß, Daniel

TW ·

hi
also für dich gibt es das komplett paket an diesen stellen:
http://www.typo3-for-the.net/tutorials.0.html
http://www.typo3-for-the.net/downloads.0.html

du musst dich was da einlesen.......
im tutorial bereich steht wohl alles drinnen was du brauchst...

ps: den body bereich immer im setup deines templates konfigurieren!
weil typo3 das sonst nicht nimmt.....

page.headerData.5 = TEXT 
page.headerData.5.value = <script type="text/javascript" src="fileadmin/js/main.js" language="JavaScript"></script> 
page.stylesheet = fileadmin/general.css 
page.bodyTag = <body leftmargin="8" topmargin="15" marginwidth="8" marginheight="15" bgcolor="#FFFFFF">

hier wird als beispiel ein javascript und eine css eingebunden....
ähnlich läuft es derweil mit nem hintergrundbild

cu
thorsten