Startseite vor Hauptseite

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten � Startseite vor Hauptseite

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Startseite vor Hauptseite datum

19.10.2023 12:02 (zuletzt bearbeitet: 18.11.2023 06:34)

Daishi

Informationen anzeigen

Beitr�ge:	337
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	291

Hallo @Wolfgang

wollte eine kleine Vorseite fürs Forum basteln, dann bin ich auf einen Beitrag von dir gestoßen #2 | Neue Startseite im Forum einrichten

Jetzt mal eine Frage, ich bekomme die Seite hier im Forum nicht sauber angezeigt, weiß nicht, wo ich hier einen Fehler eingebaut habe.

Die Funktion ist, wenn ich auf den Kreis fahre, animiert sich der Kreis, und habe eine Verlinkung zum Portal. Ich verstehe nicht, warum er das so groß und gestrichelt anzeigt, wo habe ich hier einen Fehler eingebaut?

Mein original Script:
Vorseite vor Hauptseite!

Auf mein Forum sieht es ganz anders aus, wie es aussehen soll.

Hier mal ein Bild:

Es zeigt einen Rahmen gestrichelt an, der dürfte da nicht sein. Deswegen die Frage, wo habe ich einen Fehler eingebaut?

Hier mal der 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
 
<style>
  
html,body {
    margin:0;
    padding:0;
    background:dimgray;
}
.profile {
    background:gray;
    position:relative;
    text-align:center;
}
.profImg {
    height:250px;
    width:250px;
    border-radius:50%;
    margin-top:25px;
    border:5px solid darkgray;
    border-left:2px solid gray;
    border-right:10px solid gray;
    box-shadow: 10px 5px 30px 2px black;
    transition:all 1.2s, margin 0s;
    position:relative;
    z-index:9;
}
.profImg {
    -webkit-transform:rotateY(40deg) scaleY(1.1);
    transform:rotateY(40deg) scaleY(1.1);
}
.back:after {
    content:"";
    top:5px;
    left:50%;
    height:250px;
    width:250px;
    border-radius:50%;
    margin:0 auto;
    margin-top:25px;
    background:rgba(0, 0, 0, 0.2);
    position:absolute;
    box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, 0.4), 0 0 10px 2px black;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
}
.profile:hover .profImg {
    box-shadow: 0px 0px 5px 0px black;
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    border:5px solid gray;
}
.back {
    background:dimgray;
    font-size:30px;
    position:center;
    padding-bottom:0px;
    position:center;
    overflow:hidden;
} 
.Text {
    background:dimgray;
    font-size:18px;
    text-align:center;
}
 
</style>  
  
 
<div class="profile">
  <div class="back">
    <a title="Zum Portal" href="https://www.servicecrewloreth.de/forum.php">
      <img class="profImg" src="https://i.ibb.co/5K1tt7G/servicecrewloreth1.png/" />
    </a>
  </div>
</div>
 
<div class="Text"><br /><br />
 
Hallo und herzlich willkommen, auf dem Forum von, Service Crew Loreth. <br><br>
 
Ihr einfacher, Hausmeisterservice, in Dahme/Mark. <br><br>
 
Dieses Forum, dient Ihnen als eine erste Informationsquelle zu unseren Leistungen, Angeboten, Kontaktdaten und vielem mehr. <br><br> 
 
Da wir die Beziehung, zu unseren Kunden als Vertrauensverhältnis verstehen, freuen wir uns immer über ein persönliches Beratungsgespräch. <br><br> 
 
Immerhin möchten Sie uns die Verantwortung für Ihre Immobilie übertragen. <br><br> 
 
Der Hausmeister bildet dort das Bindeglied zwischen Vermieter und Mieter. <br><br>
 
Im Falle nötiger Reparaturarbeiten packt er entweder selbst an oder organisiert die passenden Handwerker. <br><br>
 
Er hält Ihre Immobilie ordentlich und sauber, wobei er stets versucht, für Sie unnötige Kosten zu vermeiden. <br><br>
 
In diesem Sinne wollen wir für unsere Geschäfts- ebenso wie für unsere Privatkunden ein optimales Preis-Leistungs-Verhältnis sicherstellen. <br><br>
 
Ich wünsche Ihnen viel Spaß beim Stöbern. Bei Fragen und Anregungen stehen wir Ihnen gerne zur Verfügung! <br><br>
 
Mit freundlichen Grüßen<br><br>
 
Ihr Christian Loreth<br><br>
                                                                     
</div>
 

Schlie�en

Auch zu sehen, wenn man rechts den Link anklickt.

Bild:

Für eine Erklärung wäre ich sehr dankbar.

Nette Grüße

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#2 | Fehlersuche: Startseite vor Hauptseite datum

19.10.2023 20:13 (zuletzt bearbeitet: 18.11.2023 06:34)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3318
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1248

Fehlersuche: Vorseite für Hauptseite

Hallo Daishi,
das ist kein Fehler Deinerseits!
Übriges: Coole Animation!!!

Das ist der CSS-Tag "outline"!
Kann man in verschiedener Art formatieren! Ältere Browser bekommen den erst gar nicht hin!
Mich verwirrt er nur, versuche ihn, wenn ich daran denke, auszublenden!

Outline der Class "back" ausblenden!
Installiert auf "Eigene Seiten"!

1
2
3
 
.back {
    outline: none;
}
 

Vorschlag zum Text:

Mir ist das Wort "einfach" aufgefallen.
Es ist alles "einfach", wenn man es kann!
In dem Fall sagt "einfach" nicht das aus, was Du machst und anbietest!
Auch der Satz ist etwas unglücklich ausgedrückt:
"Immerhin möchten Sie uns die Verantwortung für Ihre Immobilie übertragen."
Jeder Eigentümer möchte die Verantwortung für sein Haus, für seine Immobilie behalten.
Er möchte eher eine verantwortungsvolle Dienstleistung bekommen.
Vielleicht kannst Du da nochmal draufschauen

Wie es aussehen könnte:

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
 
<div class="Text"><br /><br />
 
Hallo und herzlich willkommen im Forum von Service Crew Loreth.<br><br>
 
Ihr Hausmeisterservice in Dahme/Mark für die kleinen Arbeiten, für Heim und Hof. <br><br>
 
Dieses Forum dient Ihnen als erste Informationsquelle zu unseren Leistungen, Angeboten, Kontaktdaten und bietet vieles mehr. <br><br> 
 
Da wir die Beziehung zu unseren Kunden als Vertrauensverhältnis verstehen, freuen wir uns immer über ein persönliches Beratungsgespräch. <br><br> 
 
Unser Hausmeisterservice bildet auch das Bindeglied zwischen Vermieter und Mieter. <br><br>
 
Im Falle nötiger Reparaturarbeiten packen wir entweder selbst an oder organisieren die passenden Handwerker. <br><br>
 
Wir halten Ihre Immobilie ordentlich und sauber, wobei wir stets versuchen, die Kosten zu minimieren. <br><br>
 
In diesem Sinne wollen wir für unsere Geschäfts-, ebenso wie für unsere Privatkunden, ein optimales Preis-Leistungs-Verhältnis sicherstellen. <br><br>
 
Ich wünsche Ihnen viel Spaß beim Stöbern. 
 
Bei Fragen und Anregungen stehen wir Ihnen gerne zur Verfügung! <br><br>
 
Mit freundlichen Grüßen<br><br>
 
Ihr Christian Loreth<br><br>
                                                                     
</div>
 

Schlie�en

Bis dann und mach weiter so!

Wolfgang

Daishi findet das Top!

Antworten

#3 | Fehlersuche: Startseite vor Hauptseite als Intro datum

20.10.2023 11:25 (zuletzt bearbeitet: 19.11.2023 10:16)

Daishi

Informationen anzeigen

Beitr�ge:	337
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	291

Habe die ganze Nacht daran gesessen, und meine Inspiration freien Lauf gelassen, wollte es wie ein Intro wirken lassen.

Es ist ganz schön schwer hier im Forum etwas zu machen, da man hier auf vieles achtes muss.

Musste bei h1 und span Änderungen machen und bei den Container.

Nur weiß ich jetzt nicht, was ich da verhauen habe, komme da nicht darauf, da mein Kalender nicht richtig angezeigt wird.

Der Originalcode ist dieser:

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
 
<style>
 
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap");
 

 

 
body {
	background:dimgray;
	margin: 0;
	height: 100vh;
	display: grid;
	place-items: center;
}
 
.container {
	display: flex;
	justify-content: center;
	align-items: center;
}
 
h1 {
	font-size: 8vh;
	opacity: 0;
	text-align: center;
	color: #fff;
	animation: fade 9s linear forwards;
	animation-delay: 1s;
	line-height: 1.2;
}
 
h1,
.author {
	font-family: "Merriweather", serif;
}
 
.author {
	font-size: 1rem;
	text-transform: uppercase;
}
 
span {
	display: block;
	font-size: 0.5em;
}
 
h1.scene2 {
	font-family: "Service Crew Loreth", serif;
	font-size: 8rem;
	text-align: left;
	line-height: 0.9;
	letter-spacing: 3px;
}
 
.scene2-container {
	display: none;
}
 

.scene2 div::first-letter {
	color: red;
	background: #f00000;
	background: linear-gradient(to right, #dc281e, #f00000);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
 

@keyframes drop {
	20% {
		opacity: 0.7;
	}
	100% {
		top: 100%;
	}
}
 
@keyframes fade {
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
 html,body{margin:0;padding:0;background:dimgray;}
.profile {
    background:gray;
    position:relative;
    text-align:center;
  
}
.profImg {
    height:250px;
    width:250px;
    border-radius:50%;
    margin-top:25px;
    border:5px solid darkgray;
    border-left:2px solid gray;
    border-right:10px solid gray;
    box-shadow: 10px 5px 30px 2px black;
    transition:all 1.2s, margin 0s;
    position:relative;
    z-index:9;
}
.profImg {
    -webkit-transform:rotateY(40deg) scaleY(1.1);
    transform:rotateY(40deg) scaleY(1.1);
}
.back:after {
    content:"";
    top:5px;
    left:50%;
    height:250px;
    width:250px;
    border-radius:50%;
    margin:0 auto;
    margin-top:25px;
    background:rgba(0, 0, 0, 0.2);
    position:absolute;
    box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, 0.4), 0 0 10px 2px black;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
}
.profile:hover .profImg {
box-shadow: 0px 0px 5px 0px black;
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    border:5px solid gray;
  
}
.back {
    background:dimgray;
    font-size:30px;
    position:center;
    padding-bottom:25px;
    position:center;
    overflow:hidden;
} 
 
.Text {
    background:dimgray;
    font-size:18px;
text-align:center;
 
</style>
 

<div class="container scene1-container">
	<h1 class="scene1">
		<img src="https://i.ibb.co/5K1tt7G/servicecrewloreth1.png" alt="profileImg">
		<span>Presents</span>
	</h1>
</div>
<div class="container scene2-container">
	<h1 class="scene2">
		<span class="author">
			ihr
		</span>
		<div>Hausmeisterservice in Dahme/Mark</div>
	</h1>
  <div class="profile">
        <div class="back">
          <a title="Zum Portal" href="https://www.servicecrewloreth.de/portal.php">
            <img class="profImg" src="https://i.ibb.co/5K1tt7G/servicecrewloreth1.png/" /></a></div></div>
	  <div class="Text"><br /><br />
 
Hallo und herzlich willkommen im Forum von Service Crew Loreth.<br><br>
 
Ihr Hausmeisterservice in Dahme/Mark für die kleinen Arbeiten, für Heim und Hof. <br><br>
 
Dieses Forum dient Ihnen als erste Informationsquelle zu unseren Leistungen, Angeboten, Kontaktdaten und bietet vieles mehr. <br><br> 
 
Da wir die Beziehung zu unseren Kunden als Vertrauensverhältnis verstehen, freuen wir uns immer über ein persönliches Beratungsgespräch. <br><br> 
 
Unser Hausmeisterservice bildet auch das Bindeglied zwischen Vermieter und Mieter. <br><br>
 
Im Falle nötiger Reparaturarbeiten packen wir entweder selbst an oder organisieren die passenden Handwerker. <br><br>
 
Wir halten Ihre Immobilie ordentlich und sauber, wobei wir stets versuchen, die Kosten zu minimieren. <br><br>
 
In diesem Sinne wollen wir für unsere Geschäfts-, ebenso wie für unsere Privatkunden, ein optimales Preis-Leistungs-Verhältnis sicherstellen. <br><br>
 
Ich wünsche Ihnen viel Spaß beim Stöbern. 
 
Bei Fragen und Anregungen stehen wir Ihnen gerne zur Verfügung! <br><br>
 
Mit freundlichen Grüßen<br><br>
 
Ihr Christian Loreth<br><br>
                                                                     
</div>
  
  
<script>
 setTimeout(() => {
	document.querySelector(".scene1-container").style.display = "none";
	document.querySelector(".scene2-container").style.display = "block";
}, 10000);
 
</script>   
 

Schlie�en

Neu Intro ähnlich

Der veränderte Code fürs Forum:

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
 
<style>
 
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap");
 

 

 
 {
	background:dimgray;
	margin: 0;
	height: 100vh;
	display: grid;
	place-items: center;
}
 
.container_1 {
	display: flex;
	justify-content: center;
	align-items: center;
}
 
h1 {
	font-size: 8vh;
	opacity: 0;
	text-align: center;
	color: #fff;
	animation: fade 9s linear forwards;
	animation-delay: 1s;
	line-height: 1.2;
}
 
h1,
.author_2 {
	font-family: "Merriweather", serif;
}
 
.author_2 {
	font-size: 1rem;
	text-transform: uppercase;
}
 
.span_ {
	display: block;
	font-size: 0.5em;
}
 
h1.scene2 {
	font-family: "Service Crew Loreth", serif;
	font-size: 8rem;
	text-align: left;
	line-height: 0.9;
	letter-spacing: 3px;
}
 
.scene2-container_1 {
	display: none;
}
 

.scene2 div::first-letter {
	color: red;
	background: #f00000;
	background: linear-gradient(to right, #dc281e, #f00000);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
 

@keyframes drop {
	20% {
		opacity: 0.7;
	}
	100% {
		top: 100%;
	}
}
 
@keyframes fade {
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
 html,body{margin:0;padding:0;background:dimgray;}
.profile {
    background:gray;
    position:relative;
    text-align:center;
  
}
.profImg {
    height:250px;
    width:250px;
    border-radius:50%;
    margin-top:25px;
    border:5px solid darkgray;
    border-left:2px solid gray;
    border-right:10px solid gray;
    box-shadow: 10px 5px 30px 2px black;
    transition:all 1.2s, margin 0s;
    position:relative;
    z-index:9;
}
.profImg {
    -webkit-transform:rotateY(40deg) scaleY(1.1);
    transform:rotateY(40deg) scaleY(1.1);
}
.back:after {
    content:"";
    top:5px;
    left:50%;
    height:250px;
    width:250px;
    border-radius:50%;
    margin:0 auto;
    margin-top:25px;
    background:rgba(0, 0, 0, 0.2);
    position:absolute;
    box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, 0.4), 0 0 10px 2px black;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
}
.profile:hover .profImg {
box-shadow: 0px 0px 5px 0px black;
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    border:5px solid gray;
  
}
.back {
    background:dimgray;
    font-size:30px;
    position:center;
    padding-bottom:25px;
    position:center;
    overflow:hidden;
} 
 
.Text {
    background:dimgray;
    font-size:18px;
text-align:center;
 
</style>
 

<div class="container scene1-container_1">
	<h1 class="scene1">
		<img src="https://i.ibb.co/5K1tt7G/servicecrewloreth1.png" alt="profileImg">
		<span_>Presents</span_>
	</h1>
</div>
<div class="container_2 scene2-container_1">
	<h1 class="scene2">
		<span_ class="author_2">
			ihr
		</span_>
		<div>Hausmeisterservice in Dahme/Mark</div>
	</h1>
 
  <div class="profile">
        <div class="back">
          <a title="Zum Portal" href="https://www.servicecrewloreth.de/portal.php">
            <img class="profImg" src="https://i.ibb.co/5K1tt7G/servicecrewloreth1.png/" /></a></div></div>
	  <div class="Text"><br /><br />
 
Hallo und herzlich willkommen im Forum von Service Crew Loreth.<br><br>
 
Ihr Hausmeisterservice in Dahme/Mark für die kleinen Arbeiten, für Heim und Hof. <br><br>
 
Dieses Forum dient Ihnen als erste Informationsquelle zu unseren Leistungen, Angeboten, Kontaktdaten und bietet vieles mehr. <br><br> 
 
Da wir die Beziehung zu unseren Kunden als Vertrauensverhältnis verstehen, freuen wir uns immer über ein persönliches Beratungsgespräch. <br><br> 
 
Unser Hausmeisterservice bildet auch das Bindeglied zwischen Vermieter und Mieter. <br><br>
 
Im Falle nötiger Reparaturarbeiten packen wir entweder selbst an oder organisieren die passenden Handwerker. <br><br>
 
Wir halten Ihre Immobilie ordentlich und sauber, wobei wir stets versuchen, die Kosten zu minimieren. <br><br>
 
In diesem Sinne wollen wir für unsere Geschäfts-, ebenso wie für unsere Privatkunden, ein optimales Preis-Leistungs-Verhältnis sicherstellen. <br><br>
 
Ich wünsche Ihnen viel Spaß beim Stöbern. 
 
Bei Fragen und Anregungen stehen wir Ihnen gerne zur Verfügung! <br><br>
 
Mit freundlichen Grüßen<br><br>
 
Ihr Christian Loreth<br><br>
                                                                     
</div>
  
  
<script>
 setTimeout(() => {
	document.querySelector(".scene1-container_1").style.display = "none";
	document.querySelector(".scene2-container_1").style.display = "block";
}, 10000);
 
</script>
 

Schlie�en

Ich gebe mir wirklich, sehr viel Mühe, aber ich glaube, ich bin am Maß vom Zollstock 1 mm besser geworden von 10 cm

Auch zu sehen, wenn man links den Link anklickt.

Bild:

Für Erklärung wäre ich sehr dankbar.

Nette Grüße

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#4 | Fehlersuche: Startseite vor Hauptseite als Intro datum

18.11.2023 08:26 (zuletzt bearbeitet: 19.11.2023 10:17)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3318
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1248

Fehlersuche: Startseite vor Hauptseite als Intro

Hallo Daishi.

Interessantes Intro mit vielen Effekten!
Wir habe ja noch gar nicht die Lösung präsentiert!
Wird aber hiermit nachgeholt!

Was habe ich gefunden, was habe ich geändert?

Habe das Skript geordnet, Absätze eingefügt, damit man die Abschluß-Tags besser erkennen kann!
Classes teilweise erweitert.
Die Abschlussklammer von ".Text" nachgetragen (})!
Abschluss für letzten Div-Container nachgetragen (</div>)
Den Rest vom Body-Eintrag gelöscht, hat keine Funktion (Zeile 9-15)
Die Zeilen 5 beeinflusst den Hintergrund, den gesamten "Body", kann auf "Eigene Seiten" notwendig sein!

Der eigentliche Übeltäter, dass der Kalender nichts anzeigt, war der "h1-Tag".
Der stand allein und hat alle h1-Tags im Forum beeinflusst und damit auch den Kalender!

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
 
<style>
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap");
 
html,body{
  background:dimgray;
}
 
.container_1, .container_2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
}
 
h1.scene1, h1.scene2 {
  font-size: 8vh;
  opacity: 0;
  text-align: center;
  color: #fff;
  animation: fade 9s linear forwards;
  animation-delay: 1s;
  line-height: 1.2;
}
 
h1.scene1, h1.scene2, span.author_2 {
  font-family: "Merriweather", serif;
}
 
span.author_1 {
  display: block;
  font-size: 0.5em;
}
 
span.author_2 {
  font-size: 1rem;
  text-transform: uppercase;
}
 
h1.scene2 {
  font-family: "Service Crew Loreth", serif;
  font-size: 8rem;
  text-align: left;
  line-height: 0.9;
  letter-spacing: 3px;
}
 
.scene2-container_1 {
  display: none;
}
 
h1.scene2 div::first-letter {
  color: red;
  background: #f00000;
  background: linear-gradient(to right, #dc281e, #f00000);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
@keyframes drop {
  20% {
    opacity: 0.7;
  }
  100% {
    top: 100%;
  }
}
 
@keyframes fade {
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
 
.profile {
  background:gray;
  position:relative;
  text-align:center;
}
.profImg {
  height:250px;
  width:250px;
  border-radius:50%;
  margin-top:25px;
  border:5px solid darkgray;
  border-left:2px solid gray;
  border-right:10px solid gray;
  box-shadow: 10px 5px 30px 2px black;
  transition:all 1.2s, margin 0s;
  position:relative;
  z-index:9;
}
.profImg {
  -webkit-transform:rotateY(40deg) scaleY(1.1);
  transform:rotateY(40deg) scaleY(1.1);
}
.back:after {
  content:"";
  top:5px;
  left:50%;
  height:250px;
  width:250px;
  border-radius:50%;
  margin:0 auto;
  margin-top:25px;
  background:rgba(0, 0, 0, 0.2);
  position:absolute;
  box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, 0.4), 0 0 10px 2px black;
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
}
.profile:hover .profImg {
  box-shadow: 0px 0px 5px 0px black;
  -webkit-transform:rotateY(0deg);
  transform:rotateY(0deg);
  border:5px solid gray;
}
 
.back {
  background:dimgray;
  font-size:30px;
  position:center;
  padding-bottom:25px;
  position:center;
  overflow:hidden;
} 
 
.Text {
  background:dimgray;
  font-size:18px;
  text-align:center;
} 
</style>
 

<div class="container_1 scene1-container_1">
  <h1 class="scene1"> <img src="https://i.ibb.co/5K1tt7G/servicecrewloreth1.png" alt="profileImg" /> 
    <span class="author_1">Presents</span> 
  </h1>
</div>
 
<div class="container_2 scene2-container_1">
  <h1 class="scene2"> 
    <span class="author_2">Ihr</span> 
	<div>Hausmeisterservice in Dahme/Mark</div>
  </h1>
  
  <div class="profile">
    <div class="back"> 
	  <a title="Zum Portal" href="https://www.servicecrewloreth.de/portal.php"> 
	  <img class="profImg" src="https://i.ibb.co/5K1tt7G/servicecrewloreth1.png/" /> 
	  </a> 
	</div>
  </div>
  
  <div class="Text"> <br />
    <br />
    Hallo und herzlich willkommen im Forum von Service Crew Loreth. <br />
    <br />
    Ihr Hausmeisterservice in Dahme/Mark für die kleinen Arbeiten, für Heim und Hof. <br />
    <br />
    Dieses Forum dient Ihnen als erste Informationsquelle zu unseren Leistungen, Angeboten, Kontaktdaten und bietet vieles mehr. <br />
    <br />
    Da wir die Beziehung zu unseren Kunden als Vertrauensverhältnis verstehen, freuen wir uns immer über ein persönliches Beratungsgespräch. <br />
    <br />
    Unser Hausmeisterservice bildet auch das Bindeglied zwischen Vermieter und Mieter. <br />
    <br />
    Im Falle nötiger Reparaturarbeiten packen wir entweder selbst an oder organisieren die passenden Handwerker. <br />
    <br />
    Wir halten Ihre Immobilie ordentlich und sauber, wobei wir stets versuchen, die Kosten zu minimieren. <br />
    <br />
    In diesem Sinne wollen wir für unsere Geschäfts-, ebenso wie für unsere Privatkunden, ein optimales Preis-Leistungs-Verhältnis sicherstellen. <br />
    <br />
    Ich wünsche Ihnen viel Spaß beim Stöbern. <br />
    <br />
    Bei Fragen und Anregungen stehen wir Ihnen gerne zur Verfügung! <br />
    <br />
    Mit freundlichen Grüßen <br />
    <br />
    Ihr Christian Loreth <br />
    <br />
  </div>
  
</div>
 
<script>
 setTimeout(() => {
	document.querySelector(".scene1-container_1").style.display = "none";
	document.querySelector(".scene2-container_1").style.display = "block";
}, 10000);
 
</script>
 
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Bis dann

Wolfgang

Gabriella und 844er finden das Top!

Antworten

Einstellungen im Forum � � Smileys in der Schnellantwort - Für alle Templates, für bestimmte Mitglieder!

�hnliche Themen

Antworten

Letzter Beitrag

Reihenfolge der Navigationsleiste im V6 ändern
Erstellt im Forum Das neue Template Xobor (v6) von Anni 2 18.04.2023 15:05
Anni • Zugriffe: 279
Bräuchte mal Hilfe - TAB-Menü und Portal
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Daishi 11 31.10.2022 10:26
Daishi • Zugriffe: 814

Wiki Startseite - Das Inhaltsverzeichnis gleich mit einfügen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von EaglePipe

15.08.2022 12:27
von

Wolfgang • Zugriffe: 455

Navigations-Pfad verbessern und anpassen - Teil 1-3!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

06.11.2022 10:22
von

Wolfgang • Zugriffe: 2094

Forum-Plugin: 'Letzten Beitrag anzeigen' - Mit Vorschau-Erweiterung!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

19.11.2023 13:01
von

Gabriella • Zugriffe: 1255

Freischaltbox für neu registrierte Mitglieder auf der Startseite des Forums?
Erstellt im Forum Das neue Template Xobor (v6) von Everleigh Blossom 10 30.01.2021 13:42
844er • Zugriffe: 4110

Xobor Adventskalender & Osterkalender mit Auslösegrafik für alle Templates
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

23.12.2023 00:24
von

Kipper-Spedition • Zugriffe: 8122

Samsung S5 TouchWiz spielt verückt
Erstellt im Forum Tricks & Tipps f�r Smartphones und iPhones von Wolfgang 0 22.06.2015 21:28
Wolfgang • Zugriffe: 2298
Upload Button für Bilder zu "File homepagemodules" einbauen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Ede 2 14.03.2011 06:54
Ede • Zugriffe: 993

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

78%

Zum Einbau: Google-Translator!

Favoriten speichern

Fehlersuche: Vorseite für Hauptseite

Fehlersuche: Startseite vor Hauptseite als Intro

Forum Lesezeichen ❌