www.gottdeamons.de
Auf dieser Seite habe ich ein Kleines Problem!.
Möchte gerne den Body Transparieren, dass ich das Bild im hintergrund sehe!
Könnt ihr mir Pls da Behilflich sein !
:'(
verwendete ilchClan Version: 1.1
betroffene Homepage: gottdeamons.de
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Allgemein » Plauder Ecke » Transparenz
| Geschlossen | ||
-
-
Mo. 13.09.2010
08:27 Uhr
#2
- Registriert seit
- 09.08.2006
- Beiträge
- 1.190
- Beitragswertungen
Mach nen transparentes png oder gif bild draus, binde es ein, fertig
-
Mo. 13.09.2010
09:00 Uhr
#3
Unknown|User gelöschter UserDein Hintergrund ist aber schwarz^^
gottdeamons.de/include/designs/aion_lernvid.com/img/bg.jpg -
Mo. 13.09.2010
09:04 Uhr
#4
- Registriert seit
- 21.03.2007
- Beiträge
- 7.675
- Beitragswertungen
.transparenz50 { opacity: .5; /*aktuelle Browser*/ -moz-opacity:0.5; /*alte FF*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE 8*/ filter: alpha(opacity=50); /*IE 5-7*/ -khtml-opacity: 0.5; /*Safari 1.X*/ }
Zuletzt modifiziert von Lord|Schirmer am 13.09.2010 - 09:05:37 -
Ja danke Erstmal für die schnelle antwort ! doch einz Bleibt offen
LordSchirmer Ich kenne den Cod Ja selber aber ich weis einfach net wo ich des rein packen soll ich probier und such ich find einfach die datei nicht die verantwortlich ist für den Body ! hmm ich verzweifel hier
pls um Antwort
-
Mo. 13.09.2010
15:55 Uhr
#6
- Registriert seit
- 21.03.2007
- Beiträge
- 7.675
- Beitragswertungen
Irritiert mich zwar, dass Du diesen CSS-Code kennst, aber nicht weisst wo deine css ist, aber schau mal hier:
include/designs/aion_lernvid.com/style.css
Am Besten so einfügen und dann zB.
<div class="transparenz50">....</div> -
ja Okay des habe ich gechekt aber es funzt net sry das ich des erst jetzt sage kenn mich halt noch net so gut aus damit !
muss ich des einfach dann im style.css Allso auf gut deutsch in der datei runter scrollen und dazu schreiben? -
body {
color: #fff;
margin: 0;
padding: 0;
text-align: center;
background-color: #000;
font-size: 12px;
font-family: 'Trebuchet MS';
background-image:url('img/bg.jpg');
background-position:center top;
background-repeat:repeat-y;
}
#wrap {
position: relative;
width: 967px;
text-align: left;
margin: 0 auto 0 auto;
}
#header_outer {
background: url(img/logo.jpg);
height: 200px;
text-align: center;
vertical-align:middle;
width: 100%;
}
#header {
height: 200px;
width: 967px;
margin:0 auto;
text-align: center;
vertical-align:middle;
background: url(img/header.jpg);
}
#sitename {
text-align: left;
padding-top: 125px;
padding-left: 30px;
color: #3fc0bb;
font-family: 'Trebuchet MS';
font-weight: normal;
font-size: 24px;
}
#top {
background: url(img/top.gif);
height: 31px;
}
#top p {
display: inline;
position: absolute;
left: 172px;
margin-top: 2px;
font-size: 10px;
text-decoration: none;
color: #fff;
}
#content {
background: url(img/contentbg.gif);
background-repeat: repeat;
width: 967px;
}
#footer {
color: #666;
font-size: 10px;
padding:0;
margin:0;
background: url(img/footer.gif);
height: 40px;
text-align: center;
padding-top: 5px;
}
#footer a {
color: #999;
}
#left_col {
width: 148px;
float: left;
margin-left: 10px;
color: #fff;
overflow: hidden;
background: url(img/left.gif);
background-repeat:repeat-y;
}
#left_col td {
padding: 5px;
}
#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
color: #fff;
}
#left_col li a {
display : block;
vertical-align : middle;
color: #5f788c;
padding-left:15px;
background-image:url('img/menu.gif');
background-position:center top;
background-repeat: no-repeat;
}
#left_col li li a, #left_col li li a:hover, #left_col li li a:active {
background-image:url('img/menu_li_li.gif');
background-position:center top;
background-repeat: no-repeat;
}
#left_col li a:hover, #left_col li a:active {
color: #fff;
background-image:url('img/menu_hover.gif');
background-position:center top;
background-repeat: no-repeat;
}
tbody, table {
width: 99%;
}
#left_col .menu_heading
{
color: #fff;
display:block;
letter-spacing: 1px;
font-size: 11px;
padding: 0 0 0 20px;
height: 25px;
line-height: 25px;
background: url(img/menu_heading.gif);
}
#main_col {
width: 590px;
float: left;
clear: none;
min-height: 100px;
overflow: auto;
margin:0;
padding: 0 20px 0 20px;
}
#right_col {
margin-right:12px;
width: 158px;
float: right;
overflow: hidden;
}
#right_col .menu_heading
{
color:#fff;
font-size:11px;
letter-spacing: 1px;
}
#left_col ul
{
padding: 0;
margin: 0;
width: 140px;
}
#left_col li
{
margin:0;
padding:0;
}
#left_col li ul
{
width: 140px;
}
#left_col li li
{
padding-left: 16px;
}
#left_col li a, left_col li li a
{
font-size: 13px;
font-weight: normal;
text-decoration: none;
height: 20px;
line-height:20px;
}
td
{
font-family: 'Trebuchet MS';
font-size: 12px;
}
/* Hyperlinks */
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
color: #3fc0bb;
font-family: 'Trebuchet MS';
font-size: 11px;
text-decoration: underline;
}
a:hover
{
color: #666;
text-decoration: none;
}
a.box
{
color: #fff;
font-family: 'Trebuchet MS';
font-size: 11px;
text-decoration: underline;
background:none;
}
a.box:hover
{
color: #666;
text-decoration: none;
}
.Chead
{
background: #111;
color: #fff;
}
.Chead a
{
color: #fff;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
background: #111;
color: #fff;
}
.Callg
{
background-color: #333;
color: #000000;
}
.Callg td
{
color: #fff;
}
.Cnorm
{
background-color: #444;
}
.Cmite
{
background-color: #222;
}
.Cdark
{
background-color: #222;
}
.rand
{
border: solid #000 1px;
}
.smalfont
{
font-size: 10px;
text-decoration: none;
}
.border
{
background-color: #000;
}
hr
{
height: 0px;
border: solid #003366 0px;
border-top-width: 1px;
}
input, textarea, select
{
color: #fff;
font: 12px Verdana;
border-color: #000;
border-width: 1px;
border-style: solid;
font-weight: normal;
text-decoration: none;
background-color: #111;
}
input:hover, textarea:hover, select:hover
{
background-color: #222;
border-color: #333;
}
img {
border: none;
}
.clr {
clear:both;
{
<body style="background-color:transparent">
<iframe allowtransparency="true" name="Iframe" src="http://www.gottdeamons.de/gottdeamons.html" scrolling="no" height="200" width="200" frameborder="no" ></iframe>
}
?? -
Weis net wie ich des umschreiben soll
Pls HELP ME
:'( -
Di. 14.09.2010
16:57 Uhr
#10
- Registriert seit
- 06.06.2010
- Beiträge
- 288
- Beitragswertungen
Soll jetzt dein Hintergrundbild oder das Schwarze beim Inhalt Transparent werden? -
Di. 14.09.2010
18:20 Uhr
#11
- Registriert seit
- 13.09.2010
- Beiträge
- 8
- Beitragswertungen
Des schwarze Mit Inhalt pls ! -
Di. 14.09.2010
18:42 Uhr
#12
- Registriert seit
- 21.03.2007
- Beiträge
- 7.675
- Beitragswertungen
Probier mal ... #content ersetzen!
#content { background: url(img/contentbg.gif); background-repeat: repeat; width: 967px; opacity: .5; -moz-opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; }
Zuletzt modifiziert von Lord|Schirmer am 14.09.2010 - 18:42:35 -
Di. 14.09.2010
19:21 Uhr
#13
- Registriert seit
- 13.09.2010
- Beiträge
- 8
- Beitragswertungen
thx es hatt gefuntzt
aber kann auch den grad der transparenz verändern wenn wir scho dabei sind?
danke nochmal für die schnellen antworten
-
Di. 14.09.2010
20:05 Uhr
#14
- Registriert seit
- 21.03.2007
- Beiträge
- 7.675
- Beitragswertungen
Klar! Ist was zum testen, wie es aussieht zB.:
#content { background: url(img/contentbg.gif); background-repeat: repeat; width: 967px;opacity: .3; -moz-opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=30); -khtml-opacity: 0.3; }
Du musst halt die Zahlen analog anpassen! -
Mi. 15.09.2010
06:45 Uhr
#15
- Registriert seit
- 13.09.2010
- Beiträge
- 8
- Beitragswertungen
Danke du hast mMir sehr damit geholfen Profi bist jetzt
Gib der Ne Platin Medalie xD
thx noch mal leutz wenn ich mal wieder was für euch habe rück ich sofort an thx für die schnellen antworten
-
Mi. 15.09.2010
12:36 Uhr
#16
- Registriert seit
- 21.03.2007
- Beiträge
- 7.675
- Beitragswertungen
Wenn Du dich für die Beiträge bedankst in dem Du auf dem Daumen unterm Avatar klickst, freue auch ich mich!
| Geschlossen | ||
 |
Zurück zu Plauder Ecke | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten