Sie sind nicht angemeldet.

1

Sonntag, 12. April 2009, 19:34

Mein Design als Template verwenden?

Seid gegrüßt,

Ich möchte nun vom offline arbeiten an meiner Homepage auf dieses CMS umsteigen, ich habe Kenntnisse von CSS und HTML, sowie etwas PHP.

Nun möchte ich folgendes Design in ein w3b Template umwandeln, die Unterseiten (Home, Galerie... etc sind statisch!), ich hoffe ihr könnt mir dabei helfen, da ich nicht weiter weiß! Hier mein Code:

Quellcode

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- (C) by eBrocki.de -->
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <meta http-equiv="content-style-type" content="text/css">
 <title>eBrocki.de</title>
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script language="JavaScript">
   var bilder = new Array()
 	bilder[0] = 'img/zitat_1.png'
 	bilder[1] = 'img/zitat_2.png'
 	bilder[2] = 'img/zitat_3.png'
 	bilder[3] = 'img/zitat_4.png'
 	bilder[4] = 'img/zitat_5.png'
 	bilder[5] = 'img/zitat_6.png'
 	bilder[6] = 'img/zitat_7.png'
 	bilder[7] = 'img/zitat_8.png'
 	bilder[8] = 'img/zitat_9.png'
   var b = bilder.length;
   var array = new Array()
   for (i = 0; i < b; i++){
 	array[i] = new Image()
 	array[i].src = bilder[i]
   }
   var randomBild = Math.round(Math.random()*(b-1));
   function printBild(){
 	document.write('<img src="'+bilder[randomBild]+'" alt="">');
   }
  </script>
</head>

<body>
 <div id="container">
  <div id="header"></div>
  <div id="subcontainer">
   <div id="navigation">
	<a href="">
 	<img src="img/navi_kund.png" onmouseover="(src='img/navi_kund_hover.png')" onmouseout="(src='img/navi_kund.png')" alt="Kund" border="0">
	</a>
	<img src="img/navi_triskelen.png"  alt=" ">
	<a href="">
 	<img src="img/navi_ueber.png" onmouseover="(src='img/navi_ueber_hover.png')" onmouseout="(src='img/navi_ueber.png')" alt="&Uuml;ber" border="0">
	</a>
	<img src="img/navi_triskelen.png"  alt=" ">
	<a href="">
 	<img src="img/navi_gaeste.png" onmouseover="(src='img/navi_gaeste_hover.png')" onmouseout="(src='img/navi_gaeste.png')" alt="G&auml;ste" border="0">
	</a>
	<img src="img/navi_triskelen.png"  alt=" ">
	<a href="">
 	<img src="img/navi_galerie.png" onmouseover="(src='img/navi_galerie_hover.png')" onmouseout="(src='img/navi_galerie.png')" alt="Galerie" border="0">
	</a>
	<img src="img/navi_triskelen.png"  alt=" ">
	<a href="">
 	<img src="img/navi_werke.png" onmouseover="(src='img/navi_werke_hover.png')" onmouseout="(src='img/navi_werke.png')" alt="Werke" border="0">
	</a>
	<img src="img/navi_triskelen.png"  alt=" ">
	<a href="">
 	<img src="img/navi_links.png" onmouseover="(src='img/navi_links_hover.png')" onmouseout="(src='img/navi_links.png')" alt="Links" border="0">
	</a>
	<img src="img/navi_triskelen.png"  alt=" ">
	<a href="">
 	<img src="img/navi_kontakt.png" onmouseover="(src='img/navi_kontakt_hover.png')" onmouseout="(src='img/navi_kontakt.png')" alt="Kontakt" border="0">
	</a>
   </div>
   <div id="quote">
	<script language="JavaScript">printBild()</script>
   </div>
  </div>
  <div id="main">
   <div id="left"></div>
   <div id="right"></div>
   <div id="content">
	Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
	sed do eiusmod tempor incididunt ut labore et dolore magna
	aliqua. Ut enim ad minim veniam, quis nostrud exercitation
	ullamco laboris nisi ut aliquip ex ea commodo consequat.
	Duis aute irure dolor in reprehenderit in voluptate velit esse
	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
	cupidatat non proident, sunt in culpa qui officia deserunt mollit
	anim id est laborum.
   </div>
  </div>
 </div>
</body>
</html>


Mfg

eBrocki :pcfreak:

Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

2

Sonntag, 12. April 2009, 20:00

1. CMS installieren
2. fertiges Template dem dein Wunsch am nächsten kommt hochfahren und auswählen
3. Templatedateien anpassen
4. deine gewünschten Seiten im CMS anlegen und mit Inhalt und Bildern befüllen

Da gibt es sonst nix zu helfen.

Wühl dich mal durchs Forum und die Projektseite.

Dein Template passt/baust du nur in den Dateien index.html und main.css des Templates. In den fertigen Templates befinden sich bereits die Platzhalter für die Inhalte, Navis, etc. - das dürfte sich alles von selbst erklären - da du ja bereits Kenntnisse in html und css hast.

Wenn Du dein Layout übertragen hast, dann geht der Rest im Backend des CMS - für Bilder z.B. das Gallery-Modul hochfahren und aktivieren. Modulseite anlegen und Bilder laden.

Das Backend versteht man fast von selbst, so einfach und übersichtlich ist das gebaut - nur reinschauen und dich damit beschäftigen musst du schon mal.

Viele Grüße
Ernst
.
HTML, was ist das? Ein neues Männermagazin? Css.., was es so alles gibt!

News: http://www.cms2day.de/news/1/
Features: http://www.cms2day.de/cms-funktionen/

Zufrieden mit cms2day und unserer Arbeit/Support - Spenden (-Button links) sind herzlich Willkommen - Dankeschön.
.

Werbung

3

Montag, 13. April 2009, 11:34

Dein Template passt/baust du nur in den Dateien index.html und main.css des Templates. In den fertigen Templates befinden sich bereits die Platzhalter für die Inhalte, Navis, etc. - das dürfte sich alles von selbst erklären - da du ja bereits Kenntnisse in html und css hast.

Genau da liegt mein Problem, ich habe schon alles versucht, aber es klappt nicht so wirklich: http://ebrocki.eb.funpic.de

€: Es hat geklappt..

Andere Frage: Soll ich die Javascript Edition besser extern verlinken oder das so im index.html lassen?

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »eBrocki« (13. April 2009, 13:00)


Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

4

Montag, 13. April 2009, 17:18

Du brauchst erst mal nix statisches und auch kein Javascript.

Erst mal kommt alles übers CMS rein.

Dort wo unbedingt mit Javascript gearbeitet werden muss, das muss eh über ne Codeseite angelegt werden.
.
HTML, was ist das? Ein neues Männermagazin? Css.., was es so alles gibt!

News: http://www.cms2day.de/news/1/
Features: http://www.cms2day.de/cms-funktionen/

Zufrieden mit cms2day und unserer Arbeit/Support - Spenden (-Button links) sind herzlich Willkommen - Dankeschön.
.

Werbung