You are not logged in.

mehr als 5 Hauptseiten

Controlpanel

Statistic

  • Members: 13113
  • Threads: 18186
  • Postings: 119693 (ø 46.07/day)

  • Greetings to our newest member: mislonly

w2d Premium-Support

Die Experten für web to date / shop to date

Facebook

  • 1
  • 2

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

1

Wednesday, January 11th 2012, 8:47pm

mehr als 5 Hauptseiten

Hallo,

was muß ich ändern, damit ich nicht nur 5 sondern 7 Hauptseiten erstellen kann?

Danke im voraus!

Gruß
Peter

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

2

Thursday, January 12th 2012, 7:25am

Suche in der navigation.ccml diese Zeile

Source code

 
1

<cc:if cond="&mymaintopic.number lt 6">
für die Hauptseiten der 1. Ebene und ändere sie um in

Source code

 
1

<cc:if cond="&mymaintopic.number lt 8">
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

3

Thursday, January 12th 2012, 10:10am

Hall Conny,

Danke für deine Unterstützung!

Ich finde zweimal diesen Code in der navigation.ccml. Leider werden immer noch nur 5 Hauptseiten angezeigt. Egal ob ich beide ändere oder nur einen.

Muß dieser Code auch noch geändert werden?
<cc:if cond="&mymaintopic.number lt 12">

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

4

Thursday, January 12th 2012, 10:15am

also ich finde den Code 3x und

Source code

 
1

<cc:if cond="&mymaintopic.number lt 12">
finde ich gar nicht - da scheinst du was geändert zu haben...
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

5

Thursday, January 12th 2012, 10:38am

Hallo Conny,

ich habe von diesem Beitrag deinen Code genommen, damit, wenn keine zweite Hauptseite vorhanden ist, daß dann trotzdem das Bild angezeigt wird.
http://www.w2d-forum.de/web-to-date-desi…uma-navigation/

Wenn ich die Original navigation.ccml ändere, dann werden auch 7 Hauptseiten angezeigt. Allerdings in zwei Spalten. Ist es möglich, daß alle 7 Hauptseiten oben nebeneinander erscheinen?

Gruß
Peter

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

6

Thursday, January 12th 2012, 11:13am

ändere in der style_design.css bei

Cascading style sheet

 
1

ul#megadrop li a
und bei

Cascading style sheet

 
1

ul#megadrop ul a
den width-Wert von 160px auf z.B. 110px. Das musst du mal ausprobieren wie es dann passt...
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

7

Thursday, January 12th 2012, 12:09pm

Hallo Conny,

es funktioniert. Jedoch werden jetzt die Überschriften in zwei Zeilen angezeigt. Jetzt müsste ich noch den grauen Rahmen etwas nach unten verbreitern können.

Kannst du mir dabei ebenfalls helfen?

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

8

Thursday, January 12th 2012, 12:22pm

welchen grauen Rahmen?
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

9

Thursday, January 12th 2012, 12:34pm

Auf der Stratseite. Das schmale breite Fenster, indem jetzt die 7 Hauptseiten aufgelistet sind. Dadurch, daß jetzt 7 Hauptseiten angezeigt werden, reicht der Platz für die Beschriftung nicht mehr aus, und die Hauptseitennamen werden jetzt zweizeilig dargestellt. Die untere Zeile wird nicht mehr komplett in dem Rahmen angezeigt.

Siehe Beispielseite: Haus Küche usw. Dieser Rahmen muß in der Höhe angepaßt werden.
http://www.todate.de/designs/wtd/yuma/ku…urant/index.php

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

10

Thursday, January 12th 2012, 12:52pm

ich weiß immer noch nicht was du meinst...
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

11

Thursday, January 12th 2012, 1:50pm

Hallo Conny,

in der Beispielseite steht oben in einem eigenen Bereich nebeneinander "Haus, Küche, Events, Vital, Kinder.

Nehmen wir an es würden dort 7 Hautseiten mit jeweils zwei Begriffen aufgelistet:
Haus Kauf, Küche planen, Events bestellen, Vital Sport, Kinder Fahrrad, Schule Anmeldung, Urlaub buchen.

Jetzt passt der Text nicht mehr nebeneinander und er wird nun jeweils untereinander dargestellt.
Haus Küche Events Vital Kinder Schule Urlaub
Kauf planen bestellen Sport Fahrrad Anmeldung buchen

Jetzt wird der untere Text Kauf planen usw. nicht mehr komplett angezeigt, weil die Hauptseitenauswahlleiste zu schmal ist. Diese muß nach unten erweitert werden.

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

12

Thursday, January 12th 2012, 2:20pm

Aktuell sieht es so aus! Siehe Dateianhang!
Peterwebtodate has attached the following file:
  • Unbenannt.JPG (19.02 kB - 56 times downloaded - latest: Apr 18th 2012, 5:15pm)

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

13

Thursday, January 12th 2012, 5:15pm

wo ist das, oben oder unten?
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

14

Thursday, January 12th 2012, 5:52pm

oben!

Peterpander2te

Intermediate

  • "Peterpander2te" is male

Posts: 337

Location: Berlin

Occupation: Helfer bei Siemens Power Generation

web/shop to date Version: s2d 7.0 und w2d 8.0

  • Send private message

15

Thursday, January 12th 2012, 6:47pm

Anleitung nochmals dazu!

Hier mal die komplette Anpassung, die ich damals mit Conny hier via Forum geändert habe.
Style_design.css:

Source code

 
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

/* Achtung, Bildgröße von 400 auf 300px reduziert */
#sliderstage {
	width: 960px;
	height: 300px; /* Originalgröße 440px */
	overflow: hidden;
	position: relative;}
#slidercontainer {
	width: 960px;
	height: 300px; /* Originalgröße 440px */
	top: 0;
	position: absolute;}
#slidercontainer .sliderpic {
	display: block;
	float: left;
	width: 900px;
	height: 260px; /* Originalgröße 110px */
	padding: 330px 30px 0 30px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
ul#megadrop {
	position: absolute;
	width: 960px; /* Originalgröße 800px */
	height: 40px;
	background:<cc:print value="&usercolor.bright"> url(./../images/<cc:print value="&pic.topmenu.filename">) repeat-x;
	margin: 0;
	padding: 0;
	top: 0px; /* Original top: 14px */
	left: 0px; /* Original left: 79px */
	list-style: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	rem border: 1px solid #cccccc;
	overflow: hidden;}
ul#megadrop li {
	float: left;
	width:105px; /* Original, ohne die Widthangabe */}
ul#megadrop li.sel a {
	background-color: <cc:print value="&usercolor.medium">;
	color: #ffffff;}
ul#megadrop li.sel li a {
	background-color: transparent;
	color: <cc:print value="&usercolor.medium">;}
ul#megadrop li.sel li a:hover {
	background-color: <cc:print value="&usercolor.medium">;
	color: #ffffff;}
ul#megadrop li a {
	padding: 11px 0;
	display: block;
	text-decoration: none;
	color: <cc:print value="&usercolor.medium">;
	outline: none;
	line-height: 18px;
	width: 105px; /* original width: 160px */
	text-align: center;
	font-family: 'Amaranth';
	font-size: 12px; /* Original font-size: 15px */
	text-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
ul#megadrop li ul {
	width: 960px; /* Originalgröße 800px */
	height: 360px; /* Originalgröße 260px */
	position: absolute;
	overflow: hidden;
	top: 440px;
	left: 0;
	background-repeat: no-repeat;
	list-style: none;
	padding: 0;
	margin: 0;}
ul#megadrop li.sel ul {
	top: 40px;}
ul#megadrop ul a {
	width: 105px; /*Original width: 160px */
	height: 18px;
	float: left;
	background-repeat: no-repeat;
	padding: 231px 0 11px 0;
	text-decoration: none;
	color: <cc:print value="&usercolor.medium">;
	outline: none;
	line-height: 18px;
	text-align: center;
	font-family: 'Amaranth';
	font-size: 12px; /* original font-size: 14px */}
ul#megadrop li ul li.sec1 a {background-position: 0 -240px;}
ul#megadrop li ul li.sec2 a {background-position: -105px -240px;}
ul#megadrop li ul li.sec3 a {background-position: -210px -240px;}
ul#megadrop li ul li.sec4 a {background-position: -315px -240px;}
ul#megadrop li ul li.sec5 a {background-position: -420px -240px;}
ul#megadrop li ul li.sec6 a {background-position: -525px -240px;}
ul#megadrop li ul li.sec7 a {background-position: -630px -240px;}
ul#megadrop li ul li.sec8 a {background-position: -735px -240px;}
ul#megadrop li ul li.sec9 a {background-position: -840px -240px;}
ul#megadrop li ul li.sec10 a {background-position: -945px -240px;}
ul#megadrop li ul li.sec11 a {background-position: -1050px -240px;}
ul#megadrop li ul li.sec12 a {background-position: -1155px -240px;}

ul#megadrop li ul li.sec1 a:hover {background-position: 0 0;}
ul#megadrop li ul li.sec2 a:hover {background-position: -105px 0;}
ul#megadrop li ul li.sec3 a:hover {background-position: -210px 0;}
ul#megadrop li ul li.sec4 a:hover {background-position: -315px 0;}
ul#megadrop li ul li.sec5 a:hover {background-position: -420px 0;}
ul#megadrop li ul li.sec6 a:hover {background-position: -525px 0;}
ul#megadrop li ul li.sec7 a:hover {background-position: -630px 0;}
ul#megadrop li ul li.sec8 a:hover {background-position: -735px 0;}
ul#megadrop li ul li.sec9 a:hover {background-position: -840px 0;}
ul#megadrop li ul li.sec10 a:hover {background-position: -945px 0;}
ul#megadrop li ul li.sec11 a:hover {background-position: -1050px 0;}
ul#megadrop li ul li.sec12 a:hover {background-position: -1155px 0;}

navigation.ccml:

Source code

 
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

/* Anpassung der Bildgröße und Linkmenge */
<style type="text/css">

<cc:loop type="maintopic" obj="mymaintopic">
<cc:if cond="&mymaintopic.number lt 12">
<cc:if cond="&mymaintopic.properties.design.topic.nav.picture.uid">
ul#megadrop li.main<cc:print value="&mymaintopic.number"> ul {background-image: url(<cc:printpictureurl obj="mymaintopicpicturebw" suffix="'.nav.bw.'+&mymaintopic.number">);}
ul#megadrop li.main<cc:print value="&mymaintopic.number"> ul li a {background-image: url(<cc:printpictureurl obj="mymaintopicpicture" suffix="'.nav.'+&mymaintopic.number">);}
<cc:else>
ul#megadrop li.main<cc:print value="&mymaintopic.number"> ul {background-image: url(<cc:printpictureurl obj="smallpic.default">);}
ul#megadrop li.main<cc:print value="&mymaintopic.number"> ul li a {background-image: url(<cc:printpictureurl obj="smallpic.default">);}
</cc:if>
</cc:if>
</cc:loop>
</style>
<div id="maincontainer">
<div id="sliderstage">
<div id="slidercontainer">
<div style="background-image: url(<cc:printpictureurl obj="pic.logo">);" class="sliderpic" ><h1><cc:print value="&site.caption"></h1><h2><cc:print value="&site.properties.design.slogan"></h2></div>
<cc:loop type="maintopic" obj="mymaintopic">
<cc:if cond="&mymaintopic.number lt 12">
<cc:if cond="&mymaintopic.properties.design.topic.eyecatcher.picture.uid">
<cc:picture uid="&mymaintopic.properties.design.topic.eyecatcher.picture.uid" obj="mymaintopicpicture" suffix="'.nav.big.'+&mymaintopic.number" boxwidth="960" boxheight="300">
<div style="background-image: url(<cc:printpictureurl obj="mymaintopicpicture" suffix="'.nav.big.'+&mymaintopic.number">);" class="sliderpic <cc:if cond="&mymaintopic.properties.design.topic.nav.position.number=2">textright</cc:if>">
<cc:else>
<div style="background-image: url(<cc:printpictureurl obj="bigpic.default">);" class="sliderpic <cc:if cond="&mymaintopic.properties.design.topic.nav.position.number=2">textright</cc:if>" >
</cc:if>
<h1><cc:print value="&mymaintopic.caption"></h1>
<h2><cc:print value="&mymaintopic.properties.design.topic.slogan"></h2>
</div></cc:if></cc:loop></div>
<a id="sliderleft" href="#"></a><a id="sliderright" href="#"></a>
<ul id="megadrop">
<cc:loop type="maintopic" obj="mymaintopic">
<cc:if cond="&mymaintopic.number lt 12">
<li class="main<cc:print value="&mymaintopic.number"> <cc:if cond="&mymaintopic.ispagemaintopic">sel</cc:if>"><a href="<cc:print value="&mymaintopic.url">"><cc:print value="&mymaintopic.caption"></a>
<ul>
<cc:loop type="topic" obj="mytopic" maintopic="&mymaintopic.number">
<cc:if cond="&mytopic.number lt 12">
<li class="sec<cc:print value="&mytopic.number">"><a href="<cc:print value="&mytopic.url">"><cc:print value="&mytopic.caption"></a></li>
</cc:if></cc:loop></ul>
</li></cc:if></cc:loop></ul></div>

global.ccml:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13

/* Warum noch etwas in der global.ccml ändern? */
/* Weil sich dort auch noch Anweisungen für das 
Script befinden, die ebenfalls geändert bzw. angepasst werden müssen */
<cc:loop type="maintopic" obj="mymaintopic">
<cc:if cond="&mymaintopic.number lt 12">
<cc:if cond="&mymaintopic.properties.design.topic.nav.picture.uid">
<cc:if cond="&mymaintopic.properties.design.topic.nav.picture.alt.uid">
<cc:picture uid="&mymaintopic.properties.design.topic.nav.picture.alt.uid" obj="mymaintopicpicture" suffix="'.nav.'+&mymaintopic.number" boxwidth="960" boxheight="220">
<cc:picture uid="&mymaintopic.properties.design.topic.nav.picture.uid" obj="mymaintopicpicturebw" suffix="'.nav.bw.'+&mymaintopic.number" boxwidth="960" boxheight="220">
<cc:else>
<cc:picture uid="&mymaintopic.properties.design.topic.nav.picture.uid" obj="mymaintopicpicture" suffix="'.nav.'+&mymaintopic.number" boxwidth="960" boxheight="220">
<cc:picture uid="&mymaintopic.properties.design.topic.nav.picture.uid" obj="mymaintopicpicturebw" suffix="'.nav.bw.'+&mymaintopic.number" boxwidth="960" boxheight="220" mapblackto="#000000" mapwhiteto="#ffffff">
</cc:if></cc:if></cc:if></cc:loop>

Nach Änderung wie hier beschrieben, sollte dein design wie bei mir einwandfrei funktionieren.
Denk bitte immer darann, vorher die zubearbeitenden Dateien zu sichern.
Mit freundlichen Grüßen
Sven Rülke

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

16

Thursday, January 12th 2012, 7:44pm

Hallo Sven,

Danke für deine Hilfe. ich möchte jedoch nicht die Bildgröße ändern. Es passt alles, bis auf meinen Beitrag von Heute, 14:20. Ich möchte nur die obere Navigationsleiste etwas nach unten verbreitern.

Welche Code muß ich dafür ändern? Ich bin bzgl. Codes absoluter Anfänger.

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

17

Friday, January 13th 2012, 1:05pm

Lösche in der style.design.css bei

Cascading style sheet

 
1

ul#megadrop li a
die Zeile

Cascading style sheet

 
1

padding: 11px 0;
und setze bei der Zeile

Cascading style sheet

 
1

line-height: 18px;
den Wert auf 20px
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

18

Friday, January 13th 2012, 2:03pm

Hallo Conny,

vielen Dank. Jetzt paßt es!

Wie kann man die Links farblich mehr hervorheben?

500W 41x63x8cm (LxHxT) ist der Link.

Anbei Foto
Peterwebtodate has attached the following file:
  • Link.JPG (29.13 kB - 26 times downloaded - latest: Mar 29th 2012, 12:58pm)

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

19

Friday, January 13th 2012, 2:22pm

setze in der style_content.css unter den Abschnitt

Cascading style sheet

 
1
2
3
4

p.teasertext {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

folgendes

Cascading style sheet

 
1

a.teaserlink {color:#ff8000 !important;}

Farbe musst du natürlich anpassen...
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

20

Friday, January 13th 2012, 4:22pm

Da ändert sich leider nichts!


p.teasertext {
margin: 0px;
padding: 4px 0px 4px 0px;
}
a.teaserlink {color:#ff8000 !important;}

.teasernav {
clear: both;
padding: 4px 0;
margin: 10px 0;
text-align: center;
border-bottom: 1px solid <cc:print value="&plugin.picturebordercolor">;
}

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

21

Friday, January 13th 2012, 4:45pm

das ist doch ein Aufmacher, oder? Also bei mir ändert sich da was...
cojo_1008 has attached the following file:
  • ScreenShot005.jpg (19.66 kB - 20 times downloaded - latest: Mar 29th 2012, 12:58pm)
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

22

Friday, January 13th 2012, 4:53pm

Ich habe s2d. Im Aufmacher werden bei mir die Produkte angezeigt. Vielleicht klappt es deshalb nicht.

cojo_1008

Super-Moderator

  • "cojo_1008" is female

Posts: 3,609

Location: Berlin-Kaulsdorf

Occupation: Freiberuflerin

web/shop to date Version: shop to date 5 - shop to date 8

  • Send private message

23

Friday, January 13th 2012, 4:54pm

Hm, habe gerade gesehen dass es bei den Teasern im Shop tatsächlich nicht geht - ich hatte es nur bei einer einfachen Webseite probiert. Dann trage mal in die style_content.css unter die zuletzt eingefügte Zeile noch folgende ein:

Cascading style sheet

 
1

div.teaserelement p a {color:#ff8000 !important;}
Gruß Conny

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

24

Friday, January 13th 2012, 4:58pm

Perfekt -:-).

Sieht gut aus!

Vielen Dank!

Peterwebtodate

Trainee

  • "Peterwebtodate" started this thread

Posts: 54

web/shop to date Version: 8.0

  • Send private message

25

Sunday, January 15th 2012, 9:04pm

Hallo Conny,

was muß ich ändern, damit trotzdem ein Hintergrundbild angezeigt wird, wenn keine weiteren Seiten vorhanden sind.

Anbei Foto.
Peterwebtodate has attached the following file:
  • 1
  • 2

Similar threads