Zweiteilige Textspalten in Iconbar?

  • Seite 2 von 3
11.11.2017 15:24
avatar  ( gelöscht )
#16 RE: Zweiteilige Textspalten in Iconbar?
Gast
( gelöscht )

Da zwischenzeitlich keine Antwort erfolgte, wäre das "erledigt" eventuell auch für andere User interessant ?

MfG


 Antworten

 Beitrag melden
11.11.2017 16:05
avatar  Charles
#17 RE: Zweiteilige Textspalten in Iconbar?
Ch
Mitglied

keine Ahnung Fränki

für mich war die Frage mit den Trennlinien
aber da ich es gefunden habe, hat sich die Frage für mich erledigt

(Gaia Template)

 Antworten

 Beitrag melden
11.11.2017 16:08 (zuletzt bearbeitet: 11.11.2017 16:38)
avatar  ( gelöscht )
#18 RE: Zweiteilige Textspalten in Iconbar?
Gast
( gelöscht )

...iss aber eine unschöne art, die Ansätze anderer entgegenzunehmen und die "selbstgefundene" Lösung für eine Trennlinie zu verschweigen.

Ich fand es von Anfang komisch in diesem Thread. Ich poste den Link, Mike schreibt ihn ab ....und alle liken Mike.

(wir sind hier bei Fragen & Antworten, User helfen Usern....)


 Antworten

 Beitrag melden
14.11.2017 11:46
#19 RE: Zweiteilige Textspalten in Iconbar?
Dj
Mitglied

Hallo nochmal,

Sorry das ich nicht mehr geantwortet hatte, ich hab nicht mehr rein geschaut gehabt, weil ich dachte, es wird nichts mehr kommen, und ich krieg das sicher nicht hin . Aber danke nochmal das es doch anscheinend geklappt hat. Wie man das mit den Trennlinien hinbekommt, wüsste ich auch gern, aber Charles wird seinen Einfall wohl nicht mit uns teilen


 Antworten

 Beitrag melden
15.11.2017 15:26 (zuletzt bearbeitet: 15.11.2017 15:31)
avatar  Sami
#20 RE: Zweiteilige Textspalten in Iconbar?
avatar
Xobor

Hallo, für die Trennlinie einfach folgenden Code in den Style einbauen:

1
 
-webkit-column-rule: 1px outset #000000; /* Chrome, Safari, Opera */ -moz-column-rule: 1px outset #000000; /* Firefox */ column-rule: 1px outset #000000;
 



Den Abstand zur Trennlinie könntest du mit dem folgendem beeinflussen:

1
 
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px;
 



Werde das Ganze demnächst mal im Wiki genauer dokumentieren.

Schöne Grüße,
Sami

Support · Xobor.de · Miranus GmbH · Wir helfen gerne - Unterstütze Xobor durch die Buchung eines Premium Tarifs.

 Antworten

 Beitrag melden
15.11.2017 15:45 (zuletzt bearbeitet: 15.11.2017 15:45)
avatar  ( gelöscht )
#21 RE: Zweiteilige Textspalten in Iconbar?
Gast
( gelöscht )

Vielen Dank @Sami ,

...ich finde es irgendwie blöd, wenn User hier etwas hinterfragen, Hilfe bekommen und weiterführend nur einen Satz schreiben: "Hat sich erledigt, hab mir selbst geholfen" ...oder sowas.

Das ist einfach unfair gegenüber den Usern, die vielleicht mal ein ähnliches Problem haben und dann in der Suche nachlesen.

(meine Meinung)

Mfg


 Antworten

 Beitrag melden
19.11.2017 10:20 (zuletzt bearbeitet: 19.11.2017 10:29)
avatar  Charles
#22 RE: Zweiteilige Textspalten in Iconbar?
Ch
Mitglied

ich hatte doch die Frage nach Hilfe gestellt Fränki
und wenn ich die Lösung selbst gefunden habe, hat sich mein Hilfeersuchen doch erledigt oder?
denn ich habe mich woanders noch schlau gemacht und mich belesen

ich kann mich auch nicht erinnern, das du eine Frage nach einem Trennstrich dazwischen, gestellt hattest

also war die Frage für mich erledigt nach Trennlinien
denn es hatte mir niemand auf meine Frage geantwortet und auch nicht geholfen

hättest du jetzt auch nach dem Code gefragt, dann hätte ich ihn dir und auch für die anderen hier hinterlassen

(Gaia Template)

 Antworten

 Beitrag melden
19.11.2017 10:36 (zuletzt bearbeitet: 19.11.2017 10:40)
avatar  Charles
#23 RE: Zweiteilige Textspalten in Iconbar?
Ch
Mitglied

und natürlich helfe ich

im CSS muss nun folgendes stehen

1
2
3
4
5
6
7
8
 
.spalte {
-webkit-columns: 3 400px;
-moz-columns: 3 400px;
columns: 3 400px;
-webkit-column-rule: 1px dotted black;
-moz-column-rule: 1px dotted black;
column-rule: 1px dotted black;
}
 



in die Iconbar kommt danach dieser Code rein

1
2
3
 
Ersetze: [spalte]....[/spalte]
 
Mit: <article style="column-count: 3; -webkit-column-count: 3; padding: 1em; width: 50em; column-rule: 1px dotted black;">...</article>
 




dotted kann man auch mit solid ersetzen

und so kann ich auch für 2 Spalten das machen

es muss dann hinter dem -webkit-columns: 3 400px; -webkit-columns: 2 400px; ... stehen
so auch in der Iconbar <article style="column-count: 2; -webkit-column-count: 2;

(Gaia Template)

 Antworten

 Beitrag melden
19.11.2017 10:50
avatar  Mike48
#24 RE: Zweiteilige Textspalten in Iconbar?
avatar
Mitglied

So ist der CSS allerdings überflüssig da im Code des Icon Spalte keine Klasse spalte vorhanden ist.
Entweder benutze ich eine Klasse oder setze den css-Style in den Tag oder kombiere beides.

1
2
3
4
5
6
7
8
9
10
11
12
 
.spalte {
column-count: 3;
-webkit-column-count: 3;
-webkit-columns: 3 400px;
-moz-columns: 3 400px;
columns: 3 400px;
-webkit-column-rule: 1px dotted black;
-moz-column-rule: 1px dotted black;
column-rule: 1px dotted black;
padding: 1em;
width: 50em;
}
 


1
2
3
 
Ersetze: [spalte]....[/spalte]

Mit: <article class="spalte">...</article>
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
19.11.2017 10:59
avatar  Charles
#25 RE: Zweiteilige Textspalten in Iconbar?
Ch
Mitglied

es funktioniert aber Mike
nehme ich den Code raus, wird er nicht funktionieren

das muss dann jeder selber ausprobieren, ob mit CSS oder ohne

(Gaia Template)

 Antworten

 Beitrag melden
19.11.2017 11:22
avatar  Mike48
#26 RE: Zweiteilige Textspalten in Iconbar?
avatar
Mitglied

Bei mir funktioniert es mit den Werten aus deinem Spalten-Icon ohne einen css Eintrag.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
19.11.2017 11:25
avatar  ( gelöscht )
#27 RE: Zweiteilige Textspalten in Iconbar?
Gast
( gelöscht )

...da in Beitrag#26 die CSS class .spalte in der BB code Erstellung überhaupt nicht angesprochen wird, sondern die Trennlinie im HTML Code steht, ist der CSS Eintrag überflüssig.

MfG


 Antworten

 Beitrag melden
19.11.2017 11:29 (zuletzt bearbeitet: 19.11.2017 11:38)
avatar  Mike48
#28 RE: Zweiteilige Textspalten in Iconbar?
avatar
Mitglied

css in Beitrag #24 ist nicht richtig.

So funktioniert es

1
2
3
4
5
6
7
8
9
10
11
 
/* begin - mehrspaltiger Text */
.spalte {
-webkit-columns: 3 100px;
-moz-columns: 3 100px;
columns: 3 100px;
-webkit-column-rule: 1px dotted black;
-moz-column-rule: 1px dotted black;
column-rule: 1px dotted black;
padding: 1em;
}
/* ende - mehrspaltiger Text */
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
19.11.2017 11:44 (zuletzt bearbeitet: 19.11.2017 11:44)
avatar  Mike48
#29 RE: Zweiteilige Textspalten in Iconbar?
avatar
Mitglied

Die Breite der Spalten bei columns mit an zu geben ist nicht immer sinnvoll. Wenn die Breite nicht verfügbar ist entfallen Spalten entsprechend.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
19.11.2017 17:31 (zuletzt bearbeitet: 19.11.2017 17:37)
avatar  Mike48
#30 RE: Zweiteilige Textspalten in Iconbar?
avatar
Mitglied

Ich habe noch etwas mit den Spalten experimentiert in dem ich mir zwei Einträge in die Iconbar gemacht habe. Einen sichtbaren und einen unsichtbaren.

Das sichtbare Icon

1
2
 
[Spalten] . . . [/Spalten]
<article style="-webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-rule: 1px dotted black; -moz-column-rule: 1px dotted black; column-rule: 1px dotted black; padding: 1em;"> . . . <article>
 


Das unsichtbare Icon

1
2
 
[Spalten={{x}}] . . . [/Spalten]
<article style="-webkit-columns: {{x}}; -moz-columns: {{x}}; columns: {{x}}; -webkit-column-rule: 1px dotted black; -moz-column-rule: 1px dotted black; column-rule: 1px dotted black; padding: 1em;"> . . . <article>
 



Wenn man das Icon in den Text einfügt werden 2 Spalten erzeugt.
Ergänzt man Spalten mit einem Wert zB. =3 also [ Spalten=3 ] werden entsprechend viele Spalten erzeugt und mit Spalten=1 wird eine Spalte erzeugt.

Die Spalten haben noch einen zusätzlichen Effekt. Fügt man eine Grafik in den Text ein mit float Links oder Rechts fliest der Text nicht unter die Grafik. Die Grafik bildet quasi auch eine Spalte. mit Spalten=1 hat man den Text in einer Spalte und die Grafik daneben ohne Text darunter.





www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!