Haumis wbb hilfe 
Registrierung Kalender Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Zur Startseite
Galerie Datenbank Zum Portal

Startseite| Das Board| wbb2| wbblite| Wo finde ich was| Veränderungen| Grafik-Bereich-WBB2| Boardspiele| Vorstellungen| Allgemeines| Trainingscenter|
Haumis wbb hilfe » ...:::Trainingscenter-wbb2:::... » Erläuterungen zum Seitenaufbau » Schritt 3 » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Schritt 3
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
haumi haumi ist männlich
Boardbetreiber

images/avatars/avatar-214.jpg
[meine Galerie]


Dabei seit: 06.06.2009
Beiträge: 3.441
Herkunft: NRW
Postid: 5844
Schritt 3 Beitrag Nr.: 1     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ich hab nun die abgespeckten Buttons im Header eingefügt.
Mit abgespeckt meine ich das NUR das Bild (der Button) aus dem imagesordner in Verbindung mit dem Linkaufruf eingebaut wurde.

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
<div>

<table>
     <tr>
          <td><img src="images/logo.gif" /></td>
    </tr>

   <tr>
     <td>
          <a href="usercp.php"><img src="images/top_usercp.gif"  /></a>
          <a href="pms.php"><img src="images/top_pms.gif" /></a>
          <a href="calendar.php"><img src="images/top_calendar.gif" /></a>
          <a href="memberslist.php"><img src="images/top_members.gif" /></a>
          <a href="team.php"><img src="images/top_team.gif" /></a>
          <a href="search.php"><img src="images/top_search.gif" /></a>
          <a href="misc.php?action=faq"><img src="images/top_faq.gif" /></a>
          <a href="index.php"><img src="images/top_start.gif" /></a>
   </td>
  </tr> 

</table>
<hr  />


Hier mal der Link zum Board.
Das bleibt nun erst mal zwei Tage so stehen um eventuelle Fragen dazu behandeln zu können.

Die Buttons sind voll funktionsfähig.
Nur wenn man darauf klickt erscheinen die aufgerufenen Seiten OHNE Formatierung, bzw, mit der voreingestellten Formatierung des Browsers.
Ich habe ja die css.tpl noch nicht eingebaut und dafür erst mal die basic.tpl, die später ausgetauscht wird.

Im Anschluß wird der Mittelteil sprich das index.tpl ausgebaut aber auch nur in abgespeckter Version, damit man das Ganze erst mal in den Kopf bekommt.

das basic-template wurde auch etwas angepasst, damit die Sachen erst mal mittig ausgerichtet werden.

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
<style type="text/css">
 <!--

hr {
width:50%;
}
p {
color:red;
}

body {
background-color: #EEE8AA;
}

table,tr,td {
margin: auto;
text-align: center;
}

div {
table-layout: fixed;
width:1000px;
border-collapse: separate;
border:solid 3px;
}

-->
</style>


Damit man mal sieht welchen Platz das Ganze einnimmt,
habe ich alles in eine div-Box gepackt, welche im header beginnt
und im footer endet.
Den footer habe ich hier nicht noch extra reingestellt.
Es wurde nur als letzte abschließende Zeile das </div> eingebracht.
Die Formatierung ist dem basic-template zu entnehmen.

Das was man nun sieht ist folgendes:



LG
haumi

__________________
Gelassen das hinnehmen, was nicht zu ändern ist,
engagiert angehen was man gestalten kann.

15.11.2010 21:23 haumi ist offline E-Mail an haumi senden Homepage von haumi Beiträge von haumi suchenNehmen Sie haumi in Ihre Freundesliste auf
haumi haumi ist männlich
Boardbetreiber

images/avatars/avatar-214.jpg
[meine Galerie]


Dabei seit: 06.06.2009
Beiträge: 3.441
Herkunft: NRW
Postid: 5881
Themenstarter Thema begonnen von haumi
Beitrag Nr.: 2     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Frage 1: Wie bekomme ich einen kleinen Abstand zwischen dem oberen Rand und dem Banner?
Frage2: Wie bekomme ich einen kleinen Abstand zwischen dem Banner. und der Buttonreihe?
Frage3: Warum ist ein Rand um den Buttons herum und wie bekomme ich ihn weg?

LG
haumi

__________________
Gelassen das hinnehmen, was nicht zu ändern ist,
engagiert angehen was man gestalten kann.

17.11.2010 08:29 haumi ist offline E-Mail an haumi senden Homepage von haumi Beiträge von haumi suchenNehmen Sie haumi in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Haumis wbb hilfe » ...:::Trainingscenter-wbb2:::... » Erläuterungen zum Seitenaufbau » Schritt 3

Views heute: 14.645 | Views gestern: 6.918 | Views gesamt: 70.941.220
Powered by Burning Board 2.3.6 © 2001-2004 WoltLab GmbH
Am Netz seit dem 3.6.2009 - Powered by © haumis-Team
Style & Buttons © by FriendsbistroTeam
Boardregeln Impressum & Haftungsauschluss Datenschutzerklärung