Text zwischen Navigation und Logo einfügen

03.04.2022 20:14
avatar  Andrea
#1
avatar

Hallo, ist es möglich beim Design HELSINKI ein Textfeld zwischen dem Logo und der Navigation einzufügen?
Danke im Voraus
LG Andrea

www.hovawarte-vom-drei-tuermeweg.de


 Antworten

 Beitrag melden
09.04.2022 21:50
avatar  az_
#2
avatar
az_

Alles ist möglich. Mit einem Java Skript kann man einen beliebigen Baustein auf deiner Webseite dorthin verschieben. der kann auch in der Sidebar liegen, dann würde er auf jeder Seite deiner Webseite erscheinen. Per CSS kann das Element auch beliebig positioniert werden.
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.04.2022 09:10
avatar  Andrea
#3
avatar

Danke, aber ich kann das leider nicht 😔 LG Andrea


 Antworten

 Beitrag melden
19.04.2022 08:32 (zuletzt bearbeitet: 19.04.2022 08:40)
avatar  az_
#4
avatar
az_

Du brauchst ein jQuery Skript (oder JavaScript) - jQuery ist einfacher. Dazu musst Du zuerst jQuery auf Deiner Seite einsetzen (Menü > Einstellungen > Head bearbeiten):

1
2
 
<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript">
</script>
 



Danach kannst du das Skript schreiben:

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

 
<script type="text/javascript">
//<![CDATA[
 
//move div
$(document).ready(function () {
$("#12345678").appendTo('.jtpl-logo').addClass("mytext")
});
 
//]]>
</script>
 

 



"#12345678" ist ID des Textelements, welches verschoben werden soll. "mytext" ist die Klasse, mit der das Element platziert werden kann, z.B.:

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

<style type="text/css">
/*<![CDATA[*/

/* Logotext */
 
.mytext {
position:relative;
max-width: 300px;
margin: 0 auto;
}
 
/*]]>*/
</style>
 

 



Ich hoffe, dass dir das schon mal ein bisschen hilft. weitere Anleitung findest du auf meiner Webseite unter dem Menüpunkt CSS Grundlagen.

Ansonsten müsstest du das Element einfach einmal in das Sidebar anlegen und uns eine URL posten. Dann gibt es hier bestimmt jemanden, der dir das Skript schreibt.

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
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!