. .
pragmaMx Support Forum 26 Mai 2012, 01:36:06 *
Willkommen Gast. Bitte einloggen oder registrieren.


Einloggen mit Benutzername und Passwort
News:
Brauchen Sie Hilfe? Bitte nutzen Sie unsere Suchfunktion bevor Sie Beiträge oder Fragen ins Board schreiben! Viele Fragen wurden bereits gestellt und beantwortet. Danke!
 
Übersicht Hilfe Forenregeln / Boardrules
 
Suche
Seiten: [1]   Nach unten
Drucken
Autor Thema: Photoshop Design in PragmaMx einfügen  (Gelesen 4723 mal)
0 Mitglieder und 1 Gast betrachten dieses Thema.
Carrera
neu hier
*
Offline Offline

Beiträge: 4


« am: 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:
Zitat
Bilder (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?
Gespeichert
icebreaker
weiss was
***
Offline Offline

Geschlecht: Männlich
Beiträge: 169

icebreaker


WWW
« Antworten #1 am: 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
Gespeichert
Carrera
neu hier
*
Offline Offline

Beiträge: 4


« Antworten #2 am: 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.
Gespeichert
icebreaker
weiss was
***
Offline Offline

Geschlecht: Männlich
Beiträge: 169

icebreaker


WWW
« Antworten #3 am: 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
Gespeichert
Carrera
neu hier
*
Offline Offline

Beiträge: 4


« Antworten #4 am: 14 Dezember 2011, 12:53:18 »

@icebreaker; Dank dir  biggrin
Gespeichert
comedi
Moderator
*****
Offline Offline

Geschlecht: Männlich
Beiträge: 669

comedi


WWW
« Antworten #5 am: 14 Dezember 2011, 13:41:44 »

Willkommen Carrera,  Welcome

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.  Wink
Gespeichert

LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.1 --- PHP-Version: 5.2.14
MySQL-Version: 5.0.67 --- 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
neu hier
*
Offline Offline

Beiträge: 4


« Antworten #6 am: 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.
Gespeichert
icebreaker
weiss was
***
Offline Offline

Geschlecht: Männlich
Beiträge: 169

icebreaker


WWW
« Antworten #7 am: 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
Gespeichert
Seiten: [1]   Nach oben
Drucken
 
Gehe zu:  

Powered by SMF 1.1.16 | SMF © 2011, Simple Machines
design by hENNE, layout based on YAML