RE: Transparenter CSS

18.01.2015 11:15

TripleM
#16 RE: Transparenter CSS

Auch das sollten wir noch hin bekommen. Für die Statistik sollte das noch mit in die CSS Box.

1
 
.c_r_cont3, .c_r_top3, .c_r_content3,

Einfach da hinzufügen wo die anderen ID mit der RGB Farbe sind. Bitte achte darauf das da wo du sie einfügst hinter der letzten Klasse oder ID ein , (Komma) sein muß.

Hier mal mein Kompletter css Code.

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
 
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 {
     height: 0px; ! important;
}
 
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2, .c_r_bottom1 {
     height: 0px; ! important;
}
 
.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div {
     height: 0px; ! important;
}
 
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2 {
     height: 3px; ! 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, 
 
#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, 
 
#quickreply.box, .threadnp, #legend_link, #legend.box, .category_wrap, .box, .tms2, .foptions3, .sidebar, .reply, .boxheader,
 
 .content.page_user, .content.page_wiki_index, .fpages, .foptions4.toggler, #liveres.box, .icontd, .c_r_cont1,
 
.reshead, .resinfo, .resmain, #allpages.pstat.pages, .crtp.deac, #forum_search, #fpages.options, .mtext, .mtextcell, 
 
#pm_search_input {background-color: rgba(255,0,0, 0.5)  !important;}
 
 
 
 

Da ist nun sicher noch sehr viel von Business templates bei was du nicht unbedingt brauchst. Werde da die Tage mal bei gehen und es säubern. Dann stelle ich es im Support WIKI wo ja schon 2 Einträge sind unter Inhaltsverzeichnis CSS für Business und CSS für Gaia.

Antworten

Beitrag melden

#17

18.01.2015 11:21

TripleM
#17 RE: Transparenter CSS

TripleM

Bei der Kopfzeile wird es nun schwer denn es ist ja eine Grafik. Diese müsste man Teiltrans erstellen damit es dort auch geht. Sprich das Bild neu erstellen. Denn sonst bekommst du den Bereich nicht auf Trans.

Antworten

Beitrag melden

#18

18.01.2015 11:21 (zuletzt bearbeitet: 18.01.2015 11:22)

King Kurt ( gel�scht )
#18 RE: Transparenter CSS

Ki

King Kurt ( gel�scht )

Super, das hat auch geklappt, danke dir. Fehlt noch die Navigation und ein paar Kleinigkeiten:

- unten rechts der Chat
- das Eingabefeld für den Login

Hast du da auch noch die Parameter?

P.S. Ich meine nicht den Kopfbereich, sondern die Navigation

Antworten

Beitrag melden

#19

18.01.2015 11:34

TripleM
#19 RE: Transparenter CSS

TripleM

Also für die Navigation musst du erst mal unter Admin/Layout/Farben&Einstellungen/Navigation die Farbe bei Hintergrundfarbe auf Trans stellen.

Dann habe ich für die Navigation diesen CSS Eintrag genommen:

1
2
 
#nav_n.nav_n {background-color: rgba(255,0,0, 0.5)  !important;}

Den Chat kann ich bei dir nicht sehen und somit auch nicht die ID auslesen da ich kein Tarif im Testforum habe und somit auch nicht den Chat.

Beim Login komme ich leider auch nicht so recht weiter. Werde das noch weiter testen und wenn ich es finde hier Posten.

Antworten

Beitrag melden

#20

18.01.2015 11:41

King Kurt ( gel�scht )
#20 RE: Transparenter CSS

Ki

King Kurt ( gel�scht )

Prima, das gefällt mir sehr gut Vielen Dank. Der Chat kann auch erstmal so bleiben.

Eine Frage habe ich noch: Schau dir bitte mal das Forum an, der Activity Feed hat so einen komischen Rahmen. Kann man diesen Rahmen noch irgendwie wegbekommen?

Weißt du, warum unten die Statistiken weniger transparent sind als der Rest? Mir kommt es so vor, als ob da die Transparenz anders ist als bei den anderen Elementen.

Antworten

Beitrag melden

#21

18.01.2015 11:47

King Kurt ( gel�scht )
#21 RE: Transparenter CSS

Ki

King Kurt ( gel�scht )

Noch etwas: Hast du mal spontan den Parameter für die Hintergrundfarbe der Unternavigation? Das müsste ich auch noch kurz im CSS definieren, weil es sonst etwas unschön aussieht.

Antworten

Beitrag melden

#22

18.01.2015 12:01

TripleM
#22 RE: Transparenter CSS

TripleM

Also die 4 Zeilen sind für die Schwarzen Ränder die Serie bleiben. Die muss man nun noch ausblenden.

Hatte die eben schon mal gepostet da stand aber bei dem Unteren noch 3px was den Rand verursacht:

So sollte es gehen:

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

Habe da unten beim Letzten Eintrag nun noch etwas hinzugefügt (.c_r_bottom1) und aus der 3Px 0px gemacht.

Das mit der Statistik habe ich leider keine Ahnung warum es so ist. Habe ich bei mir bisher noch nicht weg bekommen. Das ist im Business auch so und ich habe keine Ahnung. Mit der Unternavigation bin ich gerade am Testen Poste es sobald ich eine Lösung habe.

Antworten

Beitrag melden

#23

18.01.2015 12:05

King Kurt ( gel�scht )
#23 RE: Transparenter CSS

Ki

King Kurt ( gel�scht )

Hm, schade, so bekomme ich den Rand leider nicht weg. Der Code hat keine Auswirkungen auf den Feed.

Antworten

Beitrag melden

#24

18.01.2015 12:14

TripleM
#24 RE: Transparenter CSS

TripleM

Nur nicht aufgeben. Die vier einträge (die für die Rahmen verantwortlich sind ) die du hast ersetze mal durch diese:

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

Dann sind die Rahmen sauber.

Antworten

Beitrag melden

#25

18.01.2015 12:19

King Kurt ( gel�scht )
#25 RE: Transparenter CSS

Ki

King Kurt ( gel�scht )

Sehr schön, wir kommen der Sache näher. Im Portal sind die Rahmen jetzt komplett verschwunden, was sehr erfreulich ist. Im Feed ist der Rahmen kleiner geworden, aber er ist noch nicht ganz verschwunden. Eine Kleinigkeit fehlt da noch.

Antworten

Beitrag melden

#26

18.01.2015 12:26

TripleM
#26 RE: Transparenter CSS

TripleM

Ich nehme an du meinst diesen Bereich?

Ich denke das ist nun noch eine Einstellung bei den Farben. Das sind eben 10px, die von Xobor so eingestellt sind. Sollte man aber anhand der Farbeinstellungen weg bekommen. Da muss ich nun mal schauen welche Farbeinstellung dafür verantwortlich ist.

Antworten

Beitrag melden

#27

18.01.2015 12:28

King Kurt ( gel�scht )
#27 RE: Transparenter CSS

Ki

King Kurt ( gel�scht )

Ui, noch etwas habe ich gesehen. Wenn man in das Forum hineingeht, dann sind die Beiträge alle transparent. Also müssen im CSS auch die Forumsbeiträge definiert werden.

Antworten

Beitrag melden

#28

18.01.2015 12:34

TripleM
#28 RE: Transparenter CSS

TripleM

Poste mir doch bitte Gleich mal eben den Kompletten CSS eintrag den du nun Hast. Bei mir im Forum ist das nicht so. Kann es sein das du in einer Farbangabe Trans stehen hast die dafür verantwortlich ist. Bei mir sieht es so aus im Moment:

Bei den Farben habe ich aktuell dieses hier unter Admin/Layout/Farben&Einstellungen/Hin tergrund&Rahmenfarbe bei Hintergrundfarbe der Elemente das hier

Schau mal ob bei dir Trans steht in dem Feld?

Antworten

Beitrag melden

#29

18.01.2015 12:39

King Kurt ( gel�scht )
#29 RE: Transparenter CSS

Ki

King Kurt ( gel�scht )

Das ist der CSS Eintrag:

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
 
#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, 
 
#usercont_bottom.container, .fposts, .fstat, .foptions, .foptions2, #foptions_link2, #foptions_link, #revision_page_link.button, .xdl,
 
#quickreply.box, .threadnp, #legend_link, #legend.box, .category_wrap, .box, .tms2, .foptions3, .sidebar, .reply, .boxheader,
 
 .content.page_user, .content.page_wiki_index, .fpages, .foptions4.toggler, #liveres.box, .icontd, .c_r_cont1, .c_r_cont3, .c_r_top3, .c_r_content3, 
 
.reshead, .resinfo, .resmain, #allpages.pstat.pages, .crtp.deac, #forum_search, #fpages.options, .mtext, .mtextcell, 
 
#nav_n.nav_n {background-color: rgba(255,255,255, 0.5)  !important;}
 
#pm_search_input {background-color: rgba(255,255,255, 0.5)  !important;}
 
 
.c_r_top1 div, .c_r_top1,  .c_r_top2 div, .c_r_top3 div, .a_r_content2 div, .c_r_bottom1, .c_r_bottom1 div {
     height: 0px; ! important;
}
 
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2, .c_r_bottom1, .c_r_bottom1 div {
     height: 0px; ! important;
}
 
.c_r_bottom1 div, .c_r_bottom1, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div, .c_r_top1, {
     height: 0px; ! important;
}
 
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2, .c_r_bottom1 div, .c_r_top1, {
     height: 0px; ! important;
}  
 
 

Wichtig: Die Hintergrundfarbe der Elemente und die Hintergrundfarbe des Forums müssen bei mir transparent sein, weil sonst dein Code keine Auswirkungen auf das Forum hat. Ergo müssen die Forumsbeiträge im CSS getrennt angesprochen werden.

Antworten

Beitrag melden

#30

18.01.2015 12:48

TripleM
#30 RE: Transparenter CSS

TripleM

Also hier noch mal mit einigen änderungen. Probiere mal bitte bei dir.

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
 
#nav_n.nav_n, #lostpasswort, .dwn, .nav_close, #link_index, #nav_userinfo_li {background-color: rgba(255,0,0, 0.5)  !important;}
 

 

<---Bis hier alles gut--->
body {
 
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
 
.c_r_top1 div, .c_r_top1,  .c_r_top2 div, .c_r_top3 div, .a_r_content2 div, .c_r_bottom1, .c_r_bottom1 div {
     height: 0px; ! important;
}
 
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2, .c_r_bottom1, .c_r_bottom1 div {
     height: 0px; ! important;
}
 
.c_r_bottom1 div, .c_r_bottom1, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div, .c_r_top1 {
     height: 0px; ! important;
}
 
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2, .c_r_bottom1 div, .c_r_top1 {
     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_cont1_head, .c_r_top1_head, #xActivityFeed, .noimage, .lastactions.forums, .messagecont, .message, .messagehead, action_buttons, .minfo_head,  
 
#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, usercontent, 
 
#quickreply.box, .threadnp, #legend_link, #legend.box, .category_wrap, .box, .tms2, .foptions3, .sidebar, .reply, .boxheader,
 
 .content.page_user, .content.page_wiki_index, .fpages, .foptions4.toggler, #liveres.box, .icontd, .c_r_cont1,
 
.reshead, .resinfo, .resmain, #allpages.pstat.pages, .crtp.deac, #forum_search, #fpages.options, .mtext, .mtextcell, 
 
#pm_search_input {background-color: rgba(255,0,0, 0.5)  !important;}
 
 
 
 