« previous next »
Pages: [1]

Author Topic: Header komplett ersetzen  (Read 12763 times)

0 Members and 1 Guest are viewing this topic.

Offline crs

  • Jr. Member
  • **
  • Posts: 76
    • View Profile
Header komplett ersetzen
« on: August 25, 2008, 03:12:33 PM »
Hallo Community

Ich nutze folgendes Template:

Style 1 from Vol.11:
Space




Nun meine Frage: Wie ist es bei diesem Template möglich, den Header komplett durch einen anderen zu ersetzen?
Man kann im Moment leider nur einen kleinen Teil vom Header bearbeiten, ich möchte den Header aber gerne von vorne bis hinten erneuern.

Dankeschön
Logged

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: Header komplett ersetzen
« Reply #1 on: August 25, 2008, 04:38:14 PM »
hallo,

tja, der komplette header code ist in header.html
Hier ausgelagert findet sich nur der Code: menue_table_left
für das linke menü.

Weiter gibt es nichts...
Was verstehst du unter "header"?


Kurt
PS: natürlich beinhaltet der header auch tabellen, die im footer wieder geschlossen werden.
Logged

Offline crs

  • Jr. Member
  • **
  • Posts: 76
    • View Profile
Re: Header komplett ersetzen
« Reply #2 on: August 27, 2008, 04:15:49 PM »
Hallo, man kann ja leider nur einen kleinen Teil vom Header bearbeiten.
Die Bildgröße des bearbeitbaren Headerteils hat nur eine Größe von 550x212.

Ich würde aber gerne den kompletten Header bearbeiten, von vorne bis hinten :/

Das wären etwa 980x212 pixel.
Logged

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: Header komplett ersetzen
« Reply #3 on: August 27, 2008, 04:53:44 PM »
Hallo,

das Image (550x212) ist per css:
Code: [Select]
#image_header {
  BACKGROUND-POSITION: 100% 0%;
  BACKGROUND-IMAGE: url(images/header.jpg);
  VERTICAL-ALIGN: top;
  PADDING-TOP: 14px;
  BACKGROUND-REPEAT: no-repeat;
  HEIGHT: 200px;
  BACKGROUND-COLOR: #0E3F67;
  TEXT-ALIGN: left;
}in header.html eingefügt und ausgerichtet und der Rest ist blaue Hintegrundfarbe.. Ich versteh das Problem nicht.
Da gibt es kein Geheimnis, das ist Standard html, das jeder Webmaster erkennen und auch ändern können sollte...


Kurt
Logged

Offline crs

  • Jr. Member
  • **
  • Posts: 76
    • View Profile
Re: Header komplett ersetzen
« Reply #4 on: August 27, 2008, 06:56:47 PM »
Da ich Anfänger in diesem Bereich bin, kann ich nunmal noch nicht viel wissen, tut mir leid  8O

Ich habe mehrfach in der Datei "header.html" nach deiner Textstelle zu suchen versucht, aber ich kann diese einfach nicht finden :?:
Hab in der Datei "header.html" gesucht, die beim Design im Ordner templates zu finden war  :?

Quote
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{direction}">
<HTML>
<HEAD>
<title>{site_name}</title>
<meta http-equiv="content-type" content="text/html; charset={charset}" />
<script language="javascript" type="text/javascript">
<!--
  var captcha_reload_count = 0;
        var captcha_image_url = "{url_captcha_image}";
  function new_captcha_image() {
    if (captcha_image_url.indexOf('?') == -1) {
                  document.getElementById('captcha_image').src= captcha_image_url+'?c='+captcha_reload_count;
                } else {
                  document.getElementById('captcha_image').src= captcha_image_url+'&c='+captcha_reload_count;
                }
    document.getElementById('captcha_input').value="";
    document.getElementById('captcha_input').focus();
    captcha_reload_count++;
  }
    function opendetailwindow() {
    window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=680,height=480');
  }
  function right(e) {
    if ((document.layers || (document.getElementById && !document.all)) && (e.which == 2 || e.which == 3)) {
      alert("© Copyright by {site_name}");
      return false;
    }
    else if (event.button == 2 || event.button == 3) {
      alert("© Copyright by {site_name}");
      return false;
    }
    return true;
  }
  if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown = right;
  }
  else if (document.all && !document.getElementById){
    document.onmousedown = right;
  }
   document.oncontextmenu = new Function("alert('© Copyright by {site_name}');return false");
// -->
</script>
{if has_rss}
<link rel="alternate" type="application/rss+xml" title="{rss_title}" href="{rss_url}" />
{endif has_rss}
<link rel="stylesheet" href="{template_url}/style.css" type="text/css">
</HEAD>
<BODY>
<table border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff" width="{page_table_width}">
  <tr>
    <td width="15" background="{template_url}/images/links.jpg" valign="top">
    <img src="{template_url}/images/links_oben.jpg" width="15" border="0"></td>
    <td valign="top" class="image_header">
     <table cellspacing="0" cellpadding="0" width="100%" border="0">
      <tr>
        <td align="left" hight="20" valign="top">
<!-- --------------------------- Menü Top Start ---------------------------- -->
         <table cellspacing="0" cellpadding="4" border="0">
          <tr>
            <td style="PADDING-LEFT: 15px;"><a href="{url_home}">{lang_home}</a></td>
            <td>|</td>
            <td><a href="{url_new_images}">{lang_new_images}</a></td>
            <td>|</td>
            <td><a href="{url_top_images}">{lang_top_images}</a></td>
            <td>|</td>
            {if user_loggedout}
            <td><a href="{url_lost_password}">{lang_lost_password}</a></td>
            <td>|</td>
            <td><a href="{url_register}">{lang_register}</a></td>
            {endif user_loggedout}
            {if user_loggedin}
            <td><a href="{url_lightbox}">{lang_lightbox}</a></td>
            <td>|</td>
            <td><a href="{url_control_panel}">{lang_control_panel}</a></td>
            <td>|</td>
            <td><a href="{url_logout}">{lang_logout}</a></td>
            {endif user_loggedin}
            <td><img src="{template_url}/images/spacer.gif" height="25" width="1" border="0"></td>
          </tr>
        </table>
<!-- --------------------------- Menü Top End ------------------------------ -->
        </td>
        <td style="width: 170px; height: 20px; padding: 0px;">
         <table border="0" width="100%" height="20" cellspacing="0" cellpadding="0">
          <tr><form method="post" action="{url_search}">
           <td width="100%" valign="top">
           <input type="text" name="search_keywords" size="15" class="searchinput" />&nbsp;<input type="submit" value="{lang_search}" class="searchinput_button" name="submit" />
          </td></form>
         </tr>
       </table>
      </tr>
      </td>
      </tr>
      <tr>
       <td id="image_header" colspan="2">
        <table cellspacing="0" cellpadding="0" width="100%" border="0">
         <tr>
          <td rowspan="2"><img src="{template_url}/images/spacer.gif" height="198" width="1"></td>
          <td width="100%" valign="top"><font class="site_name">{site_name}</font></td>
         </tr>
         <tr>
          <td width="100%" valign="bottom" style="padding-left: 14px;">{clickstream}<br /><br /></td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
     <table border="0" cellspacing="0" cellpadding="5" width="100%" align="center">
      <tr>
        <td valign="top" bgcolor="{menue_table_left_bgcolor}" width="{menue_table_left_width}" style="display: {menue_table_left_view};">
        {menue_table_left}
        <img src="{template_url}/images/spacer.gif" height="1" width="{menue_table_left_width}">
       </td>
        <td valign="top" bgcolor="{content_table_bgcolor}" width="100%" style="padding-top: 19px;">
<!-- --------------------------- Content Start ----------------------------- -->
Logged

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: Header komplett ersetzen
« Reply #5 on: August 27, 2008, 07:02:54 PM »
die textstelle im header.html ist:
Code: [Select]
<td id="image_header" colspan="2">hier setzt der oben genannte code an.
Der ist als css nicht in der header.html, sondern standardmäßig in der style.css

Kurt
Logged

Offline Pumaaa

  • Jr. Member
  • **
  • Posts: 64
    • View Profile
    • Sunny Täter
Re: Header komplett ersetzen
« Reply #6 on: November 29, 2008, 11:55:05 AM »
Was muss ich ändern, damit das Logo ganz nach oben an den Rand gesetzt wird, ohne diese große Lücke.
Also das Logo direkt oben an den Rand des Explorerfensters setzen.
Wie funktioniert das?
Logged

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: Header komplett ersetzen
« Reply #7 on: November 29, 2008, 02:17:47 PM »
Quote from: Pumaaa on November 29, 2008, 11:55:05 AM
Was muss ich ändern, damit das Logo ganz nach oben an den Rand gesetzt wird, ohne diese große Lücke.
Also das Logo direkt oben an den Rand des Explorerfensters setzen.
Wie funktioniert das?

Welches style meinst du? nr?

Kurt
Logged

Offline Pumaaa

  • Jr. Member
  • **
  • Posts: 64
    • View Profile
    • Sunny Täter
Re: Header komplett ersetzen
« Reply #8 on: November 30, 2008, 11:01:34 AM »
style default, hab mein eigenes Logo eingesetzt und will es jetzt ganz oben hinsetzen.
Logged

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: Header komplett ersetzen
« Reply #9 on: November 30, 2008, 11:40:17 AM »
brauchst doch nur in header.html unter
Code: [Select]
<body>dein <img src ....> setzen..
Logged

Offline Pumaaa

  • Jr. Member
  • **
  • Posts: 64
    • View Profile
    • Sunny Täter
Re: Header komplett ersetzen
« Reply #10 on: November 30, 2008, 11:54:30 AM »
Hat fast funktioniert, ein kleiner Spalt bleibt aber leider noch.
Ich denke das hat was mit der tabelle direkt nach dem header zu tun?
Aber wenn ich die verändere spinnt die ganze Seite rum :(
Wie kann ich diese Spalte jetzt noch wegbekommen?

Gruß
Logged

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: Header komplett ersetzen
« Reply #11 on: November 30, 2008, 12:27:10 PM »
warum sollte denn noch eine tabelle direkt nach dem Header drin sein,
wenn du das image direkt unter <body> gesetzt hast 8O

Code: [Select]
<body topmargin="0" leftmargin="0">
Logged

Offline Pumaaa

  • Jr. Member
  • **
  • Posts: 64
    • View Profile
    • Sunny Täter
Re: Header komplett ersetzen
« Reply #12 on: November 30, 2008, 05:26:40 PM »
Jetzt hats geklappt, topmargin und leftmargin haben mir noch gefehlt, vielen Dank!

Gruß :)
Logged
Pages: [1]
« previous next »