Banner "strecken"

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
gabbereckhard
Mitglied
Beiträge: 64
Registriert: 26.06.2006 14:12

Banner "strecken"

Beitrag von gabbereckhard »

Sorry wenn ich mit meinen vielen Fragen nerve..
aber... :lol:

geht mal wieder um computer-brain.de
den Banner habe ich in drei Teile geteilt!

[ externes Bild ]

[ externes Bild ]

[ externes Bild ]


Wie kann ich es einrichten das sich der Banner über den ganzen Header erstreckt?

Hier der Quellcode!

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<style type="text/css">
.centerNoBorder {
border: 0px
padding: 0px;
margin: 0px;
text-align: center;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{computer-brain.de} :: {computer-brain.de}</title>
<link rel="stylesheet" href="templates/SmoothBlue/{T_HEAD_STYLESHEET}" type="text/css" />
<!-- 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 -->
<script language="JavaScript" type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onload="MM_preloadImages('templates/SmoothBlue/images/site/nav/buttons/home_on.gif','templates/SmoothBlue/images/site/nav/buttons/faq_on.gif','templates/SmoothBlue/images/site/nav/buttons/search_on.gif','templates/SmoothBlue/images/site/nav/buttons/memberlist_on.gif','templates/SmoothBlue/images/site/nav/buttons/usergroups_on.gif','templates/SmoothBlue/images/site/nav/buttons/profile_on.gif','templates/SmoothBlue/images/site/nav/buttons/register_on.gif','templates/SmoothBlue/images/site/nav/buttons/messages_on.gif','templates/SmoothBlue/images/site/nav/buttons/login_on.gif','templates/SmoothBlue/images/site/nav/buttons/logout_on.gif')">
<a name="top"></a>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="white">
  <tr> 
    <td class="siteleft">&nbsp;</td>
    <td align="center" valign="top"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td align="center" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td height="20" class="sitegrey">&nbsp;</td>
              </tr>
              <tr> 
                <td><table width="0%" border="0" cellspacing="0" cellpadding="0">
                    <tr> 
           <center><img src="http://computerbrain.drition.net/1.gif" /><img src="http://computerbrain.drition.net/2.gif" /><img src="http://computerbrain.drition.net/3.gif" /></center></td>
                      </td>
                    </tr>
                  </table></td>
              </tr>
              <tr> 
                <td height="39" align="center" valign="middle" class="sitegrey">
                  <table width="90%" border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="1" align="left" class="navbg" valign="top"><img src="templates/SmoothBlue/images/site/nav/left.gif" alt="" width="12" height="25" /></td>
    <td align="center" valign="middle" class="navbg" height="25">
<a href="{U_INDEX}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','templates/SmoothBlue/images/site/nav/buttons/home_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/home_off.gif" alt="{L_INDEX}" name="Home" width="25" height="25" hspace="5" border="0" id="Home" /></a>
<a href="{U_FAQ}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FAQ','','templates/SmoothBlue/images/site/nav/buttons/faq_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/faq_off.gif" alt="{L_FAQ}" name="FAQ" width="16" height="25" hspace="5" border="0" id="FAQ" /></a>
<a href="{U_SEARCH}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Search','','templates/SmoothBlue/images/site/nav/buttons/search_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/search_off.gif" alt="{L_SEARCH}" name="Search" width="31" height="25" hspace="5" border="0" id="Search" /></a>
<a href="{U_MEMBERLIST}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Memberlist','','templates/SmoothBlue/images/site/nav/buttons/memberlist_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/memberlist_off.gif" alt="{L_MEMBERLIST}" name="Memberlist" width="51" height="25" hspace="5" border="0" id="Memberlist" /></a>
<a href="{U_GROUP_CP}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Usergroups','','templates/SmoothBlue/images/site/nav/buttons/usergroups_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/usergroups_off.gif" alt="{L_USERGROUPS}" name="Usergroups" width="51" height="25" hspace="5" border="0" id="Usergroups" /></a>
<a href="{U_PROFILE}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Profile','','templates/SmoothBlue/images/site/nav/buttons/profile_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/profile_off.gif" alt="{L_PROFILE}" name="Profile" width="35" height="25" hspace="5" border="0" id="Profile" /></a>
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Register','','templates/SmoothBlue/images/site/nav/buttons/register_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/register_off.gif" alt="{L_REGISTER}" name="Register" width="39" height="25" hspace="5" border="0" id="Register" /></a>
<!-- END switch_user_logged_out -->
<a href="{U_PRIVATEMSGS}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('PM','','templates/SmoothBlue/images/site/nav/buttons/messages_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/messages_off.gif" alt="{{PRIVATE_MESSAGE_INFO" name="PM" width="42" height="25" hspace="5" border="0" id="PM" /></a>
<!-- BEGIN switch_user_logged_out -->
<a href="{U_LOGIN_LOGOUT}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Login','','templates/SmoothBlue/images/site/nav/buttons/login_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/login_off.gif" alt="{L_LOGIN_LOGOUT}" name="Login" width="25" height="25" hspace="5" border="0" id="Login" /></a>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<a href="{U_LOGIN_LOGOUT}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Logout','','templates/SmoothBlue/images/site/nav/buttons/logout_on.gif',1)"><img src="templates/SmoothBlue/images/site/nav/buttons/logout_off.gif" alt="{L_LOGIN_LOGOUT}" name="Logout" width="30" height="25" hspace="5" border="0" id="Logout" /></a>
<!-- END switch_user_logged_in -->
    </td>
                      <td width="1" align="right" class="navbg" valign="top"><img src="templates/SmoothBlue/images/site/nav/right.gif" alt="" width="12" height="25" /></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
Benutzeravatar
Beagleman
Mitglied
Beiträge: 126
Registriert: 30.06.2006 14:07
Kontaktdaten:

Beitrag von Beagleman »

Dafür nutzt du am besten eine Tabelle nach diesem Schema:

Code: Alles auswählen

<table width="100%">
  <tr>
    <td width="BREITE VON BILD 1">BILD 1</td>
    <td width="*" MIT BILD 2 ALS TABELLENHINTERGRUND></td>
    <td width="BREITE VON BILD 3">BILD 3</td>
  </tr>
</table>
gabbereckhard
Mitglied
Beiträge: 64
Registriert: 26.06.2006 14:12

Beitrag von gabbereckhard »

Vielen Dank
hat geklappt
Antworten

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