Allgemeines » Rahmen für Sidebar/Textfelder

Jimdo-Userforum � Jimdo User-Forum � Allgemeines � Rahmen für Sidebar/Textfelder

Seite 1 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Bereich wechseln

Allgemeines Regeln f�r die Benutzung des Forums HowToDo ( = so geht�s) Jimdo User-Forum Eure Jimdo-Webseiten - Vorstellungsrunde Bugs, Workarounds und Anregungen Jimdo-Elemente Allgemeines Jimdo-Shop Jimdo-Specials (Tools, Widgets, HTML und CSS) Suchmaschinenoptimierung (SEO) Sonstiges Tutorials "OffTopic"-Themen "�bernahme" von Beitr�gen aus dem offiziellen Jimdo-Forum... Nutzungsbedingungen und Haftungsausschluss Jimdo-Blog

#1 | Rahmen für Sidebar/Textfelder datum

datum

13.11.2015 08:53

Hallo!
Bin nicht unbedingt ein erfahrener Jimdo Website Betreiber. Versuche immer mal etwas auzuprobieren... learning by doing.
Meine Fragen wären:
1. Wie kann ich um eine Sidebar einen Rahmen erstellen?
2. Wie kann ich um Textfelder einen Rahmen erstellen?
3. Wie kann ich um Textfelder mit Bild einen Rahmen erstellen?
Ich bin leider keine Erfahrungen im HTML programmieren. Vielleicht hat hier ja jemand einen Tip für mich?
Danke schon mal im Vorraus....

nach oben springen

#2 | RE: Rahmen für Sidebar/Textfelder datum

datum

13.11.2015 11:24

http://deine-slideshow.jimdo.com/textfeld-hintergrund/

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

nach oben springen

#3 | RE: Rahmen für Sidebar/Textfelder datum

datum

13.11.2015 13:07 (zuletzt bearbeitet: 13.11.2015 13:14)

Offline

az_

Informationen anzeigen

Beitr�ge:	2414
Registriert seit:	28.04.2015
Wohnort:	Berlin

...das ist eine Möglichkeit, die bei Textfeldern funktioniert. Für Bilder ist es etwas komplizierter, da geht es nur über ein CSS-Skript.

Du kannst den inline-Style-Code

1
 
 style="background-color: #0389d1; border: #dddddd 1px solid; padding: 8px; border-radius: 6px 6px 6px 6px;"

bei einem Bild nirgens einfügen, denn für Bilder gibt es keinen html-Editor.

Also setzt Du unter "Einstellungen > Head bearbeiten" folgenden Code ein:

1
2
3
4
5
6
7
 
<style>
.ownbg {
background-color: #0389d1; 
border: #dddddd 1px solid; padding: 8px; 
border-radius: 6px 6px 6px 6px;
}
</style>
 

Damit hast Du Dir eine sog. "CSS-Klasse" erstellt. Diese kannst Du so wie sie ist in Textfeldern benutzen: Du schreibst jetzt im Textfeld html

<div class="ownbg"> vor den html-Code.

Willst Du ein Bild mit dem Rahmen versehen, ergänzt Du einfach das CSS-Skript mit der ID oder der Klasse des Bildes und einem "img" für "Bild" z.B.:

1
2
3
4
5
6
7
8
 
<style>
.ownbg, 
#cc-m-5976376564 img {
border: #dddddd 1px solid; 
padding: 8px; 
border-radius: 6px;
}
</style>
 

...das "#cc-m-5976376564" ist die ID des Containers, in dem sich das Bild befindet.
"#cc-m-5976376564 img" bedeutet also: "gilt für alle Bilder (img) im Container #cc-m-5976376564"

ich hoffe, ich habe das gut genug erklärt. Wenn nicht, schreib noch mal :)

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

nach oben springen

#4 | RE: Rahmen für Sidebar/Textfelder datum

datum

13.11.2015 14:52

Einen Rahmen um ein Bild kann man auch mit Paint machen.

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

nach oben springen

#5 | RE: Rahmen für Sidebar/Textfelder datum

datum

13.11.2015 21:05

:)

...mit CSS ist es aber "sauberer"

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

nach oben springen

#6 | RE: Rahmen für Sidebar/Textfelder datum

datum

16.11.2015 08:52

Hallo !
Danke für die schnelle Info. Rahmen um Textfeld ist kein Problem. Bei Jimdo gibt es ja die Funktion "Textfeld mit Bild". Wenn ich die verwende und versuche dann einen Rahmen um das Textfeld zu setzen, funktioniert das auch, aber das Bild steht über dem Rahmen dann ein wenig hinaus bzw. unterbricht die Rahmenlinie. Wie kann ich das vermeiden?

nach oben springen

#7 | RE: Rahmen für Sidebar/Textfelder datum

datum

16.11.2015 10:29

Hallo Otto,

...das müsste ich mir mal ansehen. Wo finde ich Deine Seite?

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

nach oben springen

#8 | RE: Rahmen für Sidebar/Textfelder datum

datum

16.11.2015 12:30

gifhorn2003.jimdo.com

Ist eine Manschaffseite für Jugendfussballer. Da stelle ich nach jedem Spiel unter "News" einen Bericht mit Bild/Wappen ein. Ich habe das mit "Rahmen um Text" noch nicht eingearbeitet. Wollte das erst klären ob es funktioniert.
Vielen Dank schon mal.

nach oben springen

#9 | RE: Rahmen für Sidebar/Textfelder datum

datum

16.11.2015 13:39 (zuletzt bearbeitet: 16.11.2015 13:43)

Offline

az_

Informationen anzeigen

Beitr�ge:	2414
Registriert seit:	28.04.2015
Wohnort:	Berlin

...möchtest Du den Rahmen um das ganze Element haben oder nur um das Bild? Probier mal folgendes:

1
2
3
4
5
6
 
<style>
.navigation-colors {background-color: transparent; border:none} /*repariert die Navigation*/
 
.j-textWithImage  {border:1px solid #ccc; padding:15px !important; border-radius:5px } /*Rahmen um Element*/
.j-textWithImage img  {border:1px solid #ccc; padding:15px; border-radius:5px } /*Rahmen um Bild*/
</style>
 

...der Wert für "padding" bestimmt den Abstand zum Rand.

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

nach oben springen

#10 | RE: Rahmen für Sidebar/Textfelder datum

datum

16.11.2015 15:43

Hallo!
Mir reicht ein Rahmen um das Textfeld. Wo soll ich Deinen Vorschlag genau plazieren? Im Headbereich oder im HTML Bereich des betroffenen Textfeldes?

nach oben springen

#11 | RE: Rahmen für Sidebar/Textfelder datum

datum

16.11.2015 16:37

habe es mal probiert und leider nichts passiert. Bin wohl leider zu unerfahren damit.......

nach oben springen

#12 | RE: Rahmen für Sidebar/Textfelder datum

datum

18.11.2015 09:24 (zuletzt bearbeitet: 18.11.2015 09:25)

...den Code setzt Du unter "Einstellungen > Head bearbeiten" in den Head-Bereich ein. Wenn Dir ein Rahmen um das Textfeld reicht, lässt Du einfach die Anweisung für das img weg.

Gruß, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

nach oben springen

#13 | RE: Rahmen für Sidebar/Textfelder datum

datum

18.11.2015 11:16

funzt

Vielen Dank für die Hilfe

nach oben springen

#14 | RE: Rahmen für Sidebar/Textfelder datum

datum

18.11.2015 16:29 (zuletzt bearbeitet: 18.11.2015 16:30)

:-)

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

nach oben springen

#15 | RE: Rahmen für Sidebar/Textfelder datum

datum

01.12.2015 13:18

Hallo!
Das mit den Rahmen um Textfelder/Bilder hat wirklich gut funktioniert. Jetzt war noch das Thema mit rahmen um die Sidebar. Wie ist das zu lösen?
Danke schon mal im Vorraus.

nach oben springen

#16 | RE: Rahmen für Sidebar/Textfelder datum

datum

01.12.2015 14:17

Offline

CharlieW

Informationen anzeigen

Beitr�ge:	71
Registriert seit:	29.09.2015

1
2
3
4
5
 
#sidebar {
 
    border: 1px solid #ccc;
 
}
 

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

nach oben springen

#17 | RE: Rahmen für Sidebar/Textfelder datum

datum

01.12.2015 14:59

Danke für die Info. Plazierung auch im Headbereich? Tabe ich probiert. Wird aber beim Speichern ncht nagenommen.

nach oben springen

#18 | RE: Rahmen für Sidebar/Textfelder datum

datum

01.12.2015 15:22

Das musste auch zwischen den vorhandenen <style> tags kopieren, wenn du schon was im head stehen hast.

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

nach oben springen

#19 | RE: Rahmen für Sidebar/Textfelder datum

datum

01.12.2015 19:23 (zuletzt bearbeitet: 09.12.2015 11:42)

Offline

az_

Informationen anzeigen

Beitr�ge:	2414
Registriert seit:	28.04.2015
Wohnort:	Berlin

...#sidebar ist ok. Die Klasse ".sidebar-options" müsste auch klappen (wenn das der Bereich ist, den Du meinst):

...wenn Du die Klasse mit einem Komma getrennt vor oder hinter Deine CSS-Anweisung stellst, wird Deine Formatierung für die textWithImage-Bereiche auf die Sidebar ausgeweitet.

Beispiel:

1
2
3
4
 

.sidebar-options, .j-textWithImage, .j-textWithImage img 
{border:1px solid #ccc; padding:15px; border-radius:5px;}
 
 

oder

1
2
3
4
 

.j-textWithImage, .j-textWithImage img, .sidebar-options
{border:1px solid #ccc; padding:15px; border-radius:5px;}
 
 

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

nach oben springen

#20 | RE: Rahmen für Sidebar/Textfelder datum

datum

02.12.2015 10:05

Hallo!

Das mit den Tipp von CharlieW hat super funktioniert und reicht mir vollkommen aus.

Vielen Dank.

nach oben springen

#21 | RE: Rahmen für Sidebar/Textfelder datum

datum

02.12.2015 11:39

Super! LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

nach oben springen

#22 | RE: Rahmen für Sidebar/Textfelder datum

datum

03.12.2015 12:07

Hallo!
Mir ist noch eine Sache aufgefallen: Das mit den Rahmen um Textfelder/Sidebar oder auch Text mit Bild hat gut geklappt. Wenn ich jetzt aber bei der Funktion Text mit Bild im Textbereich an beliebiger Stelle ein Bild aus der Zwischenablage ein Bild einfügen möchte, gibt es ein Problem. Im Bearbeitungsmodus ist das Bild zu sehen, wenn ich aber auf speichern gehe und dann auf Ansicht, ist das Bild samt Text verschwunden. Die Textbox mit Rahmen bleibt aber existent. Eine Vermutung woran das liegen könnte?
Danke....

nach oben springen

#23 | RE: Rahmen für Sidebar/Textfelder datum

datum

03.12.2015 18:59

...du kannst in Jimdo (...wie auch im Web allgemein) keine Bilder aus der Zwischenablage einfügen - es sei denn, das Bild ist irgendwo "online abgelegt". Dieser Pfad muss dann aber auch von der Seite abrufbar sein - soll heißen, nicht alle Pfade werden vom Jimdo-Editor akzeptiert.

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

nach oben springen

#24 | RE: Rahmen für Sidebar/Textfelder datum

datum

08.12.2015 12:26

Ich mal wieder. Das Thema Rahmen lässt mich leider nicht so ganz los.
Frage: Ist es machbar, wenn ich Spalten zufüge darum einen Rahmen zu bekommen? Also um beide Spalten zusammen einen Rahmen?

Danke für Feedback.

nach oben springen

#25 | RE: Rahmen für Sidebar/Textfelder datum

datum

09.12.2015 08:05

Ja, ist machbar.

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

nach oben springen

Design Bourdeaux anpassen � � Drop-down Menü für das Design MADRID

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Rahmen um Produktübersicht
Erstellt im Forum Jimdo-Shop von Wilma 3 20.02.2021 16:04
az_ • Zugriffe: 1067
Code-Hilfe benötigt: Text ein einer Tabelle zentriert mit Rahmen
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von M_B 2 03.09.2020 17:55
az_ • Zugriffe: 1095
Rahmen und Hintergrund um Spalte
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Carina 1 14.03.2019 03:06
az_ • Zugriffe: 1818
Erfolgsfaktoren Onlineshop
Erstellt im Forum "OffTopic"-Themen von Kipfstuhl 1 20.02.2019 11:14
TiJo • Zugriffe: 1391
Ein Menüpunkt INKL. Unterseiten kopieren / Produkt wird durch "Kachelansicht" dreifach...
Erstellt im Forum Jimdo-Shop von Rebsle 0 23.09.2018 20:57
Rebsle • Zugriffe: 2109
Cairo schräges Headerbild ohne Schräge und oben ausgerichtet?
Erstellt im Forum Allgemeines von Lalucia 6 20.02.2021 16:02
az_ • Zugriffe: 1133
Benötige Hilfe beim Anpassen eines Jimdo Designs
Erstellt im Forum Allgemeines von daivmhe 0 20.10.2016 09:29
daivmhe • Zugriffe: 941
Rahmen um Spalte
Erstellt im Forum Allgemeines von kabvo 9 17.03.2016 08:24
kabvo • Zugriffe: 2254
Nutzungsbedingungen und Haftungsausschluss
Erstellt im Forum Nutzungsbedingungen und Haftungsausschluss von az_ 0 26.09.2015 16:08
az_ • Zugriffe: 4755

Die Nutzung aller in diesem und �ber dieses Forum ver�ffentlichten L�sungen erfolgt ausschlie�lich auf eigene Gefahr - keine Haftung, keine Gew�hr!

Nutzungsbedingungen und Haftungsausschluss
Impressum und Datenschutzerkl�rung

Wir finanzieren dieses Forum ausschlie�lich �ber Spenden!
...hier ist der direkte PayPal-Spendenlink f�r unsere Kaffeekasse!
(klick auf das Sparschweinchen!)

Xobor

Einfach ein eigenes Forum erstellen