Photoshop Design in PragmaMx einfügen

Begonnen von Carrera, 14 Dezember 2011, 07:43:06

Vorheriges Thema - Nächstes Thema

0 Mitglieder und 1 Gast betrachten dieses Thema.

Drucken
Nach unten Seiten1
Benutzer-Aktionen

Carrera

14 Dezember 2011, 07:43:06
Hallo liebes Forum.

ich habe mir heute pragmaMx installiert weil ich sehr begeister von den Rezessionen bzgl. der Einbindung von Photoshop Templates bin.

Ich habe jetzt mein eigenes Template fertig und möchte dies nun in pragmaMx einbau. Leider versuch ich seit 24 Stunden verzweifelt eine übersicht aus den vielen Tutorials zusammenzustellen und daraus ein Ergebnis zu zaubern doch alles ist vergebens.

Mein PS Template ist wie folgt aufgebaut:
Ordnerstruktur:
ZitatBilder (enthält alle Grafiken vom Template)<br>index.html(enthält den Quallcode + CSS

Der Quellcode der index.html lautet wie folgt:

Zitat<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>website</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--

#Tabelle_01 {
   position:absolute;
   left:0px;
   top:0px;
   width:1134px;
   height:874px;
}

#header_ {
   position:absolute;
   left:0px;
   top:0px;
   width:1134px;
   height:165px;
}

#index-02_ {
   position:absolute;
   left:0px;
   top:165px;
   width:129px;
   height:709px;
}

#hauptmenu_ {
   position:absolute;
   left:129px;
   top:165px;
   width:878px;
   height:72px;
}

#index-04_ {
   position:absolute;
   left:1007px;
   top:165px;
   width:127px;
   height:709px;
}

#content_ {
   position:absolute;
   left:129px;
   top:237px;
   width:645px;
   height:576px;
}

#nebenmenu_ {
   position:absolute;
   left:774px;
   top:237px;
   width:233px;
   height:576px;
}

#footer_ {
   position:absolute;
   left:129px;
   top:813px;
   width:878px;
   height:61px;
}

-->
</style>
</head>
<body style="background-color:#FFFFFF;">
<div id="Tabelle_01">
   <div id="header_">
      <img id="header" src="images/header.jpg" width="1134" height="165" alt="" />
   </div>
   <div id="index-02_">
      <img id="index_02" src="images/index_02.jpg" width="129" height="709" alt="" />
   </div>
   <div id="hauptmenu_">
      <img id="hauptmenu" src="images/hauptmenu.jpg" width="878" height="72" alt="" />
   </div>
   <div id="index-04_">
      <img id="index_04" src="images/index_04.jpg" width="127" height="709" alt="" />
   </div>
   <div id="content_">
      <img id="content" src="images/content.jpg" width="645" height="576" alt="" />
   </div>
   <div id="nebenmenu_">
      <img id="nebenmenu" src="images/nebenmenu.jpg" width="233" height="576" alt="" />
   </div>
   <div id="footer_">
      <img id="footer" src="images/footer.jpg" width="878" height="61" alt="" />
   </div>
</div>
</body>
</html>
Zitat
Das Template ist slicent<br>
-Header
-Menu
-Rechtes Menu
-Content
-Footer

Könnt ihr mir weiterhelfen?

icebreaker

#1
14 Dezember 2011, 10:28:04
Hallo Carrera

Erst mal willkommen im Forum. So  wie du das aufgebaut hast, kann das nichts werden, denn es fehlen sämtliche Platzhalter. Da du dir die Software schon heruntergeladen und installiert hast, solltest du dir mal die beiden Templates ansehen, die dabei sind. In den Dateien "theme.html" findest du so Dinge wie {BLOCK_TITLE} {BLOCK_CONTENT} usw. Das sind alles Platzhalter für Funktionen, die in der Datei "theme.functions.php" definiert werden. Weitere Anweisungen stehen dann noch in der Datei "theme.settings.php". Die Farben und die Platzierung der Grafiken wird/werden in den CSS Dateien im Ordner "style" geregelt.
Eventuell ist es erst mal einfacher zu versuchen ein fertiges Template an deine Bedürfnisse anzupassen.

Gruß
icebreaker

Carrera

#2
14 Dezember 2011, 10:53:11
Dankeschön.

Nagut ich dachte ich füge bloß in die Tabellen die nötigen "platzhalter" ein.

Es gab mal ein Dreamweaver Extansion tool aber der Download ist leider down.

Dann werde ich es mal so probieren wie du vorgeschlagen hast.

icebreaker

#3
14 Dezember 2011, 11:23:33
Hi

Die Dreamweaver Erweiterung kannst du dir bei mir herunterladen:

http://www.martin-beurskens.eu/modules.php?name=Downloads&cid=4

Gruß
icebreaker

Carrera

#4
14 Dezember 2011, 12:53:18
@icebreaker; Dank dir  :BD:

comedi

#5
14 Dezember 2011, 13:41:44
Willkommen Carrera,  :viannen_01:

schau dir mal den Thread noch an.

Wenn ich deine Beschreibung oben richtig sehe, willst du ja ein tabellenloses Layout. Dafür ist die Dreamweaver Extansion nicht gedacht. Diese beruht auf Tabellen.

Als Basis für dein Design solltest du dir mal das Theme pmx-blank anschauen. Es ist beim PMX im Ordner themes dabei. Damit hast du dann auch schon viele zeitgemässe Funktionen im Theme drin. Und es gibt auch schon einige angepasste Design dieses Themes als Download, so daß du auch dort schauen kannst wie das anpasst wurde oder hier einfach fragen.  ;)
LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

Carrera

#6
14 Dezember 2011, 15:38:43
Ich habe das Temaplte in Photoshop als XHTML erzeug inkl. CSS ich kann es auch als normales Tabellen Template ohne CSS erzeugen. Was wäre den sinnvoller? Ich möchte mich an die heutigen Richtlinien von CSS, XHTML HTML halten.

icebreaker

#7
14 Dezember 2011, 16:27:53
Mach es tabellenlos. Das entspricht dem heutigen Stand. Die Dreamweaver Erweiterung kannst du als Übersicht für die Platzhalter nutzen, auch wenn die Erweiterung veraltert ist.

Gruß
icebreaker
Drucken
Nach oben Seiten1
Benutzer-Aktionen