Hilfe beim Design: Hintergrundfarben strukturieren?

  • Seite 1 von 2
19.01.2014 16:28
#1 Hilfe beim Design: Hintergrundfarben strukturieren?
De
Mitglied

Hallo,

ich probiere seit 1-2 Tagen, ein Forum für meine Allianz in einem Online-Spiel für etwa 100 Leute vorzubereiten. Das klappt auch soweit alles gut, nur mit dem Design bin ich noch nicht so ganz zufrieden. Hier einmal der Link: deutsche-union.xobor.de
Wie ihr seht sind die Farben sehr flächig, teilweise sogar etwas eintönig. Gibt es irgendeine Möglichkeit, die Hintergründe leicht zu strukturieren, oder hat einer der erfahrenen Experten hier einen anderen Tipp, wie ich das farblich noch verbessern kann?
Mal als Beispiel für ein Forum, das dem in etwa entspricht: forum.fishlabs.com

Vielen Dank im Vorraus für eure Antworten,
MfG,
Der_Sieger

LG
Der_Sieger

Falls sich jemand über meinen Namen wundert... Mein unglaublicher Einfallsreichtum hat sich von Online-Spielen bis hierher fortgesetzt ;-)

 Antworten

 Beitrag melden
19.01.2014 17:15
avatar  TripleM
#2 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
avatar
Mitglied

Man kann über CSS einiges Verändern. Oder mit einen Hintergrundbild Arbeiten.
Was alles machbar ist? So ziemlich alles. Nur in dem Zweiten Link sehe ich nicht wirklich etwas.

Schau mal mein Forum an dort habe ich alle Farben weitesgehend eingestellt und was nicht Gefiel mit CSS gemacht.

http://www.offroadfreunde-nord.de/

Du solltest am Besten deine Wünsche äußern wo du was geändert haben möchtest. Am besten mit Screenshot und den bereich den du anders haben willst markieren.
Dann geht es gezielt auf deine Wünsche und die Helfenden brauchen nicht Raten.


 Antworten

 Beitrag melden
19.01.2014 17:31 (zuletzt bearbeitet: 19.01.2014 17:34)
#3 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
De
Mitglied

Ok, danke, dann probiere ich mal, meine Vorstellung etwas präziser zu erklären.
Habe allerdings gerade gemerkt, dass ich beim 2. Link im ersten Beitrag einen Fehler gemacht habe, da ich das leider nicht mehr editieren kann, hier der richtige: forum.fishlabs.net
Ich hänge einen Screenshot an, der diesen strukturierten Hintergrund nochmal genau zeigt.

Das Ziel in meinem Forum wäre es, die hellblauen Inhalte auch etwas weniger "eintönig" zu gestalten.
Muss zugegebenermaßen allerdings sagen, dass ich von CSS keine Ahnung habe, da bräuchte ich wenn möglich eine sehr detaillierte Erklärung was und wie genau ich es machen soll ;-)

Auch ein passendes Hintergrundbild damit würde ich finden, dann würde ich aber gerne noch wissen, wie ich die hellblauen Felder so durchsichtig einstellen kann, dass das Hintergrundbild durchscheint und sich so auf's Ganze auswirkt und nicht nur die Seiten.

Hoffe das war halbwegs verständlich, sonst bitte nochmal nachfragen :-/

LG
Der_Sieger

Falls sich jemand über meinen Namen wundert... Mein unglaublicher Einfallsreichtum hat sich von Online-Spielen bis hierher fortgesetzt ;-)

 Antworten

 Beitrag melden
19.01.2014 17:56
avatar  TripleM
#4 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
avatar
Mitglied

Also ich fang mal an. Die Sache mit dem CSS ist so schwer nicht. Es Gibt Bestimmte Möglichkeiten da etwas zu verändern. Css ist für die Anzeige sprich das Aussehen da.

Im Forum hast du unter
Admin/Layout/CSS eine Box da kann man die Codes eintragen und speichern und schön greift eine Veränderung.

Nun Braucht es dazu die codes

Mal ein Beispiel meiner CSS Box mit den Eintragungen

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
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
 
.xquoteable {font-size:14px !important;}
* {font-weight: 550 !important;}
 
#impressum.box {display:none !important;}
#usercont_bottom.container {display:none !important;}
 
/*--- 001-Ab hier - Transparente Umstellung und Hintergrund Bilder --- */
 
#search {background-color: #DBDBDB !important;}
 

 

 
#foptions_extend2.foptions_list_flist, .foptions_list, .foptions3 {background-color: #DBDBDB !important;}
 
.fdesc, .fnew, #login_wrap.box, #xActivityFeed.noimage.lastactions.forums, .box.grey.stats, #breadcrumbs,
 
#usercont_bottom.container, .fposts, .fstat, .foptions, .foptions2, #foptions_link2, #foptions_link,
 
#quickreply.box, .threadnp, #legend_link, #legend.box, .category_wrap, .box, .tms2, .foptions3, .sidebar, .reply,
 
.header, .content.page_user, .content.page_wiki_index, .fpages, .foptions4.toggler, #liveres.box, .icontd,
 
.reshead, .resinfo, .resmain, #allpages.pstat.pages, .crtp.deac, #forum_search, #fpages.options, .mtext,
 
#pm_search_input {background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;}
 
#breadcrumbs {background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;}
 

body {
background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles_big-j7a1-1x-a3f3.jpg) !important;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
 

#blog-sidebar {background-image: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png");
border: 1px solid #030003;
}
 

.blog-article-body {background-image: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png");
border: 1px solid #030003;
}
 
.blog-article {background-image: url("https://files.homepagemodules.de/b541474/a_528_4bf5de80.jpg");
border: 1px solid #030003;
}
 
/*--- 001-Ab hier Ende Transparente Umstellung und Hintergrund Bilder --- */
 

#recvorlist.noimage {background-image: url("https://files.homepagemodules.de/b541474/a_528_4bf5de80.jpg");
border: 1px solid #030003;
}
 
.topic_plugin_text {background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;}
#new_topic_title {color: #ff0000;}
 
/* Eintrag Anfang "Kalender-Iconbar weniger nach rechts einrücken" */
 
div.formfield .iconbar_wrap {
left: 150px;
}
 
/* Eintrag Ende "Kalender-Iconbar weniger nach rechts einrücken" */
 

 

/* Eintrag Anfang "Navigation, Usermenü und Header Breitenbeschränkung" */
 

.header, #usercont_bottom.container, .topnavigation_wrap {
width: 92%;
margin-left: auto;
margin-right: auto;
}
 
#navigation {
width: auto;
margin-left: auto;
margin-right: auto;
}
 
.content.page_user {
width: 97%;
margin-left: auto;
margin-right: auto;
}
 
/* Eintrag Ende "Navigation, Usermenü und Header Breitenbeschränkung" */
 

 

/* Eintrag Anfang "Farbanpassung für Navileiste gegenüber Unternavigation" */
 

 
#link_gallery.menu_item, #link_geomap.menu_item, #link_calendar.menu_item, #user_page617317011.menu_item
 
{background-color: #33230A !important;}
 
#topnavigation-ul > li:nth-child(n+3) {
display: none;
}
 
/* Eintrag Ende "Farbanpassung für Navileiste gegenüber Unternavigation" */
 

/* Eintrag Anfang "Usermenü Abgrundete Ecken" */
 
.usercontent img {
border-radius: 8px;
}
 
/* Eintrag Ende "Usermenü Abgerundetet Ecken" */
 

/* Eintrag Anfang "Ausblenden des Footer Streifen und Linksin Footer" */
 
.footer {display:none !important;}
 
#inf_link, #last_link, #comm_link { color: #ff0000 ! important;}
 
/* Eintrag Ende "Ausblenden des Footer Streifens und links in Footer" */
 

 
/* Eintrag Anfang "Anpassung Chat Diverse" */
 
#xChat_global.disconnected, #xChatGuests {
margin-right:-165px;
}
 
.xChat * {font-size: 21px !important;font-weight:normal !important;}
#xChat_global.disconnected:hover, #xChatGuests.disconnected:hover {
margin:0px;
}
 
.xChat .mes{color: black;}
 
.xChatMain{background: url("https://files.homepagemodules.de/b214495/bhnetfiles-j7a1-2l-5422.jpg");}
.xChatMessage,.users_cont{background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !
 
important;}
 
div.chat_smileys {
background-image: url("https://files.homepagemodules.de/b541474/a_528_4bf5de80.jpg");
border-left: 1.5px solid #030003;
border-right: 2px solid #030003;
border-top: 1.5px solid #030003;
border-bottom: 2px solid #030003;
}
 

 

 
div.chat_smileys {
width: 950px;
height:440 px;
}
 
.chat_smiley_div .chat_smiley_span{width: 55px !important; height:55px !important;}
.chat_smiley_div .chat_smiley{max-height:55px !important;max-width:55px !important; }
 

.chat_settings {
background-image: url("https://files.homepagemodules.de/b541474/a_528_4bf5de80.jpg");
border: 1px solid #030003;
}
 
/* Eintrag Ende "Anpassung Chat Diverse" */
 
/* Eintrag Anfang "Diverse Sonstige Veränderungen" */
 
hr {
-o-box-shadow: 1px 1px 8px;
-webkit-box-shadow: 1px 1px 8px;
-khtml-box-shadow: 1px 1px 8px;
border-bottom: medium none transparent;
border-top: 1px solid #030303;
}


.msignature {
border-top-color: #000000 !important;
border-top-width:2px ! important;
}
 

ul.navigation li {
line-height: 25px;
}
 

.menu_item {
background-color: rgba(255, 255, 0, 0.1) ! important;
}
 
.contextMenu {
background-image: url("https://files.homepagemodules.de/b541474/a_528_4bf5de80.jpg");
border: 1px solid #030003;
}
 
.xtables{width:auto;}
 
.xtables td{
border:1px solid black;
min-width:50%;
padding:5px;
}

.xtables tr:nth-child(odd){background-color: #ededed;}
.xtables tr:first-child{font-weight:bold;}
 

 
.page_index .lastactions {
max-height:320px !important;
}
 

.lastpost{
font-weight:normal;
}
 
.ifos{
font-weight:normal;
}
 

.mtext a{color:blue !important;}
.mtext a{font-weight: bold !important;}
 

 

a:hover {
color:#ff0000;
text-shadow: 4px 4px 3px #4D5258;
text-decoration: none;
}
 
#usercont_bottom.container {
border-radius: 8px;
}
 
/* Eintrag Ende "Diverse Sonstige Veränderungen" */
 
/* Eintrag Anfang "Tabelle Farbig" */
.CSSTableGenerator {
margin:0px;padding:0px;
width:100%;
box-shadow: 10px 10px 5px #888888;
border:1px solid #000000;

-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;

-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;

-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}.CSSTableGenerator table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{

}
.CSSTableGenerator tr:nth-child(odd){ background-color:#ffaa56; }
.CSSTableGenerator tr:nth-child(even) { background-color:#ffffff; }.CSSTableGenerator td{
vertical-align:middle;


border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:10px;
font-family:Arial;
font-weight:bold;
color:#000000;
}.CSSTableGenerator tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00"); background: -o-linear-gradient(top,#ff7f00,bf5f00);
 
background-color:#ff7f00;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:Arial;
font-weight:bold;
color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00"); background: -o-linear-gradient(top,#ff7f00,bf5f00);
 
background-color:#ff7f00;
}
.CSSTableGenerator tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}
/* Eintrag Ende "Tabelle Farbig" */
 
/* Eintrag Anfang "Diashow Bildergröße beschränken" */
 
#lightbox-container-image-box{max-width:1024px; max-height:768px;}
#lightbox-image{max-width:1000px; max-height:750px;}
#lightbox-container-image-box{max-width:1024px;}
#lightbox-container-image-data-box{max-width:1024px;}
#lightbox-nav-btnPrev{max-height:768px;}
#lightbox-nav-btnNext{max-height:768px;}
 
/* Eintrag Ende "Diashow Bildergröße beschränken" */
 



Wie du siehst wurde viel verändert was nicht in ein zwei Tagen gemacht war. Lange zeit hat es gedauert. Nun Gut nun mal zu deinen Hellblauen Feldern

Erstmal solltest du ein Hintergrundbild einstellen was ich schon mit der CSS Box machen würde

1
2
3
4
5
6
7
 
body {
background-image: url(Bildadresse) !important;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
 
 



Dort im Code kommt zwischen den () der Bildlink. dann in die Box damit und speichern. Dann solltest du schon mal ein Hintergrundbild haben.

Dann kannst du bei den Farben die du im Forum eingestellt hast auch mit Trans arbeiten also einfach statt des codes der nun in etwa so ist #000000 das Wort trans eintragen. Und das natürlich in dem Feld wo du die hellblaue Farbe bestimmt hast. Speichern Nun wäre das Hellblau Trans und man sieht das Bild dahinter.

Da das Nun vom Kontrast schwer ist eine schrift auf einen Bild zu lesen müssten dann noch die Boxen mit einen Bild versehen werden sodass es nur eine Teiltransparenz hat. Dazu später mehr. Würde nun erst mal nach einen Hintergrund schauen der Frei ist un verwendet werden darf. Diesen Fügst du mit dem Beispiel oben in die CSS Box. Dann teste mal mit Trans. Danach reden wir weiter und versuchen deinen Wunsch immer Näher zu kommen.


 Antworten

 Beitrag melden
19.01.2014 18:21 (zuletzt bearbeitet: 19.01.2014 18:22)
#5 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
De
Mitglied

Danke für die Antwort, das Hintergrundbild habe ich nun eingefügt.
Dabei tauchen jetzt 2 Probleme auf:
a) Wie kann ich das Hintergrundbild von den Maßen her an das Forum anpassen? Ist derzeit ziemlich ungleich verschoben :-/
Ist Querformat statt Hochformat, kann das abgeschnitten werden und an die Forumsgröße angeglichen werden?
b) Durch das Trans verschwindet die Farbe komplett, kann man sie nur sozusagen "ausbleichen" und das Hintergrundbild nur leicht durchscheinen lassen?

LG
Der_Sieger

Falls sich jemand über meinen Namen wundert... Mein unglaublicher Einfallsreichtum hat sich von Online-Spielen bis hierher fortgesetzt ;-)

 Antworten

 Beitrag melden
19.01.2014 18:43
avatar  TripleM
#6 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
avatar
Mitglied

Also das liegt an der zu kleinen Grafik. Das Beispiel Forum was du zeigst dort wirde es wiederholt also auf Repeat gesetzt was man unten auch sehen kann.
Ich habe meine HG Grafik auf 1900 x 1200 dadurch geht es bei mir von der Anzeige aber irgendwann sieht man bei großen Monitoren einen Rand.

Um nun deine Boxen nur Halbtransparent erscheinen zu lassen würde ich ein Halbtrans Bild drüber legen.

Das geht auch wieder mit CSS in der Box

Das sind halt sehr viele sachen die da Umgestellt werden müssen. Bitte teste mal diesen Kompletten Block. Den setze mal so in die CSS Box rein und speicher

1
2
3
4
5
6
7
8
9
10
11
 
.fdesc, .fnew, #login_wrap.box, #xActivityFeed.noimage.lastactions.forums, .box.grey.stats, #breadcrumbs, 
 
#usercont_bottom.container, .fposts, .fstat, .foptions, .foptions2, #foptions_link2, #foptions_link,
 
#quickreply.box, .threadnp, #legend_link, #legend.box, .category_wrap, .box, .tms2, .foptions3, .sidebar, .reply,
 
.header, .content.page_user, .content.page_wiki_index, .fpages, .foptions4.toggler, #liveres.box, .icontd,
 
.reshead, .resinfo, .resmain, #allpages.pstat.pages, .crtp.deac, #forum_search, #fpages.options, .mtext,
 
#pm_search_input {background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;}
 



Dann schau ich mal wo noch was fehlt.


 Antworten

 Beitrag melden
19.01.2014 22:23
#7 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
De
Mitglied

Habe das jetzt eingesetzt, scheint aber trotzdem noch nicht zu klappen :-/

LG
Der_Sieger

Falls sich jemand über meinen Namen wundert... Mein unglaublicher Einfallsreichtum hat sich von Online-Spielen bis hierher fortgesetzt ;-)

 Antworten

 Beitrag melden
19.01.2014 22:37
avatar  TripleM
#8 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
avatar
Mitglied

Hast du die Farbe denn wieder auf Trans gesetzt die Hellblaue???


 Antworten

 Beitrag melden
19.01.2014 23:06
#9 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
De
Mitglied

Ne, jetzt erst. Macht das Ganze aber leider nicht besser.

Das Hintergundbild sollte eigentlich nur so leicht durchscheinen.

LG
Der_Sieger

Falls sich jemand über meinen Namen wundert... Mein unglaublicher Einfallsreichtum hat sich von Online-Spielen bis hierher fortgesetzt ;-)

 Antworten

 Beitrag melden
19.01.2014 23:10 (zuletzt bearbeitet: 19.01.2014 23:11)
avatar  TripleM
#10 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
avatar
Mitglied

Das seltsam. Eigentlich sollte das Klappen wenn du sowohl die Farbe auf Trans hast und den Eintrag in der CSS Box hast. Muss eben beides zusammen machen. Das sollte gehen habe es gerade getestet.


 Antworten

 Beitrag melden
20.01.2014 11:40
#11 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
De
Mitglied

Habe gerade nachgeschaut, stimmt beides?

LG
Der_Sieger

Falls sich jemand über meinen Namen wundert... Mein unglaublicher Einfallsreichtum hat sich von Online-Spielen bis hierher fortgesetzt ;-)

 Antworten

 Beitrag melden
20.01.2014 11:57
avatar  TripleM
#12 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
avatar
Mitglied

Japs es Muss beides gemacht werden. Du Setzt die Farbe auf Trans. Dadurch wird die Box Transparent und mit den Eintrag in der CSS Box setzt du nun das Halb Transparente bild an die Stelle.
Also dieses in die CSS Box eintragen.
Achte bitte beim Kopieren darauf das du alles so Übernimmst.

1
2
3
4
5
6
7
8
9
10
11
12
 
.fdesc, .fnew, #login_wrap.box, #xActivityFeed.noimage.lastactions.forums, .box.grey.stats, #breadcrumbs, 

#usercont_bottom.container, .fposts, .fstat, .foptions, .foptions2, #foptions_link2, #foptions_link,

#quickreply.box, .threadnp, #legend_link, #legend.box, .category_wrap, .box, .tms2, .foptions3, .sidebar, .reply,

.header, .content.page_user, .content.page_wiki_index, .fpages, .foptions4.toggler, #liveres.box, .icontd,

.reshead, .resinfo, .resmain, #allpages.pstat.pages, .crtp.deac, #forum_search, #fpages.options, .mtext,

#pm_search_input {background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;}

 



Dadurch werden alle Bereiche mit dem Halb transparenten Bild Überdeckt und es ist nicht Komplett Transparent.
Wenn du das gemacht hast sollte der Großteil Halbtransparent sein. Ich habe es gerade noch einmal getestet.


 Antworten

 Beitrag melden
20.01.2014 18:28
#13 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
De
Mitglied

Habe die Farbe auf trans stehen und diese Box genauso eingesetzt, funktioniert leider noch immer nicht. Was habe ich falsch gemacht?
Muss ich den vorherigen Code rausnehmen oder doch drinnen lassen, oder darin noch etwas Weiteres einsetzen?

LG
Der_Sieger

Falls sich jemand über meinen Namen wundert... Mein unglaublicher Einfallsreichtum hat sich von Online-Spielen bis hierher fortgesetzt ;-)

 Antworten

 Beitrag melden
20.01.2014 19:02
avatar  TripleM
#14 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
avatar
Mitglied

Also ich weiß nicht warum es nicht geht. Würde mich bei dir anmelden um zu schauen was du gemacht hast. Dann müsstest du mir Admin Rechte einräumen. Nach dem ich fertig bin entziehst du mir die rechte und kannst mich ja wieder löschen. Es ist so sehr Umständlich weil ich nicht genau sehe was du machst.


 Antworten

 Beitrag melden
20.01.2014 20:21
#15 RE: Hilfe beim Design: Hintergrundfarben strukturieren?
De
Mitglied

Danke dir für die Mühe, das wäre super

LG
Der_Sieger

Falls sich jemand über meinen Namen wundert... Mein unglaublicher Einfallsreichtum hat sich von Online-Spielen bis hierher fortgesetzt ;-)

 Antworten

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