You are not logged in.

W2D 5.0 Modifizierung der Aufmacher

Controlpanel

Active User

At the moment there aren´t any members active..

Statistic

  • Members: 13109
  • Threads: 18183
  • Postings: 119668 (ø 46.08/day)

  • Greetings to our newest member: misssusan

w2d Premium-Support

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

Facebook

grobi

Beginner

  • "grobi" started this thread

Posts: 31

  • Send private message

1

Wednesday, October 5th 2011, 4:00pm

Modifizierung der Aufmacher

Moin Forum,

ich bin z.Zt. dabei, die Aufmacher ein wenig "hübscher" zu gestalten.

Als Design verwende ich das modifizierte Design Epsilon von Sven Rülke.

Folgendes Problem:

Wenn ich einen Aufmacher zweispaltig gestalte, dann wird der komplette Rahmen dargestellt:

http://www.mehne-automaten.com/sicherheitstechnik/index.html

Wenn ich einen einspaltigen Aufmacher gestalte, dann wird der Rahmen rechts abgeschnitten:

http://www.mehne-automaten.com/geldspiel…line/index.html

Hier der entsprechende Abschnitt aus der style_design.css:

Cascading style sheet

 
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

/* Teaser */

div.teaserelement {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 2px;
	rem background-color: #F2F2F2;
		  border: 4px ridge #F9F200;
background: #161616;


}

div.teaser {
	margin-bottom: 			10px !important;
	padding: 2px 0px 2px 0px;	
}

div.teaserpicture {
	float: right;
	rem background: #F2F2F2;
	padding: 8px 5px 5px 5px;
	margin: 5px -10px 5px 0px;	
	text-align: center;
}

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


.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;


}


Ebenso möchte ich den Abstand zwischen Rahmen und Text/Bild einstellen (z.B. zwischen Rahmen links und Text 5 Pixel Abstand)
und habe schon mit padding/margin einiges versucht - allerdings ohne Erfolg...

Hat jemand Lösungsvorschläge?

Viele Grüße aus dem hohen Norden
Grobi

Paulemann

Sage

Posts: 5,055

web/shop to date Version: 5-8.0

  • Send private message

2

Wednesday, October 5th 2011, 4:20pm

Schnelllösung:

Source code

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

/* Teaser */

div.teaserelement {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 2px;
	rem background-color: #F2F2F2;
		  border: 4px ridge #F9F200;
background: #161616;
        max-width: 700px;


}


Siehe letzte Zeile max-width.

grobi

Beginner

  • "grobi" started this thread

Posts: 31

  • Send private message

3

Thursday, October 6th 2011, 5:55pm

Danke für den Tipp - klappt einwandfrei ;)

Gruß
Grobi

grobi

Beginner

  • "grobi" started this thread

Posts: 31

  • Send private message

4

Thursday, October 6th 2011, 6:21pm

Quoted from "grobi"

Ebenso möchte ich den Abstand zwischen Rahmen und Text/Bild einstellen (z.B. zwischen Rahmen links und Text 5 Pixel Abstand)
und habe schon mit padding/margin einiges versucht - allerdings ohne Erfolg...

Hat jemand Lösungsvorschläge?


Ich zitiere mich mal selbst, um die 2.offene Frage nochmal zu stellen...

Paulemann

Sage

Posts: 5,055

web/shop to date Version: 5-8.0

  • Send private message

5

Thursday, October 6th 2011, 6:44pm

style_design.css

Source code

 
1
2
3
4
5

#content p {
	margin: 10px;
	padding: 2px 0px 2px 0px;	
	line-height: 180%;
}

Erste Zeile auf 10px geändert.
-----------------
Wußte garnicht das das Design Citrus Island heißt und einen eigenen Autor hat.

Peterpander2te

Intermediate

  • "Peterpander2te" is male

Posts: 333

Location: Berlin

Occupation: Helfer bei Siemens Power Generation

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

  • Send private message

6

Thursday, October 6th 2011, 9:16pm

Quoted from "Paulemann"

Wußte garnicht das das Design Citrus Island heißt und einen eigenen Autor hat.

Hä? Wo steht denn das? Bin verwirrt!
Mit freundlichen Grüßen
Sven Rülke

Paulemann

Sage

Posts: 5,055

web/shop to date Version: 5-8.0

  • Send private message

7

Thursday, October 6th 2011, 9:55pm

Sen Link oben>Ich denke Sven Du benutzt auch den Web Developer im FF>Auszug aus der 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

/********************************************
   AUTHOR:  			xxxxxxxxxxxxxx
   WEBSITE:   			xxxxxxxxxxxxxxxxxxxxxx
	TEMPLATE NAME: 	Citrus Island
   TEMPLATE CODE: 	S-0004
   VERSION:          1.0          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin:0px; 	padding: 0px; }

/* Scrollbalken im FF immer anzeigen */ 
html {height: 100%; margin-bottom: 0.1px;} 

HTML, BODY, TD, INPUT, SELECT { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
} u.s.w......................


Autor und Link habe ich mit "x" unkenntlich gemacht.

Peterpander2te

Intermediate

  • "Peterpander2te" is male

Posts: 333

Location: Berlin

Occupation: Helfer bei Siemens Power Generation

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

  • Send private message

8

Friday, October 7th 2011, 5:49am

Paulemann,
den Developer hab ich zwar nicht installiert, mir aber mal die style_design.css angeschaut. Stimmt, ich glaub ich hatte das genannte Design benutzt um damals Epsilon zu zentrieren. Um eine Grundlage zu haben. Kannst mal sehen, total vergessen dies wieder zu löschen in der style_design.css.

Na ja, macht ja nichts! Trotzdem toll, was du so alles entdeckst!
Mit freundlichen Grüßen
Sven Rülke

grobi

Beginner

  • "grobi" started this thread

Posts: 31

  • Send private message

9

Friday, October 7th 2011, 11:03am

@Paulemann:

Vielen Dank für den Tipp - funzt wunderbar ;)

Ist ja eigentlich "relativ" einfach: Man muss 'nur' wissen, was man wo ändern muss - also wie beim Klavierspielen... :P

Gruß
Grobi

Paulemann

Sage

Posts: 5,055

web/shop to date Version: 5-8.0

  • Send private message

10

Friday, October 7th 2011, 11:54am

Nein in diesem Fall war es nicht so einfach Grobi....Mußte auch erst suchen. War ein generelles Problem. Content p hat grundsätzliche Auswirkungen. Aus diesem Grunde bist Du auch beim Teaser nicht weiter gekommen (hier lag nicht der Hase im Pfeffer).

Peterpander2te

Intermediate

  • "Peterpander2te" is male

Posts: 333

Location: Berlin

Occupation: Helfer bei Siemens Power Generation

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

  • Send private message

11

Friday, October 7th 2011, 3:51pm

Paulemann und Grobi,

Beide bitte nicht vergessen, dass es in dem Design drei (3) Stylesheets gibt.
Einmal die style_design.css und die style_ms.css und die style_os.css.

Damals hatte ich das ja noch so machen müssen. Dass heisst, wenn änderungen an der style_design.css vorgenommen werden, dann muss die selbe Änderung auch in der style_ms.css vorgenommen werden. Beide stylesheets sind für den Style mit Sidebar verantwortlich.
Die style_os.css ist für den Style der Ausgabe OHNE Sidebar zuständig!

Bei Grundsätzlichen Änderungen der ccml's , Beispiel table.ccml ist darauf zu achten, dass alle Einträge doppelt vorhanden sind. Einmal der obere Bereich für die Ausgabe mit Sidebar, der untere Teil nach <cc:else> für die Ausgabe ohne Sidebar.

Paulemann, ich sende dir mal das alte Originaldesign zu! Mag ja noch Leute geben(Wie Grobi) die gerne mit dem Design arbeiten! Habe es aber in der config.ccml auf w2d7.0 angepasst!
Mit freundlichen Grüßen
Sven Rülke

Peterpander2te

Intermediate

  • "Peterpander2te" is male

Posts: 333

Location: Berlin

Occupation: Helfer bei Siemens Power Generation

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

  • Send private message

12

Friday, October 7th 2011, 3:56pm

Design ist da wo es sein soll! Paulemann!
Sie PN!
Mit freundlichen Grüßen
Sven Rülke

Paulemann

Sage

Posts: 5,055

web/shop to date Version: 5-8.0

  • Send private message

13

Friday, October 7th 2011, 4:12pm

Ich weiß Sven :) :) .Habe ich auch.
Trotzdem danke...und schönes Wochenende

This post has been edited 1 times, last edit by "Paulemann" (Oct 7th 2011, 4:32pm)

Similar threads