Kopfzeile des Business Template transparent machen

  • Seite 2 von 2
24.01.2014 20:13
avatar  .BiL.
#16 RE: Kopfzeile des Business Template transparent machen
avatar
Mitglied

Hier ein Beispiel für einen transparenten Kopfzeilenbereich. (Muss aber erst einmal gucken, wie ich das gemacht habe :o(

.
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
24.01.2014 20:17
#17 RE: Kopfzeile des Business Template transparent machen
Eb
Mitglied

jetzt ist zumindest das weiße mal weg...allerdings sieht man jetzt auch keine boxen mehr...


 Antworten

 Beitrag melden
24.01.2014 20:19
#18 RE: Kopfzeile des Business Template transparent machen
Eb
Mitglied

sprich jetzt ist erstens alles transparent...sprich auch die schrift etc


 Antworten

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

Du musst auch die Richtigen Klassen ansprechen,nämlich nur die,die Trasparent werdn sollen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.01.2014 20:22
#20 RE: Kopfzeile des Business Template transparent machen
Eb
Mitglied

okay ich versuch mal ein paar sachen danke euch ;)


 Antworten

 Beitrag melden
24.01.2014 21:03 (zuletzt bearbeitet: 24.01.2014 21:04)
#21 RE: Kopfzeile des Business Template transparent machen
Eb
Mitglied

So nach meheren versuchen wurde es auch nicht besser...vll weis noch irgendjemand eine lösung.

Ist es eventuell möglich über CSS Manuell die Hintergrund Farbe der Boxen...also meines Erachtens obere Leiste und untere Leiste mit einer Teiltransparenz auszustatten? Sprich ganz normal die Farben einzustellen und diese dann im CSS mit einer Teiltransparenz zu versehen?

Falls jemand eine Idee hat wäre ich sehr dankbar

Lg sebastian


 Antworten

 Beitrag melden
24.01.2014 21:09 (zuletzt bearbeitet: 24.01.2014 21:10)
avatar  .BiL.
#22 RE: Kopfzeile des Business Template transparent machen
avatar
Mitglied

Ich habe nun im CSS Folgendes eingegeben:

1
2
3
4
 

.boxheader {
background:transparent !important;
}
 

Die Farbe wurde ganz normal im Layout eingegeben.

.
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
24.01.2014 21:16 (zuletzt bearbeitet: 24.01.2014 21:18)
#23 RE: Kopfzeile des Business Template transparent machen
Eb
Mitglied

bzw doch...jetzt bräuchte ich nur noch die anderen begriffe sprich die darstellung der forenhintergründe....sprich die forenübersicht (hauptforen und unterforen)


 Antworten

 Beitrag melden
24.01.2014 21:27
avatar  .BiL.
#24 RE: Kopfzeile des Business Template transparent machen
avatar
Mitglied

Ich lasse mir immer in FireFox die Elemente anzeigen und probiere verschiedene Codes aus.
Außerdem habe ich zum Thema "transparent" unter anderem hier einen Teil gefunden: Hilfe beim Design: Hintergrundfarben strukturieren?
Vielleicht hilft dir das ja auch.

.
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
25.01.2014 10:40
avatar  TripleM
#25 RE: Kopfzeile des Business Template transparent machen
avatar
Mitglied

Wie ich sehe hast du nun einen anderen weg genommen. Das Portal in der Navigation sollte noch Farbe bekommen.

die ID ist diese Hier

1
 
#link_portal.menu_item.currentpage
 



Das kannst du in der CSS ändern mit

1
 
#link_portal.menu_item.currentpage {background-color: Farbe deiner Wahl !important;}
 



Bei Farbe deiner Wahl trag die entsprechende Farbe ein z.b. #ff0000

Dann sollte der Link auch die Farbe haben.


 Antworten

 Beitrag melden
25.01.2014 11:08
#26 RE: Kopfzeile des Business Template transparent machen
Eb
Mitglied

vielen dank mario.

wie man die einzelnen hintergründe der unterforen beispielsweise anspricht weis keiner zufällig oder? dann würde ich die nämlich gerne noch teiltransparent machen und es wäre perfekt...

Also sprich die box hintergründe (das braun)

lg sebastian


 Antworten

 Beitrag melden
25.01.2014 11:41 (zuletzt bearbeitet: 25.01.2014 11:46)
avatar  TripleM
#27 RE: Kopfzeile des Business Template transparent machen
avatar
Mitglied

Versuch mal das hier bitte

1
 
.boxcontent {background: rgba(20,20,20, 0.6); /* 60% transparent */}
 



Die werte wo nun 20 stehen kannst du verändern auf z.b. 10.10,10 und die 0.6 in 0.3 dann also drei mal 10 = 30 also 0.3
3 x 15 = 45 also 0.45

das habe ich gerade getestet und es klappt. Dadurch kannst du die transparenz anpassen. Immer probiert mit dem rest von meinen CSS eintrag und Boxcontent Farbe auf Trans

Hier zu sehen http://ofn-testforum.xobor.de/


 Antworten

 Beitrag melden
25.01.2014 21:52 (zuletzt bearbeitet: 25.01.2014 21:53)
avatar  TripleM
#28 RE: Kopfzeile des Business Template transparent machen
avatar
Mitglied

Für alle Mitleser

Nach Langen hin und her Geschreibe haben wir nun ein Ergebnis Erzielt wo er mit leben kann.

http://www.egos-online.de/

Es ging um die Farben. Aktuell haben wir nun einen CSS Eintrag eingefügt

1
2
3
4
5
 
{
background: XXXXXXX;
opacity: 0.5;
filter:Alpha(Opacity=50);
}
 



Das war mir so nicht bekannt. Ich glaube das Olaf sein Tip in die Richtung ging. Ich habe es nur nicht verstanden. Und als Farbwert kann man hier die Farben aussuchen

http://www.webmasterpro.de/coding/articl...enz-farben.html

unter

Definition über Farbschlüsselwörter (CSS 3)

sind Vorne in der Liste die Farbnamen hinterlegt den Namen wechselt man im Code einfach aus und trägt es da ein wo die XXXXXXX sind.

Vor dem Code natürlich noch die ID die man ansprechen will in seinen Fall ist das nun die CSS

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
 
#link_portal.menu_item.currentpage {background-color: #785735 !important;}



.box, .boxheader {
background: burlywood;
opacity: 0.8;
filter:Alpha(Opacity=50);
}

 


.boxcontent {
background: rgba(ed,de,b3,0.7);
}

ul.navigation li {
background: rgba(120,87,53,1.0);
}

ul.navigation li:hover {
background: rgba(171,121,75,1.0);
}

.header {background: rgba(0,0,0,0.0);}

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



Und somit haben alle Bereiche eine Teil Transparenz. Und ich habe wieder etwas gelernt über CSS 3


 Antworten

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