Chat -Hintergrundbild

17.11.2013 22:10
#1 Chat -Hintergrundbild
avatar
Mitglied

Ich habe den von Alice vorgegeben Code übernommen und in CSS eingesetzt . Leider tut sich da gar nichts!!


Hier das was ich eingesetzte habe:

xChatMain{background: url("https://files.homepagemodules.de/b2001010/a_857_95ce281c.gif");}
.xChatMessage,.users_cont{background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;}

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
17.11.2013 22:26 (zuletzt bearbeitet: 17.11.2013 22:27)
avatar  TripleM
#2 RE: Chat -Hintergrundbild
avatar
Mitglied

Wenn ich das Richtig sehe fehlt Vorne der Punkt in der ersten Zeile

1
2
 
.xChatMain{background: url("https://files.homepagemodules.de/b2001010/a_857_95ce281c.gif");}
.xChatMessage,.users_cont{background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") ! important;}
 




Kleine Ursache große Wirkung.


 Antworten

 Beitrag melden
17.11.2013 23:20
#3 RE: Chat -Hintergrundbild
avatar
Mitglied

Der Punkt ist mit drin ,Mario.

Ich hatte nur unsauber kopiert.

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
17.11.2013 23:26
avatar  TripleM
#4 RE: Chat -Hintergrundbild
avatar
Mitglied

Kannst du mal bitte dein CSS Code Komplett hier einstellen. Nicht das du da was anderes drin hast was das Bild Blockiert.

Bitte den Punkt nehmen



Und zwischen den beiden Codeabschnitten legst du den Kompletten CSS Eintrag. Dann sieht es sauberer aus und es wird nix Umgesetzt. Wenn du dann noch willst kannst das alles noch in einen Spoiler Packen.

Dazu alles Markieren und dann den Button Drücken.



Dann wird der Post nicht Ellenlang.


 Antworten

 Beitrag melden
18.11.2013 00:00
#5 RE: Chat -Hintergrundbild
avatar
Mitglied

Bitteschön:



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
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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
 
/*Spoiler-Design*/
 
.hpm_spoiler_open{
background:url("https://files.homepagemodules.de/b2001010/a_488.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
}
 
.hpm_spoiler_closed {
background:url("https://files.homepagemodules.de/b2001010/a_489.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
 

 
.xChatMain{background: url("https://files.homepagemodules.de/b2001010/a_857_95ce281c.gif");}
.xChatMessage,.users_cont{background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;}
 

 
.xChatMain{background: url("https://files.homepagemodules.de/b2001010/a_857_95ce281c.gif");}
.xChatMessage,.users_cont{background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") ! important;}

 

 

 
.
 

 
.xChat * {font-size: 21px !important;font-weight:normal !important;}
 

 

.content.page_index
{
background: transparent;
}

 

 

 

 

 

}
 

 

 

.content.page_index {
background: transparent;
}

 

 

 

 

 
.hpm_spoiler_body {
background:none repeat scroll 0 0;
display: none;
border-color:#eeeeee;
border-style:solid;
border-width:0 1px 1px 1px;
margin:0;
padding:0;
width:100%;
}
 
.hpm_spoiler_headinput {
border:0 none;
cursor:pointer;
font:bold 11px Verdana,Arial,sans-serif;
margin-bottom:0;
margin-left:6px;
margin-top:0;
padding:2px 14px 3px;
position:relative;
text-align:left;
width:100%;
 
}
 
.hpm_spoiler {
margin:6px;
width:60%;
}
 
.hpm_spoiler_headdiv {
background:none repeat scroll 0 0;
border:1px solid #eeeee;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}
#link_index span {
font-size: 18px;
opacity: 0;
}

#link_index {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 70px;
}
#link_forum span {
font-size: 18px;
opacity: 0;
}

#link_forum {
background-image: url(" https://files.homepagemodules.de/b214495/bhnetfiles-k97a-1-c4ca.png ") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 55px;
}

#link_ span {
font-size: 18px;
opacity: 0;
}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 72px;
}

#link_forum span {
font-size: 18px;
opacity: 0;
}

#link_forum {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 110px;
}

#link_ span {
font-size: 18px;
opacity: 0;
}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 120px;
}

#link_ span {
font-size: 18px;
opacity: 0;
}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 70px;
}

#link_ span {
font-size: 18px;
opacity: 0;
}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 35px;
}

#link_ span {
font-size: 18px;
opacity: 0;
}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 85px;
}
#link_span {
font-size: 18px;
opacity: 0;
}
{
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 85px;
 
}
#link_ span {
font-size: 18px;
opacity: 0;
}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 85px;
 

li.searchli {
display: none !important;
}
 

fstat hr{
visibility: hidden;
}


.fstat_stats {
display:none;
}
 

 
.tms2 p img{
max-width:500px;
}
 

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
18.11.2013 00:24
avatar  TripleM
#6 RE: Chat -Hintergrundbild
avatar
Mitglied

Also ja du hast Recht es wird nicht angezeigt. Nur Frage ich mal eben warum hast du so viele Einträge doppelt?

Ebenso sind viele Einträge vorhanden wo ein Bild eingefügt werden soll

z.b. Hier

1
2
3
4
5
6
7
8
9
10
11
 
#link_ {
background-image: url("Warum ein CSS eintrag wenn kein Bild eingefügt ist??????") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 85px;

 
li.searchli {
display: none !important;
}
 




Durch die ganzen nicht Korreckt und Teilweise doppelten Einträge kann es nun natürlich sein das der Fehler welcher ja keiner ist so herbeigeführt wird. Denn wenn ich alle einträge raus nehme auch die Fehlerhaften wird es wie es soll Umgesetzt. Gerade getestet. Ich denke es liegt an den Fehlenden und Fehlerhaften Einträgen. Am besten ein eintrag raus nehmen und immer wieder testen ob es dann geht wenn nicht wieder einfügen und den nächsten entfernen. Viel Arbeit aber ich wüsste nun nicht welcher Eintrag den fehler macht.


 Antworten

 Beitrag melden
18.11.2013 06:09 (zuletzt bearbeitet: 18.11.2013 06:10)
avatar  Olaf
#7 RE: Chat -Hintergrundbild
Ol
Mitglied

Das ist die schlimmste CSS Datei, die ich je gesehen habe.Klassennamen fehlen,doppelte Einträge,schließende Klammern fehlen,herrenlose Klammern fliegen da mitten drin rum....
Wenn man keine Ahnung davon hat,dann würde ich sagen Finger weg davon.
Sonst wird das hier nur zur sinnlosen Sucherei nach Fehlern oder von uns richtig genannten CSS Einträge werden dann nicht umgesetzt.
Das mußte ich einfach mal sagen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
18.11.2013 07:39 (zuletzt bearbeitet: 18.11.2013 07:46)
avatar  TripleM
#8 RE: Chat -Hintergrundbild
avatar
Mitglied

So ich habe nun noch mal einen Blick drauf geworfen und alle mir aufgefallenen Fehler beseitigt. Sind eventuell noch welche die ich übersehen habe. Getestet habe ich es auch und das Chatbild wird nun Ordnungsgemäß angezeigt.
Schau bitte ob alle anderen Funktionen noch so sind wie vorher.


/

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
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
 


.hpm_spoiler_open{
background:url("https://files.homepagemodules.de/b2001010/a_488.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;}

.hpm_spoiler_closed {
background:url("https://files.homepagemodules.de/b2001010/a_489.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;}

 

.xChatMain{background: url("https://files.homepagemodules.de/b2001010/a_857_95ce281c.gif");}
.xChatMessage,.users_cont{background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !
 
important;}

 

.xChatMain{background: url("https://files.homepagemodules.de/b2001010/a_857_95ce281c.gif");}
.xChatMessage,.users_cont{background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !
 
important;}

.xChat * {font-size: 21px !important;font-weight:normal !important;}

 
.content.page_index { background: transparent;}

 
.content.page_index { background: transparent;}

.hpm_spoiler_body {
background:none repeat scroll 0 0;
display: none;
border-color:#eeeeee;
border-style:solid;
border-width:0 1px 1px 1px;
margin:0;
padding:0;
width:100%;
}

.hpm_spoiler_headinput {
border:0 none;
cursor:pointer;
font:bold 11px Verdana,Arial,sans-serif;
margin-bottom:0;
margin-left:6px;
margin-top:0;
padding:2px 14px 3px;
position:relative;
text-align:left;
width:100%;
}

.hpm_spoiler {margin:6px; width:60%;}

.hpm_spoiler_headdiv {
background:none repeat scroll 0 0;
border:1px solid #eeeee;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}
 
#link_index span {font-size: 18px; opacity: 0;}

#link_index {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 70px;}
 
#link_forum span {font-size: 18px; opacity: 0;}

#link_forum {
background-image: url(" https://files.homepagemodules.de/b214495/bhnetfiles-k97a-1-c4ca.png ") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 55px;}

#link_ span { font-size: 18px; opacity: 0;}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 72px;}

#link_forum span {
font-size: 18px;
opacity: 0;}

#link_forum {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 110px;}

#link_ span { font-size: 18px; opacity: 0;}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 120px;}

#link_ span {font-size: 18px;opacity: 0;}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 70px;}

#link_ span {font-size: 18px; opacity: 0;}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 35px;}

#link_ span {font-size: 18px; opacity: 0;}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 85px;}
 
#link_span {font-size: 18px; opacity: 0;

background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 85px;}
 
#link_ span {font-size: 18px; opacity: 0;}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 85px;}

 
li.searchli {display: none !important;}


.fstat hr{visibility: hidden;}


.fstat_stats {display:none;}

 

.tms2 p img{max-width:500px
 

;}



Und Achte bitte darauf sauber zu Kopieren. Denn ein fehlender Punkt oder eine Fehlende Klammer macht den Code zu nichte und dann geht das Suchen los.


 Antworten

 Beitrag melden
18.11.2013 09:26 (zuletzt bearbeitet: 18.11.2013 09:32)
#9 RE: Chat -Hintergrundbild
avatar
Mitglied

@Mario ,vielen Dank für deine Mühe.

@ Olaf ,ich bin dir dankbar dass du das so offen ausgesprochen hast .Als ich die Daten herauskopiert hatte ,habe ich es selbst gesehen ,dass das ein unordentlicher Haufen ist . Gestern Abend war ich aber zu müde um auch nur ein wenig Ordnung zu schaffen .

Dass das so ausschaut und auch viele Einträge doppelt sind ,ist dem Umstand zuzuschreiben ,dass ich wirklich KEINE AHNUNG von irgendetwas hatte ,was mit dem CSS zu tun hat ,als ich vor einem Jahr anfing.

Man traut sich als Anfänger ja auch nicht irgendetwas rauszunehmen ,weil man den Blick für die Codes noch nicht hat . Geschweifte Klammern ....wo und wozu .....könnte ja was kaputt machen ....,dann geht was nicht ... .. man denkt:..ich hab bestimmt vergessen abzuspeichern......,setzt den Code nochmal.......

Deshalb schauts so aus .

Wenn man aber keine Ahnung von was hat ,kann man natürlich die Finger davon lassen ,man kann aber auch probieren und dazu lernen . ( Ich denke ,dass du Olaf irgendwann auch mal am Anfang standest ? )

Ich bin ein sehr ordentlicher Mensch ,ganz und gar nicht chaotisch . Ich hatte mir für heute vorgenommen hier aufzuräumen .

Das hat nun schon Mario für mich übernommen.


Vielen Dank für eure Geduld. Und bedenkt bitte :

DAS HIER lesen auch andere Anfänger mit. Es haben hier sicher sehr viele User aus meinen Problemen und eurer Lösung gelernt, so wie ich
aus anderen Threads vieles mitgenommen habe was man hier (weder akustisch ,noch optisch ) natürlich nicht mitbekommt

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
18.11.2013 09:41
#10 RE: Chat -Hintergrundbild
avatar
Mitglied

So, nun habe ich die saubere CSS-Kopie eingesetzt. Passt perfekt.

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
18.11.2013 09:54
#11 RE: Chat -Hintergrundbild
avatar
Mitglied

Zitat von Olaf im Beitrag #7
Das ist die schlimmste CSS Datei, die ich je gesehen habe.Klassennamen fehlen,doppelte Einträge,schließende Klammern fehlen,herrenlose Klammern fliegen da mitten drin rum....
Wenn man keine Ahnung davon hat,dann würde ich sagen Finger weg davon.
Sonst wird das hier nur zur sinnlosen Sucherei nach Fehlern oder von uns richtig genannten CSS Einträge werden dann nicht umgesetzt.
Das mußte ich einfach mal sagen.

Gruß
Olaf

Topp die Wette gilt. Meine CSS is noch schlimmer. Wie erkenne ich kaputte oder unvollständige CSS Dateien und wie weis ich bzw finde ich raus was fehlt. Dmit ich es reparieren kann.


 Antworten

 Beitrag melden
18.11.2013 10:19
avatar  TripleM
#12 RE: Chat -Hintergrundbild
avatar
Mitglied

Also es ist natürlich schwer dir jetzt in einen Post zu Erklären wie was richtig gemacht wird. Ich habe mir eben alle Codes die angezeigt werden immer genau angesehen. Dann mal Hiermit Verglichen um nachzulesen was bewirkt ein bestimmter Bereich. Dann erklärt sich schon vieles. Zum auslesen bestimmter Bereiche gibt es diverse Möglichkeiten wie z.b. Firebug oder auch Web Develoter was z.b. mein Lieblings Addon ist. So kannst du jedenfalls Bereiche im Forum Auslesen.



Somit kenne ich schon mal die ID die ich per CSS Ändern will z.b. in Form Farbe oder Schrift. Wenn ich nun mit meinen Link oben schaue kann ich z.b. schön sehen das ich diesen bereich z.b.



Verändern kann sagen wir mal den Hintergrund von der Farbe

1
 
#link_gallery.menu_item{ background-color: #ffffff ! important; }
 



Nachzulesen eben hier




Wichtig dabei ist immer die Veränderung in Klammern {XXXX} zu setzen und jeden bereich den ich ändere das ; nicht vergessen.

Und schon würde sich der Hintergrund entsprechen der von mir eingetragenen Farbe ändern. Das kann man eben nicht von heute auf Morgen Lernen sondern Braucht Zeit. Viel lesen in dem Support Threads Hilft da immer. Also siehst du irgendwo einen CSS code hier dann schaue in meinen Oben Eingefügten Link was der Bewirken soll. Somit wirst du es einfacher haben das Nachzuvollziehen.


 Antworten

 Beitrag melden
18.11.2013 20:37
avatar  Olaf
#13 RE: Chat -Hintergrundbild
Ol
Mitglied

@mario4370
Du hast die letzte Klasse in Deiner Berichtigung nicht geschlossen.
Ich habe mal die ganze CSS von überflüssigen (mehrfachen) Einträgen gesäubert:

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
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
 
.hpm_spoiler_open {
background:url("https://files.homepagemodules.de/b2001010/a_488.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
}
 
.hpm_spoiler_closed {
background:url("https://files.homepagemodules.de/b2001010/a_489.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
}
 
.xChatMain {
background: url("https://files.homepagemodules.de/b2001010/a_857_95ce281c.gif");
}
 
.xChatMessage,.users_cont {
background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;
}
 
.xChatMain {
background: url("https://files.homepagemodules.de/b2001010/a_857_95ce281c.gif");
}
 
.xChatMessage,.users_cont{
background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;
}
 
.xChat * {
font-size: 21px !important;
font-weight:normal !important;
}
 
.content.page_index {
background: transparent;
}
 
.hpm_spoiler_body {
background:none repeat scroll 0 0;
display: none;
border-color:#eeeeee;
border-style:solid;
border-width:0 1px 1px 1px;
margin:0;
padding:0;
width:100%;
}
 
.hpm_spoiler_headinput {
border:0 none;
cursor:pointer;
font:bold 11px Verdana,Arial,sans-serif;
margin-bottom:0;
margin-left:6px;
margin-top:0;
padding:2px 14px 3px;
position:relative;
text-align:left;
width:100%;
}
 
.hpm_spoiler {
margin:6px;
width:60%;
}
 
.hpm_spoiler_headdiv {
background:none repeat scroll 0 0;
border:1px solid #eeeee;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}

#link_index span {
font-size: 18px;
opacity: 0;
}

#link_index {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 70px;
}

#link_forum {
background-image: url(" https://files.homepagemodules.de/b214495/bhnetfiles-k97a-1-c4ca.png ") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 110px;
}

#link_ span {
font-size: 18px;
opacity: 0;
}

#link_forum span {
font-size: 18px;
opacity: 0;
}

#link_ {
background-image: url("") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 85px;
}

li.searchli {
display: none !important;
}

.fstat hr {
visibility: hidden;
}
 
.fstat_stats {
display:none;
}

.tms2 p img {
max-width:500px;
}
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
18.11.2013 20:52
avatar  TripleM
#14 RE: Chat -Hintergrundbild
avatar
Mitglied

Japs hatte ich im Anderen Thema Beitrag 11 noch Korrigiert leider Versäumt hier darauf Hinzuweisen.


 Antworten

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