RE: Halbtransparente Bereiche im Forum

20.01.2015 19:42

King Kurt ( gel�scht )
#91 RE: Halbtransparente Bereiche im Forum

Ki

King Kurt ( gel�scht )

@TripleM: Danke für die Antwort. Also müssten wir die ID kennen, um das zu ändern? Dann frage ich jetzt einfach mal @Ingmar ob der mir sagen kann, was da diesen Fehler verursacht, obwohl das Wasserzeichen im CSS Code gar nicht angesprochen wurde? Wäre wirklich für jeden Tipp dankbar, vielleicht kann jemand aus der Technik sich das mal ansehen? Wäre schade, wenn ich das gesamte Design verwerfen müsste wegen dieser eigentlich kleinen Ungereimtheit.

Grüße

Antworten

Beitrag melden

#92

20.01.2015 22:40

Ingmar
#92 RE: Halbtransparente Bereiche im Forum

Ingmar

Zitat von King Kurt im Beitrag #91
Wäre wirklich für jeden Tipp dankbar, vielleicht kann jemand aus der Technik sich das mal ansehen?

Sorry aber mir ist das Thema hier grade zu lang bzw. ich finde auf den ersten Blick nicht, was für ein "Fehler mit Wasserzeichen" gemeint ist.

Wenn du mir das nochmal herraussuchst/zusammenfasst schaue ich mir das gerne kurz an.

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#93

20.01.2015 23:25

King Kurt ( gel�scht )
#93 RE: Halbtransparente Bereiche im Forum

Ki

King Kurt ( gel�scht )

Hallo @Ingmar,

ein paar Nutzer aus diesem Forum haben mir geholfen, bestimmte Forumsbereiche halbtransparent zu machen. Dazu ist folgender CSS-Eintrag zustande gekommen:

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
 
 /*--- 020-Ab hier Untermenüs transparent ---*/    
#nav_n.nav_n ul {background-color: rgba(255,255,255, 0) !important;}
#nav_n.nav_n li {background-color: rgba(255,255,255, 0) !important;}
 
/*--- 020-Ab hier Untermenüs transparent Ende ---*/ 
 
 /*--- 022-Ab hier Schatten nach innen im Body ---*/
    body {
    box-shadow: 0 1px 10px inset;
    -moz-box-shadow: 0 1px 10px inset;
    -o-box-shadow: 0 1px 10px inset;
    -webkit-box-shadow: 0 1px 10px inset;
    -khtml-box-shadow: 0 1px 10px inset;
    }
    /*--- 022-Ende Schatten nach innen im Body ---*/
   
 
/*--- 021-Ab hier Rahmen und Schatten um Zitate in den Beitraegen ---*/ 
    blockquote {
    border-color: #e6e6e6;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 5px 2px;
    box-shadow: 0 2px 5px;
    -moz-box-shadow: 0 2px 5px;
    -o-box-shadow: 0 2px 5px;
    -webkit-box-shadow: 0 2px 5px;
    -khtml-box-shadow: 0 2px 5px;
    }
    /*--- 021-Ende Rahmen und Schatten um Zitate in den Beitraegen ---*/
 
 /*--- 020-Ab hier Schatten um Forenkorpus, sowie den Beiträgen und dem grossen Chat ---*/    
    .c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2 {
    box-shadow: 0 2px 5px inset;
    -moz-box-shadow: 0 2px 5px inset;
    -o-box-shadow: 0 2px 5px inset;
    -webkit-box-shadow: 0 2px 5px inset;
    -khtml-box-shadow: 0 2px 5px inset;
    }
    /*--- 020-Ende Schatten um Forenkorpus, sowie den Beiträgen und dem grossen Chat ---*/  
 
 
 
 
 
/*--- 015-Ab Hier Hintergrund im Hilfe-Kontext des Login-Menues ---*/
    #reg_help {
    background-image: url("http://up.picr.de/20724470km.jpg");
    }
    /*--- 015-Ende Hintergrund im Hilfe-Kontext des Login-Menues ---*/
 /*--- 014-Ab hier Hintergrund und Rahmen fuer das Menue -Gehe zu- unterhalb der Beitraege ---*/
    .jumpTo {
    background-image: url("http://up.picr.de/20724470km.jpg");
    border-left: 1px solid #030003;
    border-right: 2px solid #030003;
    border-top: 1px solid #030003;
    border-bottom: 2px solid #030003;
    }
    /*--- 014-Ende Hintergrund und Rahmen fuer das Menue -Gehe zu- unterhalb der Beitraege ---*/
 
 
 
 
/*--- 006-Ab hier Hintergrundfarbe, Grafik und Rahmen im WYSIWYG-Editor --- */
    .xob_subiconlist {
    background-color: #transp;
    background-image:url("http://up.picr.de/20724470km.jpg");
    border: 1.5px solid #030003;
    }
    /*--- 006-Ende Hintergrundfarbe, Grafik und Rahmen im WYSIWYG-Editor --- */
 
.nav_userinfo, #nav_n.nav_n.dwn {
    background-color: #transp;
    background-image:url("http://up.picr.de/20724470km.jpg");
    border: 1px solid #030003;
    box-shadow: 0 2px 10px;
    -moz-box-shadow: 0 2px 10px;
    -o-box-shadow: 0 2px 10px;
    -webkit-box-shadow: 0 2px 10px;
    -khtml-box-shadow: 0 2px 10px;
    
    }
 
.button_reply, .button_edit {
     bottom: -14px; ! important;
}
 
 
 /*--- 020-Ab hier Allgemeine Transparenz ---*/    
 
 
body {
 
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
 
.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div, .c_r_bottom1, #pagewidth.page, .content {
     height: 0px; ! important;
}
 
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2, .c_r_bottom1, #pagewidth.page, .content {
     height: 0px; ! important;
}
 
.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div, #pagewidth.page, .content {
     height: 0px; ! important;
}
 
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2, #pagewidth.page, .content {
     height: 0px; ! 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, .inhalt, div.xchatBottom, .xChatInp, .c_r_bottom1, .c_r_content1, .forumtable, .c_r_cont3, .c_r_top3, .c_r_content3, .c_r_cont1_head, .c_r_top1_head, .c_r_cont2, .c_r_top2, .c_r_content2, #msg_1.topicContainer, .tree_message_content, .tree_message_header, #answer_conversation1, #answertotopic1_iconbar.iconbarContainer, .tree_answer, #answertotopic1, #msg_2.answerContainer, .nav_close, 
 
#usercont_bottom.container, .fposts, .fstat, .foptions, .foptions2, #foptions_link2, #foptions_link, #revision_page_link.button, .xdl, .c_r_cont1, .c_r_top1, .c_r_content1, .firsttd, .nav_close, .dwn,  
 
#quickreply.box, .threadnp, #legend_link, #legend.box, .category_wrap, .box, .tms2, .foptions3, .sidebar, .reply, .boxheader, #nav_n, .nav_n, #link_index, #nav_userinfo_li, .close, .firsttd,  
 
 .content.page_user, .content.page_wiki_index, .fpages, .foptions4.toggler, #liveres.box, .icontd, .c_r_cont1, .forumtable, 
 
.reshead, .resinfo, .resmain, #allpages.pstat.pages, .crtp.deac, #forum_search, #fpages.options, .mtext, .mtextcell {background-color: rgba(255,255,255, 0.1)  !important;}
 
 /*--- 020-Ab hier Allgemeine Transparenz Ende ---*/    
 
 
 
 

Nun ist alles soweit fertig, aber ich habe ein Riesenproblem: Das Xobor Label in meinem Portal wird jetzt nicht mehr unten, sondern ganz oben angezeigt. Wir können uns das nicht erklären, weil dieses Element im CSS gar nicht angesprochen wurde. Hast du vielleicht eine Idee, wo da genau der Fehler ist bzw. wie ist die ID vom Label, damit man das wieder glattziehen kann? Siehst du da vielleicht spontan eine Möglichkeit, dass wir das korrigieren können?

Grüße und gute Nacht

Antworten

Beitrag melden

#94

21.01.2015 08:56

.BiL.
#94 RE: Halbtransparente Bereiche im Forum

.BiL.

King Kurt, hast du ein Bildschirmfoto davon? Ich sehe das Label unten.

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

Antworten

Beitrag melden

#95

21.01.2015 08:58

King Kurt ( gel�scht )
#95 RE: Halbtransparente Bereiche im Forum

Ki

King Kurt ( gel�scht )

@.BiL.: Im Portal ist das Label oben, im Forum unten

Antworten

Beitrag melden

#96

21.01.2015 17:18

Ingmar
#96 RE: Halbtransparente Bereiche im Forum

Ingmar

Das hier verursacht den Fehler. Einfach allen Divs eine Höhe von 0px zuzuweisen ist glaube ich auch nicht das, was du eigentlich machen wolltest...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 

.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div, .c_r_bottom1, #pagewidth.page, .content {
     height: 0px; ! important;
}
 
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2, .c_r_bottom1, #pagewidth.page, .content {
     height: 0px; ! important;
}
 
.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div, #pagewidth.page, .content {
     height: 0px; ! important;
}
 
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2, #pagewidth.page, .content {
     height: 0px; ! important;
}  
 

 

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#97

21.01.2015 18:43 (zuletzt bearbeitet: 21.01.2015 18:44)

TripleM
#97 RE: Halbtransparente Bereiche im Forum

TripleM

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div, .c_r_bottom1, #pagewidth.page, .content {
     height: 0px; ! important;
}
 
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2, .c_r_bottom1, #pagewidth.page, .content {
     height: 0px; ! important;
}
 
.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div, #pagewidth.page, .content {
     height: 0px; ! important;
}
 
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2, #pagewidth.page, .content {
     height: 0px; ! important;
}  
 

Ich sehe gerade da sind 4 Simicolons die dort wohl nicht hingehören und zwar jeweils vorm dem ! Important. Kann das daran liegen? Das die alle auf 0px stehen ist so weil es sonst einen schwarzen Rand gibt:

Jemand eine Ahnung wie ich den weg bekomme sonst. steht es auf 0 px ist ja alles gut:

Antworten

Beitrag melden

#98

21.01.2015 18:53 (zuletzt bearbeitet: 21.01.2015 18:58)

King Kurt ( gel�scht )
#98 RE: Halbtransparente Bereiche im Forum

Ki

King Kurt ( gel�scht )

@TripleM: Nein, an den Semikolons liegt es nicht, habe ich gerade getestet. Ich habe alle überflüssigen Semikolons in diesem Bereich entfernt und es ist alles so geblieben.

Das weiß ich jetzt auch nicht, wie man diesen schwarzen Rand wegbekommt. Irgendwo muss der doch herkommen?

@Ingmar & TripleM: Wie bekomme ich die 0px weg, was müsste ich dort stattdessen eintragen?

Antworten

Beitrag melden

#99

21.01.2015 19:03

Van
#99 RE: Halbtransparente Bereiche im Forum

Va

Van

Huhu!

Auf Anhieb hab ich das über die SuFu gefunden:
Wo kann man den Rahmen ändern im Gaia
Aber wenn ich das richtig sehe, habt ihr genau das gemacht, oder?

Rutscht das Label denn nach unten, wenn du die besagten Codes aus dem CSS entfenst und die schwarzen Ränder da sind?

mfg

Van

Antworten

Beitrag melden

#100

21.01.2015 19:04

King Kurt ( gel�scht )
#100 RE: Halbtransparente Bereiche im Forum

Ki

King Kurt ( gel�scht )

@TripleM: Bei mir ist kein schwarzer Rand, wenn ich das 0px entferne. Aber da sind schwarze Trennlinien. Ich denke mal, die wirst du irgendwo im CSS angesprochen haben. Außerdem wirkt jetzt die erste Forumszeile nicht mehr so abgeschnitten, da ist bestimmt noch ein Fehler irgendwo.

Antworten

Beitrag melden

#101

21.01.2015 19:04 (zuletzt bearbeitet: 21.01.2015 19:06)

TripleM
#101 RE: Halbtransparente Bereiche im Forum

TripleM

Trage ich dort einen Wert ein von sagen wir mal 3px sehe ich wieder schwarze Ränder. Habe mir das ja angeschaut. Problem ist weiter das ich im Testforum kein Portal habe. Somit kann ich das nicht testen.

An den Support, @Alice man sollte mal Überlegen ein Standard Portal was man nicht bearbeiten kann für Kostenlose Foren zur Verfügung zu stellen. Einfach ein Paar Boxen mit Werbung für Xobor z.b. Dann kann man beim Testen zumindest sehen ob alles so klappt was man sich mit aufwendigen CSS Einträgen Erstellt. Und wirklich etwas mit anfangen kann man nicht sodass es für alle die am Entwickeln sind Sinnvoll ist. Auch in bezug auf Plugins und Fehlersuche. Also ein 08/15 Portal ohne Bearbeitungs Möglichkeit.

Edit Hallo King Kurt ich sehe dann aber einen Unsauberen Abschluss an den Forenrändern. Werde mich da weiter mit beschäfftigen aber habe aktuell mangels Portal bei mir wenig Hoffnung.

Antworten

Beitrag melden

#102

21.01.2015 19:09 (zuletzt bearbeitet: 21.01.2015 19:10)

King Kurt ( gel�scht )
#102 RE: Halbtransparente Bereiche im Forum

Ki

King Kurt ( gel�scht )

@Van und @TripleM: Super, jetzt ist alles super. Der Link von Van war erfolgreich. Ich habe einfach den Code von Olaf eingefügt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div {
     height: 0px; ! important;
}
 
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2 {
     height: 0px; ! important;
}
 
.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div {
     height: 3px; ! important;
}
 
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2 {
     height: 3px; ! important;
}
 

Jetzt habe ich noch ein kleines ästhetisches Problem. Und zwar überschneiden sich die Zitate mit dem Nutzeravatar. Kann da noch wer helfen? Hier kann man es ganz gut sehen: http://www.psychose-online.net/t1642f9-E...n.html#msg15677

Antworten

Beitrag melden

#103

21.01.2015 19:12

Van
#103 RE: Halbtransparente Bereiche im Forum

Va

Van

=D Auf Olafs Beiträge ist irgendwie immer Verlass ^-^

Was meinst du mit Überschneiden? Hast du mal einen Link mit einem Beispiel?

lg

Van

Antworten

Beitrag melden

#104

21.01.2015 19:14 (zuletzt bearbeitet: 21.01.2015 19:15)

King Kurt ( gel�scht )
#104 RE: Halbtransparente Bereiche im Forum

Ki

King Kurt ( gel�scht )

@Van: Ich habe hier mal einen Screenshot gemacht

Tausend Dank übrigens auch an @Ingmar, der hat den entscheidenden Tipp gegeben

Antworten

Beitrag melden

#105

21.01.2015 20:18

King Kurt ( gel�scht )
#105 RE: Halbtransparente Bereiche im Forum

Ki

King Kurt ( gel�scht )

So mit tatkräftiger Unterstützung von Van haben wir nun auch das Problem mit den Zitaten gelöst.

Einen kleinen Schönheitsfehler gibt es noch: Die erste Forumsspalte ist jeweils immer etwas abgeschnitten. Da weiß ich noch nicht, wie ich das beheben kann. Vielleicht kann @TripleM mir noch einmal zur Seite springen, es hängt mit dem CSS Eintrag zusammen.

Grüße