Forum - Link unten entfernen - Linkänderung in der Fußleiste

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 - Hilfe, Tricks & Tipps! � Link unten entfernen - Linkänderung in der Fußleiste

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 | Link unten entfernen - Linkänderung in der Fußleiste datum

02.11.2022 19:07 (zuletzt bearbeitet: 03.11.2022 06:52)

Daishi

Informationen anzeigen

Beitr�ge:	392
Registriert seit:	08.01.2022

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

Hallo, ihr lieben, habe hier mal eine Frage.

Ich bastele und tüftele für eine Link-Änderung im V4 unten rechts, fürs Impressum und FAQ. Ich wollte jetzt meine eigene Linksbezeichnung einfügen, also anstatt Impressum = Impressum & Datenschutz und die komische FAQ in eine schönere Variante von Wolfgang umtauschen, seine meisterhafte Arbeit = Neue FAQ.

Ich habe mit Mühe jetzt für den Footer Design hier mal das Bild:
[img_mod=fullsize]https://i.ibb.co/jZ485Mt/Footer-desing.png[/img]

Gemacht, sitze die ganze Zeit bis jetzt dran. Sobald ich diese CSS-Codes auskommentiere, verschwindet mein schöner Style. Ich wollte es innen drin haben. Die CSS-Codes habe ich aus den Tiefen der Internetwelten und tüftele die ganze Zeit daran herum. Ein Teil geht, ein anderer Teil nicht. Ich hänge seit heute Nacht von 1 Uhr bis jetzt dran, aber es will nicht so wie ich das Gerne hätte.

Hier mal die CSS-Codes:

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
 
/* Anfang - Mit diesen beiden Codes sind die Links auf der mobilen Ansicht auch weg. */
/* Anfang - Mit diesen beiden Codes sind die Links auf der mobilen Ansicht auch weg. */
/* Anfang - Mit diesen beiden Codes sind die Links auf der mobilen Ansicht auch weg. */
 
/* #faq_link{
display: none;
}
 
#member_link {
display:none;
}  */
 
/* Ende - Mit diesen beiden Codes sind die Links auf der mobilen Ansicht auch weg. */
/* Ende - Mit diesen beiden Codes sind die Links auf der mobilen Ansicht auch weg. */
/* Ende - Mit diesen beiden Codes sind die Links auf der mobilen Ansicht auch weg. */
 

/* Hier beginnt der Impressium und FAQ Link - Entfernen von xobor */
/* Hier beginnt der Impressium und FAQ Link - Entfernen von xobor */
/* Hier beginnt der Impressium und FAQ Link - Entfernen von xobor */
 
/* #faq_link {
display: none;
}
#Impressum_link {
display: none;
} */
 
/* Hier endet der Impressium und FAQ Link - Entfernen von xobor */
/* Hier endet der Impressium und FAQ Link - Entfernen von xobor */
/* Hier endet der Impressium und FAQ Link - Entfernen von xobor */
 

/* Hier beginnt der neue Impressum & Datenschutz und FAQ Link - Hinzufügen */  
/* Hier beginnt der neue Impressum & Datenschutz und FAQ Link - Hinzufügen */ 
/* Hier beginnt der neue Impressum & Datenschutz und FAQ Link - Hinzufügen */
 
/* <script>
$( document ).ready(function() {
$('.footer li:nth-child(1),.footer li:nth-child(2)').css('display','none');
$('.footer ul').prepend('<li><a style="text-decoration:none;" href="https://www.black-angels-club.org/page-906480-5.html">Impressum & Datenschutz</a></li>');
$('.footer').prepend('<span style="text-decoration:none;float:left;margin:5px 0 0 20px;">Erstellt von: <a href="https://www.black-angels-club.org">Blutwahn</a></span>');
$('.footer').prepend('<span style="text-decoration:none;float:center;margin:5px 0 0 20px;">Black - Angel´s - Club: <a href="https://www.black-angels-club.org/page-906480-2.html">FAQ</a></span>');
});
</script> */
 
/* Hier endet der neue Impressum & Datenschutz und FAQ Link - Hinzufügen */  
/* Hier endet der neue Impressum & Datenschutz und FAQ Link - Hinzufügen */  
/* Hier endet der neue Impressum & Datenschutz und FAQ Link - Hinzufügen */  
 

/* Hier beginnt der Footer von Blutwahn */
/* Hier beginnt der Footer von Blutwahn */
/* Hier beginnt der Footer von Blutwahn */
 
.footer {background: radial-gradient(#ffffff 2%,#777777 -1970%, #ffffff 1% ,#777777,#ffffff,#777777) !important ; }
.box .footer, .footer a, .boxheader small, .footer td, .footer strong  {color: #000000 !important;}
 
/* Hier endet der Footer von Blutwahn */
/* Hier endet der Footer von Blutwahn */
/* Hier endet der Footer von Blutwahn */  
 

Schließen

Meine Frage:
Wo habe ich hier einen Fehler gemacht? Sobald ich das alles aktiviere, geht mein schönes style im Footer weg. Ich habe schon einiges versucht, es wird immer schlimmer, anstatt besser! Pause hatte ich auch gemacht, aber ich komme nicht auf den Fehler, habe die Codes auch getauscht. Es wird dann noch viel schlimmer und das Forum brauchte 10 Minuten, um das zu speichern. Irgendwo muss ich einen Mords-Fehler gemacht haben, aber komme nicht darauf.

Für Hilfe und Tipps bin ich immer gerne offen.

Mit freundlichen Grüßen

Daishi

Daishi

Antworten

#2 | RE: Link unten entfernen - Linkänderung in der Fußleiste datum

02.11.2022 23:16 (zuletzt bearbeitet: 03.11.2022 06:52)

Daishi

Informationen anzeigen

Beitr�ge:	392
Registriert seit:	08.01.2022

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

Habe es jetzt hinbekommen, das JavaScript war mit in der CSS.

Hier das JavaScript, das musste in den HTM-Code.

1
2
3
4
5
6
7
8
 
 <script>
$( document ).ready(function() {
$('.footer li:nth-child(1),.footer li:nth-child(2)').css('display','none');
$('.footer ul').prepend('<li><a style="text-decoration:none;" href="https://www.black-angels-club.org/page-906480-5.html">Impressum & Datenschutz</a></li>');
$('.footer').prepend('<span style="text-decoration:none;float:left;margin:5px 0 0 20px;"> <a href="https://www.black-angels-club.org">  Black - Angel´s - Club: Erstellt von: Blutwahn</a></span>');
$('.footer').prepend('<span style="text-decoration:none;float:center;margin:5px 0 0 20px;"> <a href="https://www.black-angels-club.org/page-906480-2.html">FAQ</a></span>');
});
</script>  
 

Schließen

Und hier in der CSS habe ich einzeln nochmal probiert:

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

 

/* Hier beginnt der Impressium und FAQ Link - Entfernen von Xobor-Verlinkung */
 
#faq_link {
display: none;
}
#Impressum_link {
display: none;
} 
 
/* Hier endet der Impressium und FAQ Link - Entfernen von xobor-Verlinkung */   
 

Schließen

Das funktioniert und es bleibt drin, nur der folgende CSS Code funktioniert nicht auf dem Handy, zeigt immer noch das Xobor Impressum und FAQ an.

Dieser CSS-Code funktioniert nicht

1
2
3
4
5
6
7
8
9
10
11
12
 
 
/* Anfang - Mit diesen beiden Codes sind die Links auf der mobilen Ansicht auch weg. */
 
/* #faq_link{
display: none;
}
 
#member_link {
display:none;
}  */
 
/* Ende - Mit diesen beiden Codes sind die Links auf der mobilen Ansicht auch weg. */  
 

Schließen

Habe die ganze Zeit gewurstelt und probiert. Dann hatte ich versucht, den Code in HTML umzusetzen, dann ging es, hat mir keine Ruhe gelassen.
Hier, wie es jetzt aussieht:
[img_mod=auto]https://i.ibb.co/25Pb6G9/Footer-desing1.png[/img]

Für weitere Tipps und Tricks bin ich gerne offen.

Mit freundlichen Grüßen

Daishi

Daishi

Antworten

#3 | Linkänderung in der Fußleiste datum

03.11.2022 06:49 (zuletzt bearbeitet: 03.11.2022 06:54)

Wolfgang

Administrator

Informationen anzeigen

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

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

Linkänderung in der Fußleiste

Hallo Daishi,
wie ich gesehen habe, hast Du den gravierenden Fehler gefunden! Top!

Dein JavaScript hatte sich in der CSS verirrt!

Habe einen Vorschlag - Hat etwas länger gedauert!

Mein Vorschlag überschreibt die Links!

Die Links werden nicht erst gelöscht und dann neu eingetragen. So gibt es auch mobil keinen Stress!

Zur Info: Änderung im Footer (Business (v4)!

Es gibt 6 häufig genutzte Arten um Links, Classes oder ID's zu ändern oder zu überschreiben (mit jQuery)!
Will man den Link komplett ändern, muss man ihn nicht erst löschen und dann neu eintragen, sondern kann ihn gleich mit .html überschreiben!

$('.Class').before('Text + HTML-Formatierung') - Wird vor die Class gesetzt!
$('.Class').prepend('Text + HTML-Formatierung') - Wird in die Class am Anfang gesetzt!
$('.Class').append('Text + HTML-Formatierung') - Wird in die Class ans Ende gesetzt!
$('.Class').after('Text + HTML-Formatierung') - Ans Ende der Class setzen!
$('.Class').html(Text + HTML-Formatierung') - Die komplette Class wird überschrieben, einschließlich HTML-Formatierung!
$('.Class').text('Nur Text ohne HTML-Formatierung') - Die komplette Class wird überschrieben, keine HTML-Formatierungen möglich, nur Text!

Der geänderte JavaScript-Code:

Der geänderte JavaScript-Code

Die Style-Einträge sind durch Classes ersetzt worden!
Die Verlinkungen in Zeile 6+7 werden direkt mit .html überschrieben!

1
2
3
4
5
6
7
8
9
 
<script>
$(function() {
/* Linkänderung Footer */
$('.footer').prepend('<div class="footer_cat">Black - Angel´s - Club: &nbsp; Erstellt von <a href="https://www.black-angels-club.org">Blutwahn</a></div>');
 
$('.footer #impressum_link').html('<a href="https://www.black-angels-club.org/page-906480-5.html">Impressum & Datenschutz</a>');
$('.footer #faq_link').html('<a href="https://www.black-angels-club.org/page-906480-2.html">FAQ</a>');
});
</script>
 

Schließen

Der geänderte CSS-Code mit Korrektur Portalbreite:

Der geänderte CSS-Code mit Korrektur Portalbreite

In Zeile 3 ist die neue Class eingetragen!
In Zeile 5 ist eine Class für die Schriftfarbe hinzugekommen!
In Zeile 9 steht die Korrektur der Portalbreite

1
2
3
4
5
6
7
8
9
10
 
/* Anfang - Linkänderung Footer */
.footer {background: radial-gradient(#ffffff 2%,#777777 -1970%, #ffffff 1% ,#777777,#ffffff,#777777) !important; }
.footer_cat {float:left; margin: 5px 0 0 20px; font-size: 13px;}
 
.box .footer, .footer a, .footer div, .footer span, .boxheader small, .footer td, .footer strong  {color: #000000 !important;}
/* Ende - Linkänderung Footer */
 
/* Anfang - Korrektur Portal-Breite */
.container portal {width:100% !important;}
/* Ende - Korrektur Portal-Breite */
 

Schließen

Portalbreite anpassen

Ich habe gesehen, dass Deine Portalbreite nicht passt!
Die Navigationspfeile sind zu dicht am Textfeld, sieht unschön aus!
Wenn Du es ändern willst, die Korrektur steht in Zeile 9 vom CSS-Code!

Bis dann und gutes Gelingen!
Wolfgang

Antworten

Korkpinnwand mit Bildern � � TeamSpeak Viewer

�hnliche Themen

Antworten

Letzter Beitrag

Animierte Grüße unter der Navigation - Animiertes Plakat
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

26.06.2025 05:25
von

Wolfgang • Zugriffe: 507

Nur Business (v4): "Legende anzeigen" unter "Letzte Beiträge" optisch anpassen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

15.05.2023 17:11
von

Wolfgang • Zugriffe: 478

Aktive Links in der Fußleiste mit Hintergrundfarbe versehen oder ausblenden - Teil 1-2
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 1 18.04.2023 16:57
Wolfgang • Zugriffe: 538
Plugin "Ecke 7 Links" modifizieren!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 8 15.12.2020 15:48
Wolfgang • Zugriffe: 2253
Externe Links mit Symbol - Links deutlicher darstellen!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 3 13.07.2023 03:31
Kipper-Spedition • Zugriffe: 1701
Links zu kostenlosem Service im Internet
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 3 27.03.2021 21:00
hexe • Zugriffe: 1539

"Schnellstart-Menü" oder "Win + X Menü" unter Windows 10 anpassen!
Erstellt im Forum Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. von Wolfgang

18.09.2015 16:38
von

Wolfgang • Zugriffe: 2241

Windows 10 Symbol aus der Taskleiste entfernen
Erstellt im Forum Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. von Wolfgang 0 22.07.2015 19:36
Wolfgang • Zugriffe: 1761

Sperrbildschirm (Lockscreen) und Anmeldung unter Windows 8 deaktivieren / überspringen
Erstellt im Forum Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. von Wolfgang

26.03.2014 00:06
von

Wolfgang • Zugriffe: 1935

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! � Link unten entfernen - Linkänderung in der Fußleiste

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 €

93%