#1

R.M.

Mitglied  (37 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.baubeschlagshop.de

Hallo und Guten Tag

ich habe mit s2d.7.pro eine Website mit dem Design Phi erstellt.

Vorher hatte ich das Design kopiert und im Design-Ordner unter einem anderen Namen gespeichert.
In der "style_design.ccml" und der "navigation.ccml" habe ich dann das Design zentriert,
gemäß der Anleitung aus einem anderen Forum ?
(bzw. unter http://www.webdesign.siegmann.ws/web-to-date-tipps/web-to-date/phizentrieren.php
 dort die entsprechende ZIP-Datei heruntergeladen)

Nun wird aber immer das gleiche Eyecatcher-Bild angezeigt.
Die für die einzelnen Seiten von mir dort unter "Eigenschaften ... erweitert ... Bild für Eyecatcher"
festgelegten Bilder aber nicht.

Wenn ich unter "Design auswählen" wieder das ursprüngliche (also das "Original-Design" Phi) auswähle,
funktioniert das mit den verschiedenen Eycatchern wieder.

Kann mir jemand sagen, warum das mit dem zentrierten Design nicht funktioniert
und wie das zu ändern ist.

Vielen Dank vorab.

(soll ich jetzt hier den Inhalt der beiden o.g. Dateien einfügen ? Und wenn ja, wie ?)

MfG Roland
R.M.

 

#2

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#3

R.M.

Mitglied  (37 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.baubeschlagshop.de

Danke für die schnelle Reaktion.

Hier ist die style_design.css

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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
BODY {
        margin: 0px;
        padding: 0px;
        background: #E4E3E3;
}
 
#wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 916px;
        min-height: 600px;
        background: #E4E3E3 url(../images/<cc :print value="&pic.back.filename">) repeat-y;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0px;
 clear: both;
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
 
 
#logo {
        float: left;
        position: relative;
        left: 8px;
        top: 0px;
        width: 700px;
        height: 75px;
        background: url(../images/<cc :print value="&pic.logo.filename">) no-repeat;
}
 
#search {
        float: right;
        position: relative;
        top: 28px;
        width: 200px;
}
 
#search input {
        margin: 0px;
        vertical-align : middle;
}
 
#input.search {
        border : 1px solid #cdcdcd;
        color: #333333;
        width: 118px;
        padding: 2px;
        background: url(../images/<cc :print value="&pic.maintopic.filename">) repeat-x;
        font-size: 10px;
}
 
#maintopic {
        position: relative;
        float: left;
        left: 8px;
        width: 900px;
        height: 30px;
        border-top: 1px solid #cdcdcd;
        background: url(../images/<cc :print value="&pic.maintopic.filename">) repeat-x;
        overflow: hidden;
}
 
#plaintext {
        position: relative;
        float: right;
        padding: 10px 15px 0px 0px;
        width: 495px;
        text-align: right;
        z-index: 100;
}
 
#plaintext a {
        color: #888888;
        text-decoration: none;
}
 
 
#youarehere {
        display: block;
        float: left;
        position: relative;
        left: 8px;
        width: 900px;
        height: 30px;
}
 
#youarehere a {
 
        width: 900px;
        padding: 0px 0px 5px 10px;
        line-height: 25px;
        color: #888888;
        text-decoration: none;
        font-size: 11px;
}
 
#youarehere a:hover {
        color: <cc :print value="&usercolor.medium">;
}
 
 
#maintopic a {
        display: block;
        float: left;
        height: 30px;
        padding: 0px 10px 0px 10px;
        line-height: 30px;
        color: #888888;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing : 2px;
        background : url(../images/<cc :print value="&pic.line.filename">) no-repeat right;
}
 
#maintopic a:hover {
        background: url(../images/<cc :print value="&pic.maintopica.filename">) repeat-x;
        color: #333333;
}
 
#maintopic a.active {
        background: url(../images/<cc :print value="&pic.maintopica.filename">) repeat-x;
        color: #333333;
        font-weight: bold !important;
        font-size: 11px;
}
 
 
#topic {
        position: relative;
        float: left;
        left: 8px;
        width: 199px;
        background-color: <cc :print value="&usercolor.medium">;
}
 
#topic a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        border-bottom: 1px solid <cc :print value="&usercolor.bright">;
        padding: 0px;
        margin: 3px 18px 6px 18px;
        text-transform: uppercase;
        font-size: 10px;
}
 
#topic p {
        text-align: center;
}
 
#topic p a {
        border-bottom: none !important;
}
 
#topic a.active, #topic a:hover {
        color: <cc :print value="&usercolor.bright">;
}
#topic a.activetop {
        color: #fff;
        font-weight: bold;
}
 
#topic h1 {
        padding: 9px 18px 9px 18px;
        background-color: <cc :print value="&usercolor.dark">;
        font-size: 100%;
        font-weight: bold;
        color: #ffffff;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0px;
}
 
#eyecatcher {
        position: relative;
        float: right;
        right: 8px;
        width: 700px;
        height: 150px;
        background: url(../images/<cc :print value="&pic.eyecatcher.filename">) no-repeat;
}
 
#rechts {
        width: 688px;
        float: right;
}
 
#content {
        position: relative;
        float: left;
        width: 460px;
        padding: 0px;
        margin: 0px;
}
 
#sidebar {
        position: relative;
        float: right;
        right: 8px;
        width: 200px;
        background-color: <cc :print value="&usercolor.medium">;
        color: #fffff;
}
 
#footer {
        clear: both;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 916px;
        height: 32px;
        background: url(../images/<cc :print value="&pic.footer.filename">);
}
#footer p {
        padding-top: 15px;
}
#footer a {
        color: #000;
        text-decoration: none;
        border-bottom: 1px solid <cc :print value="&usercolor.bright">;
        padding: 0px;
        margin-left: 15px;
        text-transform: uppercase;
        font-size: 10px;
}

 und hier die navigation.ccml

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
<head>
<title><cc:print value="&page.content.caption"></title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="expires" content="0" />
<meta name="author" content="<cc:print value="&site.metaauthor">" />
<meta name="description" content="<cc:print value="&page.content.metadescription">">
<meta name="keywords" lang="<cc:print value="&site.metalang">" content="<cc:print value="&page.content.metakeywords">">
<cc:if cond="&site.rss.url">
<link href="<cc:print value="&site.rss.url">" rel="alternate" type="application/rss+xml" title="<cc:print value="&site.rss.caption">" />
</cc:if>
<cc:if cond="&site.favicon.url">
<link rel="shortcut icon" href="<cc:print value="&site.favicon.url">" />
</cc:if>
<link rel="stylesheet" type="text/css" href="<cc:print value="&myfontstyle.url">" />
<link rel="stylesheet" type="text/css" href="<cc:print value="&mydesignstyle.url">" />
<link rel="stylesheet" type="text/css" href="<cc:print value="&mycontentstyle.url">" />
<cc:if cond="&topic.isshop">
<link rel="stylesheet" type="text/css" href="<cc:print value="&myshopstyle.url">">
</cc:if>
</head>
 
<body>
<div id="wrapper" class="clearfix">
<cc:if cond="&site.plaintextfile">
<div id="plaintext">
<a href="<cc:print value="&site.plaintextfile">"><cc:print value="&site.ressource.plaintext"></a>
</div>
</cc:if>
 
<a href="<cc:print value="&home.url">"><div id="logo"><cc:print value="&site.htmlheader"></div></a>
 
<div id="maintopic">
<cc:loop type="maintopic" obj="mymaintopic">
<a <cc:if cond="&mymaintopic.ispagemaintopic">class="active"</cc:if> href="<cc:print value="&mymaintopic.url">"><cc:print value="&mymaintopic.caption"></a>
</cc:loop>
</div>
 
<div id="youarehere">
<a href="<cc:print value="&home.url">">&raquo;&nbsp;<cc:print value="&site.ressource.home"></a>
 
<cc:if cond="&page.maintopic.number">
<a href="<cc:print value="&page.maintopic.url">">&nbsp;&raquo;&nbsp;<cc:print value="&page.maintopic.caption"></a>
</cc:if>
 
<cc:if cond="&page.topic.number">
<a href="<cc:print value="&page.topic.url">">&nbsp;&raquo;&nbsp;<cc:print value="&page.topic.caption"></a>
</cc:if>
 
<cc:if cond="&page.subtopic.number">
<a href="<cc:print value="&page.subtopic.url">">&nbsp;&raquo;&nbsp;<cc:print value="&page.subtopic.caption"></a>
</cc:if>
</div>
 
<div id="eyecatcher"></div>
 
<div id="topic"><cc:if cond="&page.ishome"><h1><cc:print value="&site.ressource.home"></h1><br>
 
<cc:loop type="maintopic" obj="mymaintopic">
<a <cc:if cond="&mymaintopic.ispagemaintopic">class="active"</cc:if> href="<cc:print value="&mymaintopic.url">"><cc:print value="&mymaintopic.caption"></a>
</cc:loop>
<br><br>
<cc:else><h1><cc:print value="&page.maintopic.caption"></h1><br>
 
<cc:if cond="&page.topiccount gt 0">
<cc:loop type="topic" obj="mytopic" maintopic="&page.maintopic.number">
<a <cc:if cond="&mytopic.ispagetopic">class="activetop"</cc:if> href="<cc:print value="&mytopic.url">"><cc:print value="&mytopic.caption"></a>
</cc:loop>
<br><br>
<cc:else>
<br><br><br><br><br><br><br><br><br>
</cc:if>
 
<cc:if cond="&page.topic.number">
<cc:loop type="subtopic" obj="mysubtopic" maintopic="&page.maintopic.number" topic="&page.topic.number">
<a <cc:if cond="&mysubtopic.ispagesubtopic">class="active"</cc:if> href="<cc:print value="&mysubtopic.url">"><cc:print value="&mysubtopic.caption"></a>
</cc:loop>
<cc:if cond="&page.subtopiccount gt 0">
<br>
</cc:if>
</cc:if>
 
</cc:if>
 
<br><br>
 
</div>
 
<div id="rechts">
 
<div id="content">
<cc:print value="&page.content.text">
</div>
 
<cc:if cond="&sidebar.count gt 0">
<div id="sidebar">
<cc:loop type="sidebar" obj="mysidebar">
<cc:if cond="&mysidebar.caption">
<h1><cc:print value="&mysidebar.caption"></h1>
</cc:if>
<div class="sb">
<cc:print value="&mysidebar.text">
</div>
</cc:loop>
</div>
</cc:if>
</div> <!--ENDE rechts-->
 
<div id="footer"><p>Copyright &copy; besseretarife.info &#183; Jetzt vergleichen und bessere Tarife finden&nbsp; &#183; Alle Angaben ohne Gew&auml;hr
<a href="<cc:print value="&home.url">"><cc:print value="&site.ressource.home"></a>
<cc:loop type="commonpages" obj="mycommonpage">
<a rel="noindex, follow" href="<cc:print value="&mycommonpage.url">"><cc:print value="&mycommonpage.caption"></a>
</cc:loop>
<a href="http://files.check24.net/ads/113/agb-datenschutz.html"  target="_blank">AGB</a>
 
</p></div>
<!--ENDE footer-->
 
</div> <!--ENDE wrapper-->
 
</body>
</html>

 wie gesagt, Design Phi

und die Website ist www.bessere-tarife.info
(noch im Aufbau; aber da ist leider eh immer nur der eine Eyecatcher zu sehen)

Gruß Roland

#4

cojo_1008

Ehrenmitglied  (453 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 https://www.it-passform.de

Du solltest die navigation.ccml nicht einfach 1:1 übernehmen - dann geht garantiert was schief ;-)

Hier das Original:

1
2
3
4
5
6
<cc:if cond="&topic.properties.design.topic.eyecatcher.picture.uid">
<cc:picture obj="pic.eyecatcher" uid="&topic.properties.design.topic.eyecatcher.picture.uid" boxwidth="700" boxheight="150" suffix="_eyecatcher">
<div id="eyecatcher" style="background-image:url(<cc:printpictureurl obj="pic.eyecatcher_eyecatcher">);"></div>
<cc:else>
<div id="eyecatcher"></div>
</cc:if>

 und hier dein Code:

1
<div id="eyecatcher"></div>

 Damit dürfte klar sein, warum deine eigenen Eyecatcher nicht zu sehen sind...

Ich vermute mal die navigation.ccml stammt aus der Version 6 - da fehlt die Verknüpfung der jquery und noch einiges mehr. Lade dir Winmerge herunter, damit kannst du vergleichen wo du Änderungen machen musst. Diese navigation.ccml würde ich wieder raus nehmen

#5

R.M.

Mitglied  (37 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.baubeschlagshop.de

Hallo Conny,

vielen Dank, das funktioniert jetzt prima !!!

Gruß
Roland

2313 Aufrufe | 5 Beiträge