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 & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. Ärger mit dem PC, Laptop oder Tablet? Ärger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? Ärger mit dem PC, Laptop oder Tablet - 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. Elektronik & Elektrotechnik Elektronik & Elektrotechnik - Fragen und Antworten Elektronik & Elektrotechnik - Praxis - Highlights 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:	418
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 € Forum Spende
Sternzeichen	Steinbock
Likes	385

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.

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.

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:	3875
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1719

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:	418
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 € Forum Spende
Sternzeichen	Steinbock
Likes	385

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 [img=50px]//img.homepagemodules.de/ds/static/smileys/v2/smile2.svg[/img]

Auch zu sehen, wenn man links den Link anklickt.

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:	3875
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1719

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 » « Formular für Beiträge

Ä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: 581
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: 1440

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: 816

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: 4693

Xobor Adventskalender, Advents-Quizkalender, 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

18.12.2025 12:15
von

Dankeschön • Zugriffe: 11900

PUP - Potentiell unerwünschte Programme
Erstellt im Forum Ärger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? von Wolfgang 0 02.05.2016 10:14
Wolfgang • Zugriffe: 1135
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: 2683
Samsung Galaxy S5 - My Magazine ausschalten
Erstellt im Forum Tricks & Tipps für Smartphones und iPhones. von Wolfgang 0 12.06.2015 19:58
Wolfgang • Zugriffe: 1428

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

14.03.2011 06:54
von

Ede • Zugriffe: 1294

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

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: 45 €

63%