Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Linksbündiger Text im Blogartikel
#1 Linksbündiger Text im Blogartikel
Guten Abend zusammen,
ist es möglich, mit einem Code den linksbündigen Text eines Artikel nach rechts zu verschieben,
also den linken Rand zu verschieben ? Der Text soll linksbündig bleiben aber insgesamt mehr zur
horizontalen Mitte der Seite verschoben werden.
Vielen Dank für eure Hilfe vorab
Andreas
Hallo, könnte vielleicht mit einem einfachen CSS-Code möglich sein. Um welches Template handelt es sich? Ggf. wäre ein Screenshot der Bereiche hilfreiche.
Sami
Support · Xobor.de · Miranus GmbH · Wir helfen gerne - Unterstütze Xobor durch die Buchung eines Premium Tarifs.
#3 RE: Linksbündiger Text im Blogartikel
Hallo Sami,
u.a. möchte ich auf dieser Seite dass der untere Text ( darunter sind noch weitere ) „in einer Flucht“ mit dem linken Button „Einzel U8 - U12“ beginnt.
Genial fände ich es, wenn man dafür in der Icon-Bar einen o. mehrere Foren-Code(s) anlegen könnte,
mit denen man den Textbeginn horizontal positionieren kann.
Danke für deine Hilfe
Andreas
#4 RE: Linksbündiger Text im Blogartikel
so vielleicht?
Dazu bitte unter Admin→Layout→Farben & Einstellungen→CSS folgendes eintragen:
.blog-article-wrap .spacer10{
padding-left: 40px;
}
#6 RE: Linksbündiger Text im Blogartikel
Hallo Ingmar,
leider passiert dadurch nichts, der Text bleibt ganz links.
Vielleicht "beißt" sich dieser Code ja mit einem anderen, daher habe ich meine CSS-Einträge mal hier beigefügt....
Gruß Andreas
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
body {
background-image: url(https://files.homepagemodules.de/b782117/resize/1920x1080/pictures_u1350_EIUingfA.png);
background-position: center center;
background-attachment: fixed;
}
/*Kopfleiste im Forum ausblenden*/
.topnavigation_wrap {display: none;}
.page_topic #breadcrumbs, .page_topic .showsocial {display: none !important;}
.page_topic .options {display: none !important;
}
.page_pages #breadcrumbs {display:none;}
undefined: https://www.hpm-support.de/t540591f11769158-Boxheader-Kopfzeile-Schrift-Einstellungen.html#msg7288277
.header {background-color: #ffffff !important;}
/*.container.portal { background:#ffffff !important;}*/
/*Zentralisierte Ausrichtung der Page */
body {
float:center;
}
.page_blog_entry, .footer{
background-color:#ebebeb !important
}
/* Profilbild im Forum ausblenden*/
.sidebarcontent {display: none !important;}
/*Blog Schreibbereich Breite*/
#blog-article-wrap {
width: 100%;
}
/*Blog-Sidebar Breite*/
#blog-sidebar {
width: 0%;
}
/*Im Blog die rechte Bearbeitungsleiste ausblenden */
#blog-sidebar {
display: none;
}
/* Ausblendung der links-rechts Hinweise auf weitere Artikel */
.np-blog-wrap {display: none;}
/*Portal-Größeneinstellung*/
.laytd.leftcol{width:1px !important;}
.laytd.main{width:1918px !important;}
.laytd.rightcol{width:1px !important;}
/*Aktivity Feed Höhe und Schriftgröße
.lastactions{max-height:75px !important;}
.lastactions li *{font-size: 17px;}
/*Kein Aktivity Feed im Forum*/
.page_forum .xFeedContainer{display:none;}
/* Textbox-Design auf dem Portal*/
.box .boxcontent, .boxcontent {box-shadow: +6px 6px 6px #000000;border-radius: 3px 3px 3px 3px;border: 1px solid #000000;}
/*Linksbündiger Text in den Portal-Boxen*/
.portal .boxcont{text-align:left !important;}
/*Schriftgröße Navigation*/
ul.navigation li a {
font-size: 20px;
}
/*Schriftgröße und Schriftart im Chat*/
.xChat *{
font-size: 18px !important;
font-family: 'Bodoni 72';
}
/* Eintrag Anpassung Icongröße */
.xob_subiconlist img{max-height:40px;}
.xob_subiconlist .xob_icon_cont{height:45px;}
/*Gestaltung Iconbar-Fenster*/
.xob_subiconlist {
overflow: auto;
height:200px;
/* Höhe des Smilieauswahlfenster (Scrollbalken) */
´// background-image:url(https://files.homepagemodules.de/b782117/resize/275x275/pictures_u137_rgxiqNHG.png);
/* Hintergrundbild Smilieauswahl */
background-color: #fafafafa !important;
/* Hintergrundfarbe Smilieauswahl (nur in Funktion bei fehlendem Hintergrundbild) */
border: 5px solid #aaaaaa !important;
/* Rahmenstärke des Auswahlfensters */
border-radius: 10px;
/* Auswahlfenster mit abgerundeten Ecken */
padding:25px !important;
/* Abstand der Smilies zum Fensterrand */
}
li.searchli {
display: none !important;
}
.content.page_blog_entry #breadcrumbs {
display: none;
}
.page_blog_entry .boxheader {
display: none;
}
page_blog_main #breadcrumbs {
diplay: none;
}
box1 {
padding: 10px;
max-height: auto;
max-width: auto;
text-overflow:clip ellipsis;
border: 1px solid #000000;
text-align: block;
}
/* Navigation-hover-Hintergrundfarbe */
#navigation a:hover{
background-color: black ;
}
/* Navigation-hover-Schriftfarbe */
#navigation a:hover{
color: grey;
}
/* Forum- Oberen Balken ausblenden*/
.page_topic .boxheader {display: none;}
td.reply, td.sidebar {background: none !important;}
/* Forum- Beinflusst die Schrift rechts im oberem Balken*/
.mposttime {color: white; font-size: 1px;}
/* Forum- Beinflusst den Hintergrund um dein Bild herum und den Rahmen*/
#mavatar3.messageAvatar {background: none; border: none;}
/*Forum- Beinflusst Farbe und Schriftgröße im unteren Balken*/
div.mreply small {color: white; font-size: 1px;}
/* Forum- Beeinflusst Farbe und Göße des Antworten-Button*/
.mreply a.smallbutton strong {color: white; font-size: 10px;}
//.blog-article-body {background-image: url("//files.homepagemodules.de/b782117/a_160_379487f1.png");
border: 1px solid #030003;
}
/*Chathintergrundbild*/
.xChatMain{background: url("https://files.homepagemodules.de/b782117/resize/250x187/pictures_u819_nSUwaNoK.png");}
.xChatMessage,.users_cont{background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;}
/*Chatbutton ausblenden*/
#xChatBase, #xChatGuests {display: none !important;}
/*Standartfußleiste ausblenden, nur Impressum anzeigen*/
li.searchli input {
display: none;
}
#headerSearchSubmit {
display: none;
}
.c_r_top1_head {
background-image: none;
}
.c_r_top1_head div {
background-image: none;
}
.blog-article-wrap .spacer10{
padding-left: 200px;
}
#7 RE: Linksbündiger Text im Blogartikel
Zitat von Ingmar im Beitrag #5
Dazu bitte unter Admin→Layout→Farben & Einstellungen→CSS folgendes eintragen:
.blog-article-wrap .spacer10{
padding-left: 40px;
}
Sorry, da hatte sich ein Fehler eingeschlichen...
korrekt wäre:
#blog-article-wrap .spacer10{
padding-left: 40px;
}
Das bezieht sich aber nur auf deinen Ausgangspost.
Die linksbündige Positionierung am Button auf jedem Endgerät zu realisieren dürfte etwas komplizierter werden.
Zitat von Andreas Lipske im Beitrag #3
u.a. möchte ich auf dieser Seite dass der untere Text ( darunter sind noch weitere ) in einer Flucht mit dem linken Button Einzel U8 - U12 beginnt.
Das wird sich glaube ich nicht realisieren lassen,weil der Kopf (die Button) in eine eigene Klasse sein muß.
In Deinem Fall ist der Kopf und der folgende Text in einer Klasse.So verschiebt sich natürlich alles synchron und nicht nur der Text nach unten.
Gruß
Olaf
#10 RE: Linksbündiger Text im Blogartikel
#12 RE: Linksbündiger Text im Blogartikel
Hallo Lobbo,
die Codes kenne ich , führen aber nicht zum gewünschten Ergebnis.
Bei diesen Codes endet der Text entweder am rechten Artikelrand [right] oder
beginnt am linken Artikelrand [left].
Ich möchte aber den linken Textrand (am liebsten prozentual) nach rechts verschieben.
Vielleicht sehe ich ja den Wald vor lauter Bäumen nicht 🤪
#13 RE: Linksbündiger Text im Blogartikel
Dann ändere den Code so.
<div style="text-align:left;padding-left: 20%">
Die 20 % kannst du wie du es möchtest anpassen.
#14 RE: Linksbündiger Text im Blogartikel
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software