Kopfzeile des Business Template transparent machen

Antworten
  • Seite 1 von 2
#1
24.01.2014 18:47
avatar  Ebertson
#1 Kopfzeile des Business Template transparent machen
Eb
Ebertson
Mitglied

Hallo zusammen,

Ich würde gerne den Hintergrund der Kopfzeile des Business Template transparent machen.

Zur zeit habe ich folgenden Code im CSS um den background des Templates anzupassen.

1
2
3
4
5
6
7
8
 
div {background: rgba(10,10,10, 0.3); /* 30% transparent */}
 

body { background: url(https://files.homepagemodules.de/b606143/a_58_30f17fa9.jpg) no-repeat center center fixed; 
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;}
 



Allerdings gilt dieser für das gesammte Forum. Allerdings soll der rest weiterhin mit diesen Einstellungen bleiben und nur die Kopfzeile transparent sein.

Kann mir jemand mit der Anpassung helfen?

Gruß Sebastian

www.egos-online.de

 Antworten

 Beitrag melden
#2
24.01.2014 18:54 (zuletzt bearbeitet: 24.01.2014 18:55)
avatar  TripleM
#2 RE: Kopfzeile des Business Template transparent machen
avatar
TripleM
Mitglied

Für die Kopfzeile/header ist es

1
 
.header {background-color: trans !important;}
 



Sollte eigentlich Funktionieren. Eintragen in der CSS Box.


 Antworten

 Beitrag melden
#3
24.01.2014 18:58
avatar  Ebertson
#3 RE: Kopfzeile des Business Template transparent machen
Eb
Ebertson
Mitglied

leider nicht. vll wird es trotzdem von dem anderen codes überschrieben...hab leider keinerlei ahnung davon!

Danke schonmal für eure Hilfe

www.egos-online.de

 Antworten

 Beitrag melden
#4
24.01.2014 19:05
avatar  TripleM
#4 RE: Kopfzeile des Business Template transparent machen
avatar
TripleM
Mitglied

Aber um den Header Bereich Transparent zu machen kann man es doch im Admin/Layout/farben &Einstellungen/farben machen dort bei
"Boxheader - Hintergrundfarbe" einfach trans in das feld eingeben. Dann sollte es das sein was du suchst.


 Antworten

 Beitrag melden
#5
24.01.2014 19:06
avatar  Ebertson
#5 RE: Kopfzeile des Business Template transparent machen
Eb
Ebertson
Mitglied

da hab ich schon transparent drin stehen...ich schätze es wird durch den css code überschrieben?!

das wäre das einzigste was mir einfallen würde

www.egos-online.de

 Antworten

 Beitrag melden
#6
24.01.2014 19:08
avatar  TripleM
#6 RE: Kopfzeile des Business Template transparent machen
avatar
TripleM
Mitglied

Das was du oben gepostet hast bezieht sich eigentlich nur auf ein Hintergrundbild. Das hat nix mit dem Header zu tun. Hast du noch weitere Eintragungen in der CSS oder ist das alles?


 Antworten

 Beitrag melden
#7
24.01.2014 19:09
avatar  Ebertson
#7 RE: Kopfzeile des Business Template transparent machen
Eb
Ebertson
Mitglied

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
 
div {background: rgba(10,10,10, 0.3); /* 30% transparent */}
 

body { background: url(https://files.homepagemodules.de/b606143/a_58_30f17fa9.jpg) no-repeat center center fixed; 
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;}
 
.header {background-color: trans !important;}
 

.xChat *{
     font-size: 16px !important;
     font-family: 'Tahoma';
}
 
#xChat_global.disconnected, #xChatGuests {
     -moz-border-radius: 5px
     -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;
     max-width: 10px;
     min-width: 0px ! important;
}
 
#xChat_global.disconnected:hover, #xChatGuests.disconnected:hover {
     max-width: 300px;
}
 

2
3
4
5
6
7
8
 
	
 
.board4 .containerIcon{
background: url("/pfad zu deinem icon/deinicon.png");
width: 24px;
height: 24px;
}
.board4 .containerIcon img{
display:none;
}
 



das ist jetzt die komplette

www.egos-online.de

 Antworten

 Beitrag melden
#8
24.01.2014 19:11
avatar  TripleM
#8 RE: Kopfzeile des Business Template transparent machen
avatar
TripleM
Mitglied

Bei dem .header fehlt am ende die geschwungene Klammer.


 Antworten

 Beitrag melden
#9
24.01.2014 19:47
avatar  Olaf
#9 RE: Kopfzeile des Business Template transparent machen
Ol
Olaf
Mitglied

Willst Du das Headerbild trasparent haben?



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
#10
24.01.2014 19:50
avatar  Ebertson
#10 RE: Kopfzeile des Business Template transparent machen
Eb
Ebertson
Mitglied

nein den hintergrund...aber dank mario klappt das jetzt schon ganz gut...trotzdem danke

www.egos-online.de

 Antworten

 Beitrag melden
#11
24.01.2014 19:58
avatar  Ebertson
#11 RE: Kopfzeile des Business Template transparent machen
Eb
Ebertson
Mitglied

hat zufällig noch jemand eine Idee wie man statt dem jetzigen teiltransparenten weiß der Forenhintergründe farben reinbekommt?

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
 
.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, 
 
.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;}
 
#foptions_extend2.foptions_list_flist, .foptions_list, .foptions3 {background-color: #DBDBDB !important;}
 
#breadcrumbs {background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !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/b2001010/a_866_1f19b0bd.png");
    border: 1px solid #030003;
    }
 

body { background: url(https://files.homepagemodules.de/b606143/a_58_30f17fa9.jpg) no-repeat center center fixed; 
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;}
 

 
.xChat *{
     font-size: 16px !important;
     font-family: 'Tahoma';
}
 
#xChat_global.disconnected, #xChatGuests {
     -moz-border-radius: 5px
     -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;
     max-width: 10px;
     min-width: 0px ! important;
}
 
#xChat_global.disconnected:hover, #xChatGuests.disconnected:hover {
     max-width: 300px;
}
 

.board4 .containerIcon{
background: url("/pfad zu deinem icon/deinicon.png");
width: 24px;
height: 24px;
}
.board4 .containerIcon img{
display:none;
}
 
 



das hat mir mario jetzt geschrieben...der header hintergrund ist jetzt transparent allerdings sind die foren teiltransparent weiß unterlegt...da möchte wenn iwie möglich eine andere beliebige farbe oder wie vorher eine dunklere teiltransparenz

schon mal danke im voraus

www.egos-online.de

 Antworten

 Beitrag melden
#12
24.01.2014 19:59
avatar  TripleM
#12 RE: Kopfzeile des Business Template transparent machen
avatar
TripleM
Mitglied

@Olaf das mit der Kopfzeile ist kein Problem. Das ja einstellbar. Nun möchte er den Rest in Teiltransparent haben was er vorher über diese Zeile gemacht hat.

1
 
div {background: rgba(10,10,10, 0.3); /* 30% transparent */}
 



Das haben wir nun raus aus der CSS Box. Dafür hat er das hier Drin.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
#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;}
 

 



Nun ist es ihm Zu Weiß. Und ich habe keine Ahnung wie man das Ändern kann. Die Weiße grafik kommt durch den Bildlink.

1
 
https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png
 



Der ist Teiltransparenz

Hast du eine Idee wie man das Lösen kann also alles was nun per css geändert wurde eben nur nicht in diesen weiß. Ich habe kein Plan.


 Antworten

 Beitrag melden
#13
24.01.2014 20:08
avatar  TripleM
#13 RE: Kopfzeile des Business Template transparent machen
avatar
TripleM
Mitglied

Eventuell eine neue grafik mit mehr Transparenz, würde das gehen??


 Antworten

 Beitrag melden
#14
24.01.2014 20:09
avatar  Ebertson
#14 RE: Kopfzeile des Business Template transparent machen
Eb
Ebertson
Mitglied

könnte man grafiken oder farben herstellen die teiltransparent sind und dort einfügen iwie oder eventuell noch iwas dazu schreiben damit man die boxen manuell teiltransparent macht? wie gesagt ich hab leider keine ahnung

www.egos-online.de

 Antworten

 Beitrag melden
#15
24.01.2014 20:10 (zuletzt bearbeitet: 24.01.2014 20:10)
avatar  Olaf
#15 RE: Kopfzeile des Business Template transparent machen
Ol
Olaf
Mitglied

Versuch es doch mal mit der "opacity: 0.6;" Eigenschaft.(Im Beispiel 60% transparenz)
Nimmst dafür probehalber "background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;" heraus.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

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