Demo

Give it a try
and play around
with ClanSphere Demo


Answers: 9
Page [1]
MWD- Design


Try to beat me




Posts: 112
 # Thread - 2011-03-16 at 11:25 AM
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-
Inactive
Jam2 ClanSphere Team


Highlander





Posts: 3291
 # Answer: 1 - 2011-03-16 at 11:30 AM
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!


Inactive
|
SCHIRI ClanSphere Team


Weltmeister



Location: Hamburg
Posts: 5299
 # Answer: 2 - 2011-03-16 at 11:36 AM
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

Inactive
|
MWD- Design
Thread author


Try to beat me




Posts: 112
 # Answer: 3 - 2011-03-16 at 11:43 AM
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-

Inactive
|
Tom08 ClanSphere Team

Supporter
Supporter



Location: Daheim
Posts: 2923
 # Answer: 4 - 2011-03-16 at 11:49 AM
background: url('das.png') repeat;

Grüße


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


Inactive
|
Jam2 ClanSphere Team


Highlander





Posts: 3291
 # Answer: 5 - 2011-03-16 at 11:50 AM
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!


Inactive
|
MWD- Design
Thread author


Try to beat me




Posts: 112
 # Answer: 6 - 2011-03-16 at 11:54 AM
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-

Inactive
|
SCHIRI ClanSphere Team


Weltmeister



Location: Hamburg
Posts: 5299
 # Answer: 7 - 2011-03-16 at 11:56 AM
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

Inactive
|
Jam2 ClanSphere Team


Highlander





Posts: 3291
 # Answer: 8 - 2011-03-16 at 12:02 PM
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!


Last edit by Jam2 ClanSphere Team at 2011-03-16 at 12:02 PM (2x Edited)
Inactive
|
MWD- Design
Thread author


Try to beat me




Posts: 112
 # Answer: 9 - 2011-03-16 at 12:03 PM
vielen dank, hat alles geklappt
super support (:-


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

-Tierschutz ist Erziehung zur Menschlichkeit-

Inactive
|

This thread was closed by TeQu!La ClanSphere Team PM

Answers: 9
Page [1]