Sie sind nicht angemeldet.

[Template] zu bl??d zum anpassen?!

mkz

Anfänger

  • »mkz« ist der Autor dieses Themas
  • Nachricht senden

1

Montag, 1. September 2008, 19:56

[Template] zu blöd zum anpassen?!

Guten Abend :)

Ich hab jetzt seit einiger Zeit das Grundgerüst meines Design mit html & css fertig, aber ich bin einfach zu blöd um es an das CMS anzupassen...

<!-- m --><a class="postlink" href="http://home.arcor.de/ice2kk/">http://home.arcor.de/ice2kk/</a><!-- m --> <--- das design

<!-- m --><a class="postlink" href="http://mkzz.vndv.com/">http://mkzz.vndv.com/</a><!-- m --> <--- und das ist im endeffekt bei mir rausgekommen, kompletter wurstsalat O_O

Könntet ihr mir vllt. eine Hilfestellung geben?


Ich poste einfach mal die template dateien:

CSS:

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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193

@charset "UTF-8";
/* Background-Styles */

body {
	margin:0px; padding:0px;
	background-color:#FFFFFF;
}
#main {
	background:#ffffff;
}

#main .container {
    background:#ffffff;
	background-repeat:no-repeat;
	min-height:711px;
}
.container {
	width:1000px;
	margin:0 auto;
  	position:relative;
}

#header {
    background:#c4c0be url(images/header_light_slice.jpg) repeat-x;
}
#header .container {
    background-image:url(images/header_light.jpg);
	background-repeat:no-repeat;
	height:61px;
}

#footer {
	background:#c4c0be url(images/footer_light_slice.jpg) repeat-x;
}
#footer .container {
	background-image:url(images/footer_light.jpg);
	background-repeat:no-repeat;
	height:44px;
}


 /* INFO right side */


#work {
margin-left:20px;
	background-image: url(images/work_bg.jpg);
	width:431px;
	height:181px;
	background-repeat: no-repeat;
}
.work {
    padding:6px;
	background-image: url(images/work_bg.jpg);
	width:431px;
	height:181px;
    background-repeat: no-repeat;
}


/* Tutorial */


#tut_feature {
	margin-left:20px;
	width:432px;
}
#tut_featured {
	background-repeat: no-repeat;
}

.tut {
	margin-left:20px;
	float:left;
	background-image: url(images/tut_bg.jpg);
	margin-bottom:5px;
	width:432px;
	height:100px;
    background-repeat: no-repeat;
}
.tut_inside { 
	display:block; 
	background: #ffffff url(images/tut_bg.jpg);	
	padding:4px;
	background-repeat: no-repeat;
}

.image_tut {
	float:left;
}

.image_tut img {
}

.text_tut {
	height:100px;
	float:none;
	width:260px;
	margin-left:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


.block_content {
	float:right;
	padding-right:30px;
}

/*Content!!!!!*/

ul.tabs {
	background-color:#333333;
	background-image: url(images/navi_bg.jpg);
	margin:0px; padding:0px;
	height:34px;
}
ul.tabs li {
	list-style:none;
	display:inline;
	overflow: hidden;
}

ul.tabs li a {
	color:#333333;
	height:34px;
	width:97px;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	width:97px;
	height:34px;
	padding-top:4px;
	padding-left:22px;
}
ul.tabs li a:hover {
	background-image:url(images/navi_active.jpg);
}
ul.tabs li a.active {
	background-image:url(images/navi_active.jpg);
}

#tabbed_box {
	margin: 0px auto 0px auto;
	width:500px;

}

.nav1 {
margin-left:7px;
float:left;
width:97px;
height:34px;
}
.nav2 {
float:left;
width:97px;
height:34px;
}
.nav3 {
float:left;
width:97px;
height:34px;
}
.nav4 {
float:left;
width:97px;
height:34px;
}
.nav5 {
float:left;
width:97px;
height:34px;
}



.content {
	min-height:572px;
	background-color:#333333;
	padding:10px;
	background-image:url(images/content_bg.jpg);
	background-repeat: repeat-x;	
	background-position:bottom;
}
#content_footer {
	background-image:url(images/content_footer.jpg);
	height:44px;
}
#content_2, #content_3, #content_4, #content_5 { display:none; )



html:

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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php page_header(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Company of Arts</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
<!--
.Stil1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 22px;
}
.Stil2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10;
}
.Stil4 {font-size: 10pt}
-->
    </style>
</head>

<body>
<div id="header">

<div class="container">



</div>

</div>
    <div id="main">
    
    	<div class="container">
       
            
            <div id="tut_featured">
            <div class="block_content">
            				


<div>
    <div id="tabbed_box">
    <script src="functions.js" type="text/javascript"></script>
        <ul class="tabs">
            <li class="nav1"><a href="javascript:tabSwitch_2(1, 5, 'tab_', 'content_');" id="tab_1" class="active">Magazin</a></li>
            <li class="nav2"><a href="javascript:tabSwitch_2(2, 5, 'tab_', 'content_');" id="tab_2">About us</a></li>
            <li class="nav3"><a href="javascript:tabSwitch_2(3, 5, 'tab_', 'content_');" id="tab_3">References</a></li>
			<li class="nav4"><a href="javascript:tabSwitch_2(4, 5, 'tab_', 'content_');" id="tab_4">Guestbook</a></li>
			<li class="nav5"><a href="javascript:tabSwitch_2(5, 5, 'tab_', 'content_');" id="tab_5">Contact us</a></li>
        </ul>
        
		
		
        <div id="content_1" class="content"><?php page_content(); ?></div>
        <div id="content_2" class="content">Content for Tab 2</div>
        <div id="content_3" class="content">Content for Tab 3</div>
		<div id="content_4" class="content">Content for Tab 4</div>
        <div id="content_5" class="content">Content for Tab 5</div>
   		<div id="content_footer"></div>
    </div>

</div>


			  </div>
            <span class="Stil1">mX's latest Upload</span>			  
            <div id="work" class="work">
									<img src="images/mex.jpg" width="419" height="169" />
			  </div>
			  <span class="Stil1"> C.Phoenix's latest Upload</span>			  
						<div id="work" class="work">
						<img src="images/chris.jpg" width="419" height="169"/>
            			</div>
			<span class="Stil1">Latest Tutorial</span>
            			<div id="tut" class="tut">
            				<span class="tut_inside">
                
                				<div class="image_tut">
                    				<img src="images/tut_sample.jpg" width="150" height="92" />
                  				</div>
								
               					<div class="text_tut">
                        			<h5>Workshop: Homecoming-Artwork </h5>                   
                        			<small>And then a short description of the website would go in here.  Something saying maybe what awesome skills I used on the project and how happy the client was.</small>
								</div>
               				
							</span>
							
						</div>
						
		 	
						
			</div>
			
			
	       

        
        </div>
    
    </div>

    <div id="footer">

    	<div class="container">
        
        	
        
        </div>
    
    </div>
</body>
</html>
Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

2

Dienstag, 2. September 2008, 15:03

Re: [Template] zu blöd zum anpassen?!

Ich seh da gar nix.

Da fehlen ja die Daten im Header.

Hast du den Befehl wieder rausgenommen?

Wäre hilfreich mal die Seite zu sehen.
.
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

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

3

Dienstag, 2. September 2008, 15:52

Re: [Template] zu blöd zum anpassen?!

Hab mir gerade mal die Codes von der Seite die nicht funzt und der Beispielseite angesehen.

Ausser dem Header und dem Content-Platzhalter ist da ja auch nix groß drin.

Das mit dem Content ist auch nur auf den ersten eingebunden.

Hast du das überhaupt richtig als Template ins System reingebaut - auch das Template selbst?

Es wird nur das style aufgerufen - damit funzt das CMS nicht - dieses muss als richtiges Template rein.

Daher wird wohl auch der Header erst gar nicht richtig aufgerufen.


Edit - noch was vergessen.

ich verstehe zwar nicht viel von Java, doch wie soll damit überhaupt Content aufgerufen werden.

Die Links werden vom System generiert, über die Seiten, welche angelegt sind.

Über deine Links geht es nach unten weiter im Script zum Content - wo soll der herkommen.

Ohne Menü vom System - keine Links zu den Seiten?!
.
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

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

4

Dienstag, 2. September 2008, 18:35

Re: [Template] zu blöd zum anpassen?!

Mann, Mann, Mann,

wo haste denn das Template gefunden, das war so Sch... geproggt - so viele Fehler.

Hab 3 Std. dran gesessen, bis ich die ganzen Fehler raus hatte und es so umgebaut war, das es funzt.

Hätt ich das gewusst, wär ich da nicht dran gegangen - das geht nur im FF und IE8 - ab IE7 und abwärts geht schon nix mehr.

Das Ding muss komplett neu geproggt werden.

Das ist so umständlich und von Stylesheet immer noch dermaßen fehlerhaft, das es überhaupt nicht Browserübergreifend funzt.

Hier kannst Du es dir anschauen - Testseite auf meiner Testinstall (Beta) - ich lass es ein paar Tage drauf stehen, das du Zeit hast, falls du den Beitrag nicht gleich liest.

http://www.24b.biz/beta/cof/

Geht aber nur im FF oder IE8 (nach wie vor - das hab ich nicht mehr umgebaut - das muss anders und neu gemacht werden)

Es war von dir überhaupt nicht eingebaut.

Gruß
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

mkz

Anfänger

  • »mkz« ist der Autor dieses Themas
  • Nachricht senden

5

Mittwoch, 3. September 2008, 20:00

Re: [Template] zu blöd zum anpassen?!

ic hhabs nirgends gefunden ich habs selber gemacht :P
wie man wohl sieht zum ersten mal dass ich damit überhaupt was zu tun hab :/

kannst du mir evtl. die sachen in eienr rare-datei uppen?
ich peil grad überhaupt nichts O_O
Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

6

Mittwoch, 3. September 2008, 20:27

Re: [Template] zu blöd zum anpassen?!

Das nützt nicht viel.

Ich hab immer wieder Fehler gehabt und nur die umgebaut, weil grundlegende Fehler eingebaut waren - z.B. auch div in span usw..

Das geht zwar teilweise, ist jedoch schon mal nicht valide und ich weis auch nicht wie die einzelnen Browser darauf reagieren.

Das hab ich zwar alles abgeändert und vor allem auch der Aufbau der Klassen, welche in den ULs und denLIs angegeben waren.

Sowas kann nicht in ein Template eingebaut werden, sondern dies müsste ins CMS selbst eingebaut werden, da das System die UL und LIs ausgibt. Das hab ich im CSS dann geändert.

Ich hab auch die Buttons oben rausgenommen und durch reines CSS anzeigen lassen.

Jedoch hab ich eines nicht gemacht, wie oben beschrieben. Nähmlich nicht komplett umgebaut - und dies ist zwingend notwendig.

Das Template ist einfach ansich bereits falsch aufgebaut, so das es auf anderen Browsern (z.B. IE7) schon gar nicht mehr angezeigt wird.

Du kannst es also vergessen. Das Template muss komplett neu geproggt und etwas anders aufgebaut werden, sonst funzt es überhaupt nicht richtig.

Ich hab keine Ahnung nach welcher Anleitung Du das gemacht hast, aber es war schon im Ansatz zu kompliziert in einigen Dingen aufgebaut, welche Einfacher besser gehen. Ich nehme schon an, das du eine Vorlage hattest.

Das kann so nicht bleiben. Außerdem hab ich das Menü hardgecodet, das es nur so angezeigt wird. Es muss noch das oder die Menues (weil so geht kein Submenu anzulegen - und dafür muss auch das Stylesheet angepasst werden) rein, das Logo, die Page usw..

Kurz und bündig - das Ding muss nach der gewünschten Optik (mit ein paar sinnvollen und notwendigen Anpassungen) komplett neu gemaccht werden und zwar anders, so das zukünftige Möglichkeiten auch möglich sind.

Gruß
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

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

7

Freitag, 5. September 2008, 11:48

Re: [Template] zu blöd zum anpassen?!

So, jetzt hab ich mal wieder mehr Zeit.

Aber wie gesgat, ist nur so eigebaut, das man es sieht. Fehlt noch einiges und das Strylesheet selbst ist für die Katz, weil es auf anderen Browsern nicht funzt - muss komplett neu und anders aufgebaut werden.

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
87
88
89
90
91
92
93
94
95
96
97

<!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" xml:lang="de" lang="de">

<head>

	<?php page_header(); ?>

</head>

<body>
<div id="header">

<div class="container">



</div>

</div>
    <div id="main">
    
    	<div class="container">
       
            
            <div id="tut_featured">
            <div class="block_content">
            				


<div>

    <div id="tabbed_box">

<ul>
<li><a href="http://www.24b.biz/beta/startseite/" title="Startseite" target="_self">Startseite</a></li>
<li><a href="http://www.24b.biz/beta/ueber-mich/" title="&Uuml;ber mich" target="_self">&Uuml;ber mich</a></li>
<li><a href="http://www.24b.biz/beta/gaestebuch/" title="G&auml;stebuch" target="_self">G&auml;stebuch</a></li>
<li><a href="http://www.24b.biz/beta/kontakt/" title="Kontakt" target="_self">Kontakt</a></li>
<li><a href="http://www.24b.biz/beta/cof/" class="aktiv" title="COF" target="_self">COF</a></li>
</ul>
        
		
		
        <div  class="content"><?php page_content(); ?></div>

   		<div id="content_footer"></div>
    </div>

</div>


 </div>
            <span class="Stil1">mX's latest Upload</span>			  
            <div class="work">
	<img src="http://www.24b.biz/beta/cof/mex.jpg" alt="mex" />
            </div>
			  
	<span class="Stil1"> C.Phoenix's latest Upload</span>	
	<div class="work">		  
	<img src="http://www.24b.biz/beta/cof/chris.jpg" alt="chris" />
            	</div>
			
	<span class="Stil1">Latest Tutorial</span>
            	<div id="tut" class="tut">

            	<div class="tut_inside">
                
                	<div class="image_tut">
                    <img src="http://www.24b.biz/beta/cof/tut_sample.jpg" alt="tut" />
                  	</div>
								
               	<div class="text_tut">
                    <h5>Workshop: Homecoming-Artwork </h5>                   
                        <small>And then a short description of the website would go in here.  Something saying maybe what awesome skills I used on the project and how happy the client was.</small>
	</div>
			
	</div>
							
		</div>
						
			</div>
			
        </div>
        </div>

    <div id="footer">

    	<div class="container"><div class="ctext"><?php page_footer(); ?></div>
        
        	
        
        </div>

    
    </div>
</body>
</html>



Das hab ich nur so gemacht, das es angezeigt wird und denm Rest gelassen - kannste also auch vergessen.

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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195

/* Background-Styles */

body {
	margin:0px; padding:0px;
	background-color:#FFFFFF;
}
#main {
	background:#ffffff;
}

#main .container {
    background:#ffffff;
	background-repeat:no-repeat;
	min-height:711px;
}
.container {
	width:1000px;
	margin:0 auto;
  	position:relative;
}

#header {
    background:#c4c0be url(../images/header_light_slice.jpg) repeat-x;
}
#header .container {
    background-image:url(../images/header_light.jpg);
	background-repeat:no-repeat;
	height:61px;
}

#footer {
	background:#c4c0be url(../images/footer_light_slice.jpg) repeat-x; color:#fff; font-size: 10px; font-family: "Arial";
}
#footer .container {
	background-image:url(../images/footer_light.jpg);
	background-repeat:no-repeat;
	height:44px;
}

#footer .ctext {
	padding-top:25px; text-align:center;
}

#footer a.w3b {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#footer a:hover.w3b {
	text-decoration: underline;
	color: #fff;
	font-weight: bold;

}


 /* INFO right side */


.work {
margin-left:20px;
    padding:6px;
	background-image: url(../images/work_bg.jpg);
	width:432px;
	height:181px;
    background-repeat: no-repeat;
}


/* Tutorial */


#tut_feature {
	margin-left:20px;
	width:432px;
}
#tut_featured {
	background-repeat: no-repeat;
}

.tut {
	margin-left:20px;
	float:left;
	background-image: url(../images/tut_bg.jpg);
	margin-bottom:5px;
	width:432px;
	height:100px;
    background-repeat: no-repeat;
}
.tut_inside { 
	display:block; 
	background: #ffffff url(../images/tut_bg.jpg);	
	padding:4px;
	background-repeat: no-repeat;
}

.image_tut {
	float:left;
}

.image_tut img {
}

.text_tut {
	height:100px;
	float:none;
	width:260px;
	margin-left:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


.block_content {
	float:right;
	padding-right:30px;
}

/*Content!!!!!*/

#tabbed_box {
	margin: 0px auto 0px auto;
	width:500px;
}

#tabbed_box ul {
	background-color:#333333;
	margin:0px; padding:0px;
	text-align:center;
}
#tabbed_box ul li {
	list-style:none;
	display:inline;
	overflow: hidden;
padding: 0px 2px 0px 2px ;
}

#tabbed_box ul li a {
	color:#333333;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
background:#fff; 
border:2px solid; border-color: #fff #535353 #535353 #535353;
padding: 2px 14px 6px 14px;
}
#tabbed_box ul li a:hover {
background:#fff; 
border:2px solid; border-color: #fff #535353 #535353 #535353;
padding: 2px 14px 12px 14px;
}
#tabbed_box ul li a.aktiv {
background:#fff; 
border:2px solid; border-color: #fff #535353 #535353 #535353;
padding: 2px 14px 12px 14px;
}


.content {
	min-height:572px;
	background-color:#333333;
	padding:10px;
	background-image:url(../images/content_bg.jpg);
	background-repeat: repeat-x;	
	background-position:bottom;
	color:#fff;
}
#content_footer {
	background-image:url(../images/content_footer.jpg);
	height:44px;
}

.Stil1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 22px;
}
.Stil2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.Stil4 {font-size: 10pt}


/* w3b */

form {

	margin: 0px;
	padding: 0px;

}
.
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