Themeengine tutorial Probleme - eigenes Theme - plz Help!

PhaDlaDy · 29 August 2006, 16:46:30

Hi jungx, erstmal dickes log für die engine, ich denke, das mir das sehr helfen wird!
Ich will mit pragma viele Designs entwerfen und daher ist es für mich wichtig, das ich den Theme aufbau komplett verstehe!

Mein Problem ich habe kein fireworks, habe das theme_tutorial.jpg in Photoshop8(cs) die slices gesetzt, das ganze als theme.html + Bilder enpackt. Danach den Ordner Bilder in Images umbenannt und in der html den phad korrigiert, und so sieht das dann aus:

<html>
<head>
<title>theme_tutorial[1]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (theme_tutorial[1].psd) -->
<table id="Tabelle_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="5">
         <img src="Bilder/theme_01.gif" width="800" height="19" alt=""></td>
   </tr>
   <tr>
      <td colspan="5">
         <img src="Bilder/theme_02.gif" width="800" height="4" alt=""></td>
   </tr>
   <tr>
      <td rowspan="2">
         <img src="Bilder/theme_03.gif" width="159" height="3" alt=""></td>
      <td rowspan="2">
         <img src="Bilder/theme_04.gif" width="4" height="3" alt=""></td>
      <td rowspan="2">
         <img src="Bilder/theme_05.gif" width="477" height="3" alt=""></td>
      <td colspan="2">
         <img src="Bilder/theme_06.gif" width="160" height="1" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/theme_07.gif" width="4" height="2" alt=""></td>
      <td>
         <img src="Bilder/theme_08.gif" width="156" height="2" alt=""></td>
   </tr>
   <tr>
      <td colspan="5">
         <img src="Bilder/theme_09.gif" width="800" height="1" alt=""></td>
   </tr>
   <tr>
      <td rowspan="2">
         <img src="Bilder/theme_10.gif" width="159" height="123" alt=""></td>
      <td rowspan="2">
         <img src="Bilder/theme_11.gif" width="4" height="123" alt=""></td>
      <td>
         <img src="Bilder/theme_12.gif" width="477" height="89" alt=""></td>
      <td rowspan="2">
         <img src="Bilder/theme_13.gif" width="4" height="123" alt=""></td>
      <td>
         <img src="Bilder/theme_14.gif" width="156" height="89" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/theme_15.gif" width="477" height="34" alt=""></td>
      <td>
         <img src="Bilder/theme_16.gif" width="156" height="34" alt=""></td>
   </tr>
   <tr>
      <td colspan="5">
         <img src="Bilder/theme_17.gif" width="800" height="394" alt=""></td>
   </tr>
   <tr>
      <td colspan="5">
         <img src="Bilder/theme_18.gif" width="800" height="56" alt=""></td>
   </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Das Problem ist, bei euch im Tutorial steht: Ich soll an dieser Stelle

Das einfügen:

ich habe das einfach mal so gemacht:

      <td style="background-image:url(theme_01.gif)"colspan="5">
         <img src="Images/theme_01.gif" width="800" height="19" alt=""></td>

kp ob das richtig ist, so dann hab ich die extension installiert in Dreamweaver 8, die sieht auch schonmal ganz anders aus als bei euch im Beispiel, egal.

Dann wollte ich zb den "Login" oben rechts setzten, ich klicke auf das Feld für login bei der extension und zack der code wird unter dem Bild dargestellt und nich darin wie bei euch.
Bei mir sieht das so aus:

Dann ausserdem sind bei euch im tut keine sclices oder sektoren für linke und rechte blöcke angelegt worden, woher kommen die dann auf einmal wenn ich bei euch das theme.html öffne ?
Bei euch:

Bei mir:

Sry wegen dem riesen Auffand aber ich bin Dreamweaver+html newbie.

vielen vielen dank, ist für euch bestimmt ganz einfach.

Musicman75 · 29 August 2006, 17:12:27

wenn du html newbie bist, dann solltest du dich erstmal in diese materie einarbeiten.

um ein vernünftiges theme erstellen zu können MUSS man html und CSS können oder zumindest verstehen.

ohne dieses wissen bringt dir der beste editor und engine was.

die bilder dürfen nur noch im hintergrund sein, <img darf auf keinen fall mehr drin stehen, sonst wird ja beim setzten der platzhalter das theme wieder kpmplett verschoben

PhaDlaDy · 29 August 2006, 21:41:04

ok...

henne · 29 August 2006, 22:57:03

Zitatkp ob das richtig ist, so dann hab ich die extension installiert in Dreamweaver 8, die sieht auch schonmal ganz anders aus als bei euch im Beispiel, egal.

Jop das war eine der ersten Versionen der Extension, zu der Zeit ist auch das Tutorial entstanden

Prinzipiell stimmt das aber alles noch. Einzig, würde ich empfehlen die functions.php,die theme.php und die style.css aus dem mx-default Theme zu nutzen, da die im Beispiel schon ziemlich veraltet sind. Im Handbuch steht auch nochmal was zur Extension und zu den Themes (da auch zu der neueren Version)

ZitatDann ausserdem sind bei euch im tut keine sclices oder sektoren für linke und rechte blöcke angelegt worden, woher kommen die dann auf einmal wenn ich bei euch das theme.html öffne ?

Schau mal ins Handbuch, da sind die einzelnen Funktionenen der Extension kurz beschrieben. Dafür nimmst Du das Insert >> Haupttabelle einfügen.

Wenn Du mit Adobe Produkten besser klar kommst gibt es auch eine GoLive Bibliothek als Pendant zur DW Extension

>>

http://www.pragmamx.org/modules.php?name=Downloads&d_op=viewdownloaddetails&lid=432&ttitle=Mx-Adobe-GoLive-Bibliothek

Ansonsten gilt das von Musicman75 gesagte. HTML und CSS Kenntnisse sind vorausgesetzt.

Themeengine tutorial Probleme - eigenes Theme - plz Help!

PhaDlaDy

Musicman75

PhaDlaDy

henne