Jetzt kostenlos Anmelden!


Ripoli

ist gerade angekommen

1

Donnerstag, 24. Juni 2010, 17:06

Transparenter Hintergrund im linken Inhaltsbereich

Hallo ich möchte es gerne realisieren, dass mein linkes und Rechtes Menü transparent ist. Das heisst das die Tabelle der linken und rechten Navibox keinen Hintergrund haben und ich anhand einer halbtransparenten .PNG alles so anpassen kann das das Hintergrundbild durch die navibox scheint.

Hab schon alles versucht aber die Tabelle hat immer irgendeine farbe im Hintergrund. Das PNG ist soweit richtig aber anstatt das das Hintergrund Bild durchschimmert, schimmert nur der weisse Hintergrund der tabelle durch.

anschaun könnt ihr es euch hier: www.apb-clan.de
  • Zum Seitenanfang
  • Zum Seitenende

-=LCL=-|BuLLeT| Männlich

#1.6.1 - still alive #

Beiträge: 1 356

Geschlecht: Männlich

Wohnort: Leipzig

PHPKIT Version: 1.6.1

2

Donnerstag, 24. Juni 2010, 17:33

was für einen sinn macht das, wenn der hintergrund einfarbig ist? dann reicht es doch wenn du den anderen hintergrund direkt in die gewünschte farbe einsetzt.
  • Zum Seitenanfang
  • Zum Seitenende

Sumale.nin

unregistriert

3

Donnerstag, 24. Juni 2010, 17:38

CSS Coder + IE Fix

Cascading Style Sheet

1
2
3
4
5
6
<style type="text/css">
.transparent {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
</style>


Nutzen kannst du das dann in der Tabelle mit:
Beispiel:

HTML

1
2
3
4
5
6
<table width="100%" border="0">
  <tr>
	<td class="transparent">&nbsp;</td>
	<td>&nbsp;</td>
  </tr>
</table>
  • Zum Seitenanfang
  • Zum Seitenende

Ripoli

ist gerade angekommen

4

Donnerstag, 24. Juni 2010, 20:36

jaa

Das sieht sehr gut aus, jetzt habe ich aber bereits einen Class befehl den ich nicht entfernen darf:



<tr>
<td class="pkcontent_left"$displaycontent_left>
<div id="pkcontent_left">$navigation_left
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_main">
<div id="pkcontent_main">$site_body
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_right"$displaycontent_right>
<div id="pkcontent_right">$navigation_right
<div class="pkcontentclear">Â </div>
</div></td>
</tr>





Kann man zwei class befehle hintereinander machen oder wie muss ich das realisieren?
Oder ist das die falsche datei?
Site.htm (phpkit 1.6.5)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Ripoli« (24. Juni 2010, 20:41)

  • Zum Seitenanfang
  • Zum Seitenende

Muetze Männlich

Ein Pazifist mit der Waffe in der Hand

Beiträge: 681

Geschlecht: Männlich

Wohnort: zu Hause

PHPKIT Version: 1.6.5

5

Donnerstag, 24. Juni 2010, 21:06

Dann passe doch die Class pkcontent_left an, wäre denke ich doch am einfachsten.^^

Diese Class stellt die komplette linke Navigation dar.

MfG
Es geht nicht darum zu haben was man will, sondern zu schätzen was man hat!
Blutrausch HP

Mauern sind auch nur Steine & Wassertropen können auch mal Wassermengen werden!
  • Zum Seitenanfang
  • Zum Seitenende

Ripoli

ist gerade angekommen

6

Donnerstag, 24. Juni 2010, 21:13

sry wie ihr sicherlich merkt habe ich nicht all zu viel ahnung von den class befehlen.
was ist die pkcontent_left?
Ist das eine html/php datei oder ist es ein Verknüpfter Befehl?


Cascading Style Sheet

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
h1.site-name,
h2.site-slogan {
top:20px;
left:20px;
display:block;
}

h1.site-name a,
h2.site-slogan a {
color:#FFF;
font-size:28px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
outline:0;
}

h2.site-slogan {
top:55px;
}

h2.site-slogan a {
font-size:14px;
}

.heads,.heads * {
font-weight:bold; 
}

table#pkcontent {
border-bottom:1px dotted black;
border-top:1px dotted black;
}

td#pkcontent_left {
border-right:1px dotted black;
background:transparent url(./fx/economy/bg/page.png) repeat-y center;
}

td#pkcontent_right {
border-left:1px dotted black;
background:transparent url(./fx/economy/bg/page.png) repeat-y center;
}

div#pksitecopyright {
padding-top:25px
}

li.pkcontent_hl_left,
li.pkcontent_hl_right {
padding:4px;
}

div#pkadview {
position:absolute;
top:20px;
right:20px;
width:468px;
}

div#pksitedate {
position:absolute;
top:85px;
right:20px;
width:225px;
text-align:right;
font-size:92.5%;
color:white;
}

#pkbody {
width:1000px;
margin:0 auto;
background:transparent url(./fx/economy/bg/page.png) repeat-y center;
}

#pkouterpage {
padding:0 0 10px 0;
}

#pkcontent_top {
border-top:1px solid #BBB;
}

#pkpagefooter {
width:980px;
margin:0 auto;
}

#pkC, #pksiteparser,#pksiteadminlogin {
background:#454545;
}

#pkC *, #pksiteparser *,#pksiteadminlogin * {
color:#E0E0E0;
font-size:90%;
}


Das ist meine CSS Datei

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Ripoli« (24. Juni 2010, 21:23)

  • Zum Seitenanfang
  • Zum Seitenende

Muetze Männlich

Ein Pazifist mit der Waffe in der Hand

Beiträge: 681

Geschlecht: Männlich

Wohnort: zu Hause

PHPKIT Version: 1.6.5

7

Donnerstag, 24. Juni 2010, 21:54

Cascading Style Sheet

1
2
3
4
5
6
7
8
9
10
11
#id	{
	color: #ff0000;
}

.class {
	color: #ff0000;
}

objekt {
	color: #ff0000;
}


http://www.css4you.de/wscss/css03.html

Änderungen in der CSS Datei bei FF mit STRG+F5 neu einladen.
Es geht nicht darum zu haben was man will, sondern zu schätzen was man hat!
Blutrausch HP

Mauern sind auch nur Steine & Wassertropen können auch mal Wassermengen werden!
  • Zum Seitenanfang
  • Zum Seitenende

Sumale.nin

unregistriert

8

Donnerstag, 24. Juni 2010, 22:30

Mach es simple:

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<tr>  
 <td  class="pkcontent_left transparent"$displaycontent_left>
 <div id="pkcontent_left">$navigation_left
 <div class="pkcontentclear">Â </div>
 </div></td>
 <td class="pkcontent_main">
 <div id="pkcontent_main">$site_body
 <div class="pkcontentclear">Â </div>
 </div></td>
  <td class="pkcontent_right"$displaycontent_right>
 <div id="pkcontent_right">$navigation_right
 <div class="pkcontentclear">Â </div>
 </div></td>
  </tr>



<td class="pkcontent_left transparent"$displaycontent_left>
<tr>
<td class="pkcontent_left transparent"$displaycontent_left>
<div id="pkcontent_left">$navigation_left
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_main">
<div id="pkcontent_main">$site_body
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_right"$displaycontent_right>
<div id="pkcontent_right">$navigation_right
<div class="pkcontentclear">Â </div>
</div></td>
</tr>
  • Zum Seitenanfang
  • Zum Seitenende

Ripoli

ist gerade angekommen

9

Freitag, 25. Juni 2010, 15:00

Mhhh

Hab alle möglichkeiten ausprobiert aber es geht einfach nicht.
Das gibts doch nicht!!!!!!

Die menüleiste wird einfach nicht durchsichtig wie mein PNG


Im zweiten beispiel da habe ich Â`s im menü
  • Zum Seitenanfang
  • Zum Seitenende

Ripoli

ist gerade angekommen

10

Samstag, 26. Juni 2010, 11:58

Kann mir wirklich keienr helfen?
Ich versuche und versuche, das PNG wird ja auch transparent angezeigt, nur leider hat die tabellen Spalte noch irgeneinen Hintergrund. Das heisst die PNG scheint zwar transparent durch, aber es scheint nicht auf den haupthintergrund der Seite sondern auf den Hintergrund der Tabelle.
  • Zum Seitenanfang
  • Zum Seitenende