Formatierung der Seite "Die Seite wurde nicht gefunden"

06.03.2018 16:05

Sigi
#1

Si

Hallo,

ich habe mal eine Frage. Gebe ich einen Link auf eine Seite ein, die in meiner Webseite nicht vorhanden ist, öffnet sich die Seite "Die Seite wurde nicht gefunden". Da gibt es allerdings bei mir ein kleines Formatierungsproblem. Bei dem Link zu "Hier geht es zur Startseite". stimmen die Farben das aktiven und der Linkfarbe wenn man mit der Maus darüber fährt. Was muss ich da eingeben, damit die beiden Farben richtig sind?

Bereits jetzt Danke für die Antworten,
Sigi

Antworten

Beitrag melden

#2

07.03.2018 17:17

az_
#2

az_

...wie ist denn die URL?

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

07.03.2018 17:20 (zuletzt bearbeitet: 07.03.2018 17:28)

Sigi
#3

Si

Sigi

www.bueroassistenz-krieger.de

Bin da im Moment eh noch ein wenig am formatieren.

Antworten

Beitrag melden

#4

07.03.2018 18:28 (zuletzt bearbeitet: 08.03.2018 10:07)

az_
#4

az_

...der Code:

1
2
3
 
ul.sitemap a { color:red !important; }

...macht alle Links auf der Seite rot

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#5

07.03.2018 20:37 (zuletzt bearbeitet: 08.03.2018 10:06)

Sigi
#5

Si

Sigi

Fast. Aber nur die Links unter "Sitemap". Der Link "Hier geht es zur Startseite" verändert sich dadurch leider nicht. Sehe gerade, dass die komplette Zeile:

Zitat
Die gewünschte Seite existiert leider nicht (mehr), oder ein Tippfehler verhindert den Aufruf. Hier geht es zur Startseite

...eine ganz andere Formatierung hat als die Standardformatierung vom Text.

Antworten

Beitrag melden

#6

08.03.2018 10:55 (zuletzt bearbeitet: 08.03.2018 11:04)

az_
#6

az_

...alle "nicht gefunden"-Seiten enthalten folgenden html-Code:

1
 
<meta name="jimdo-status-code" content="404">

Folgendes jQuery-Skript weist den entsprechenden Seiten eine eigene Klasse zu, wenn ein solcher meta-tag auf der Seite existiert:

1
2
3
4
5
6
 

$(document).ready(function () {
    !$('meta[name="jimdo-status-code"][content="404"]').length || $('body').addClass('sitemap-page');
});
 

 

Danach kannst Du alle Elemente auf diesen Seiten explizit mit der Klasse .mysitemap anzusprechen.

LG, az

Quelle: https://stackoverflow.com/questions/3154...meta-tag-exists

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#7

10.03.2018 12:55

Sigi
#7

Si

Sigi

Ich habe das mal ausgetestet, bin mir aber nicht sicher ob ich alles richtig gemacht habe. Also hier der Code, mit dem ich einfach mal die Schriftart beeinflussen wollte:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
    !$('meta[name="jimdo-status-code"][content="404"]').length || $('body').addClass('sitemap-page');
});
//]]>
</script>
 
<style type="text/css">
/*<![CDATA[*/
<div class=".mysitemap" font-family: 'Reenie Beanie', cursive;
</div>
/*]]>*/
</style>
 

Die Schriftart verändert sich aber leider nicht. Wo ist mein Gedankenfehler?

Antworten

Beitrag melden

#8

10.03.2018 13:29 (zuletzt bearbeitet: 10.03.2018 13:31)

TiJo
#8

Ti

TiJo

ich behaupte jetzt einfach mal, dass das an deinem CSS-Code liegt.

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

<style type="text/css">
/*<![CDATA[*/
.mysitemap 
{
 font-family: Reenie Beanie;
font-size: 14px;  //wenn gewünscht
font-style: italic;
}
 
/*]]>*/
</style>
 

Es stimmt aber auch nicht die von dir vergebene Klasse mit der in der CSS überein...

Antworten

Beitrag melden

#9

10.03.2018 15:52

Sigi
#9

Si

Sigi

Habe gerade mal den CSS-Code von TiJo getestet. Da passiert auch nichts.

Antworten

Beitrag melden

#10

11.03.2018 12:51 (zuletzt bearbeitet: 11.03.2018 12:51)

az_
#10

az_

...jQuery im head der Webseite eingebunden? https://code.jquery.com/jquery/

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#11

11.03.2018 12:58 (zuletzt bearbeitet: 11.03.2018 13:00)

az_
#11

az_

ohne den Link zu dem jQuery-Code kann auch der ander Code auf Deiner Seite nicht funzen:

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

<script type="text/javascript">
//<![CDATA[
 
/* removing target blank from anchor links */    
    
   $(document).ready(function() {
        $( "a[href*=https://www.bueroassistenz-krieger.de]").attr('target', '_self' ); 
    }); 
//]]>
</script>
 

 

...soweit ich das sehe, hast Du alles richtig gemacht, aber Du musst VOR den Skripten jQuery implementieren. z.B. mit:

1
 
<script src="https://code.jquery.com/jquery-latest.min.js"></script>

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#12

11.03.2018 14:15

Sigi
#12

Si

Sigi

Also, ich habe jetzt für die Formatierung der 404-Fehler Seiten folgenden Code eingebaut:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
    !$('meta[name="jimdo-status-code"][content="404"]').length || $('body').addClass('sitemap-page');
});
//]]>
</script>
 
<style type="text/css">
/*<![CDATA[*/
.mysitemap 
{
 font-family: Reenie Beanie;
font-size: 14px;  //wenn gewünscht
font-style: italic;
}
 
/*]]>*/
</style>
 

Sieht doch gut aus, oder, aber der 404er Text wird einfach nicht in die Schrift "Reenie Beanie" formatiert. Irgendwas muss also noch falsch sein.

Antworten

Beitrag melden

#13

11.03.2018 15:27

TiJo
#13

Ti

TiJo

weil deine Klassen unterschiedlich sind.
du fügst der Seite die Klasse "sitemap-page" hinzu und in der CSS Datei bearbeitest du die Klasse "mysitemap"

Antworten

Beitrag melden

#14

11.03.2018 15:42

Sigi
#14

Si

Sigi

OK. So langsam habe ich es verstanden. Und trotzdem geht es nicht. Ich habe jetzt den Code so verändert:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
    !$('meta[name="jimdo-status-code"][content="404"]').length || $('body').addClass('sitemap-page');
});
//]]>
</script>
 
<style type="text/css">
/*<![CDATA[*/
.sitemap-page
{
 font-family: Reenie Beanie;
font-size: 14px;  //wenn gewünscht
font-style: italic;
}
 
/*]]>*/
</style>
 

Immer noch keine Formatierung.

Antworten

Beitrag melden

#15

11.03.2018 16:55 (zuletzt bearbeitet: 11.03.2018 17:07)

az_
#15

az_

versuch mal:

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
 

<script src="https://code.jquery.com/jquery-latest.min.js"></script>
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
    !$('meta[name="jimdo-status-code"][content="404"]').length || $('body').addClass('sitemap-page');
});
//]]>
</script>
 
<style type="text/css">
/*<![CDATA[*/
.sitemap-page p, .sitemap-page h1, .sitemap-page h2, .sitemap-page h3 {
font-family: "Noto Sans",sans-serif,"google" !important; /*erste Schrift muss im System vorhanden sein*/
font-size: 14px !important; /*ggf. anpassen*/
font-style: italic !important; /*wenn gewünscht*/
}
 
.sitemap-page h1 {
font-size: 24px !important; 
}
.sitemap-page h3 {
font-size: 20px !important; 
}
.sitemap-page h3 {
font-size: 16px !important; 
}
 
/*]]>*/
</style>
 
 

LG, az

PS: ...wenn auch ohne !important funzt, bitte kein !important!

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html