Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 9
Seite [1]
MWD- Design


Try to beat me




Beiträge: 112
# Thema - 16.03.2011 um 11:25 Uhr
ich brauche etwas Hilfe, beim coden da ich in diesem Bereich keine Erfahrung habe, ich möchte den content eines Designs transparent machen, der Inhalt im content soll jedoch nicht transparent dargestellt werden,...
---
der Original code:
#left_content {
background-color:#929292;
border:1px #a0a0a0 solid;
width:707px;
height:100%;
float:left;

soweit bin ich gekommen:
#left_content {
background-color:#929292; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
border:1px #a0a0a0 solid;
width:707px;
height:100%;
float:left;
---
jetzt wird der content transparent dargestellt, aber auch der Inhalt, genau das möchte ich nicht, was muss ich da ändern oder ersetzen ?


------------------

-Tierschutz ist Erziehung zur Menschlichkeit-
Inaktiv
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
# Antwort: 1 - 16.03.2011 um 11:30 Uhr
Du möchtest einfach, dass der Background des Div-Containers #left_content keinen Hintergrund besitzt und dadurch einfach der Hintergrund des Eltern Containers benutzt wird?


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 2 - 16.03.2011 um 11:36 Uhr
background-color:#929292; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;


Ist nicht der richtige Weg, eben weil Filter und Opacity auchden Inhalt tranzparent machen.

Es gibt für dich zwei Möglichkeiten:
1. Keine Hintergrundfarbe, sondern Hintergrundbild benutzen und zwar ein .png mit Transparenz.
2. CSS3 RGBA benutzen: background: rgba(120,120, 120, 0.75);


------------------
www.laszlokorte.de

Inaktiv
|
MWD- Design
Thread-Ersteller


Try to beat me




Beiträge: 112
# Antwort: 3 - 16.03.2011 um 11:43 Uhr
wie muss der code dann aussehen wenn ich die Option 1 wähle ?

1. Keine Hintergrundfarbe, sondern Hintergrundbild benutzen und zwar ein .png mit Transparenz.



------------------

-Tierschutz ist Erziehung zur Menschlichkeit-

Inaktiv
|
Tom08 ClanSphere Team

Supporter
Supporter



Herkunft: Daheim
Beiträge: 2923
# Antwort: 4 - 16.03.2011 um 11:49 Uhr
background: url('das.png') repeat;

Grüße


------------------
Bei Problemen mit Code von mir bitte eine Private Nachricht an mich


Inaktiv
|
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
# Antwort: 5 - 16.03.2011 um 11:50 Uhr
background-image:url('pfad.png');
die png muss transparent sein. der ie 6 wird aber nicht damit klar kommen


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Inaktiv
|
MWD- Design
Thread-Ersteller


Try to beat me




Beiträge: 112
# Antwort: 6 - 16.03.2011 um 11:54 Uhr
ok schonmal danke, wie ist das dann bei der 2ten Option
--
#left_content {
background: rgba(255, 255, 255, 0.4);
border:1px #a0a0a0 solid;
width:707px;
height:100%;
float:left;
--
wie ändere ich da die stärke der Transparenz ?


------------------

-Tierschutz ist Erziehung zur Menschlichkeit-

Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 7 - 16.03.2011 um 11:56 Uhr
die ersten Zahl in den Klammern gibt den Rot-Wert an, die zweite den Grün-Wert, die dritte den Blau-Wert und die letzte den Alpha-Kanal, 1=nicht transparent, 0=komplett durchsichtig, 0.5=halbtransparent und so weiter


------------------
www.laszlokorte.de

Inaktiv
|
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
# Antwort: 8 - 16.03.2011 um 12:02 Uhr
firefox 2, ie unter 8 fehlerhafte darstellung

0.4 am schluß bedeutet 40% sichtbar

natürlich gibt es fallbacks für die älteren browser (auch bei den andereren möglichkeiten) ->google


edit: warum bin ich immer der langsamere xD?


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Zuletzt editiert von Jam2 ClanSphere Team am 16.03.2011 um 12:02 Uhr (2x Editiert)
Inaktiv
|
MWD- Design
Thread-Ersteller


Try to beat me




Beiträge: 112
# Antwort: 9 - 16.03.2011 um 12:03 Uhr
vielen dank, hat alles geklappt
super support (:-


------------------

-Tierschutz ist Erziehung zur Menschlichkeit-

Inaktiv
|

Dieses Thema wurde von TeQu!La ClanSphere Team PM geschlossen.

Antworten: 9
Seite [1]