+ Antworten
Ergebnis 1 bis 4 von 4

Thema: Halbtransparenz nur für Content Box

  1. 04.11.2010 15:32 #1
    brownrecordz
    brownrecordz ist offline
    Neu an Board Avatar von brownrecordz
    Registriert seit
    25.06.2008
    Ort
    Bielefeld
    Beiträge
    69
    Bedankte sich
    21
    Erhielt 4 Danksagungen
    in 4 Beiträgen
    brownrecordz eine Nachricht über Yahoo! schicken

    Standard Halbtransparenz nur für Content Box

    Hallo zusammen,
    ich möchte auf meiner Joomla Seite die Contentboxen halbtransparent darstellen lassen. Ich habe das mit
    Code:
    #content {
background-color: #000;
color: #fff;
filter:alpha(opacity=20); /* IE */
opacity:0.7; /* allgemein */
-moz-opacity:100; /* Mozilla */
-khtml-opacity:0.3; /* KTHML */
-opera-opacity:0.3; /* Opera */
border: 3px solid #fff;
    Jetzt sind aber nicht nur der Hintergrund, sondern auch Text und Bilder halbtransparent und das war nicht im Sinne des Erfinders. Weiß da jemand rat was zu ändern ist?
    Hier nochmal das gesamte CSS des Templates

    template.css
    Code:
    body {
	background:#000000  url(../images/bg_style4.jpg) no-repeat center top fixed;
	color:#FFFFFF;
}
a {
	color:#0099CC;
}
a:hover {
	color:#0099CC;
}
#header {
border-bottom:0px solid #FFFFFF;
}
#content {
background-color: #000;
color: #fff;
filter:alpha(opacity=20); /* IE */
opacity:0.7; /* allgemein */
-moz-opacity:100; /* Mozilla */
-khtml-opacity:0.3; /* KTHML */
-opera-opacity:0.3; /* Opera */
border: 3px solid #fff;
}
#content #content-bottom {
	background:#none;
}
#topmenu ul li a {
	color:#ffffff;
}
#topmenu ul li a:hover {
	color:#0099CC;
}
#topmenu ul li.active a {
	color:#0099CC;
}
#spotlight .swhite {
	color:#000000;
}
#spotlight .scolor {
	color:#0099CC;
}
.spot-left {
	color:#666666;
}
.moduletable h3 {
	border-bottom:1px solid #373533;
	color:#0099CC;
}

#bottom {
	border-top:1px solid #CCCCCC;
	color:#666666;
}
#footer {
	border-top:1px solid #CCCCCC;
	color:#999999;
}
#footer a {
	color: #999999;
}
div.componentheading {
	color:#0099CC;
}
td.contentheading, td.contentheading a {
	color:#666666;
}
.article_separator {
	border-bottom:1px solid #DDDDDD;
}
.createdate, .author, .modifydate {
	color:#666666;
}
/* PAthway */
.breadcrumb {
	border-bottom:1px solid #C1C1C1;
}
.breadcrumb, .breadcrumb a {
	color:#666666;
}
/* Showcase */

#manifolio #showcase .moduletable h3 {
	border-bottom:1px solid #C1C1C1;
	color:#666666;
}
/* Mod Manifolio */

#manifolio .pbox {

}
#manifolio .pbox-in {
	border:10px solid #C1C1C1;
}
#manifolio .pdetails {
	background:#FFFFFF;
	color:#666666;
	border-left:10px solid #C1C1C1;
}
#manifolio .pdetails-in {
}
#manifolio .pdetails-in div.mod_portfolio_title {
	color:#666666;
}
#manifolio .pdetails-in div.mod_portfolio_title a {
	color:#666666;
}
#manifolio .pdetails-in span {
	color:#666666;
}
#manifolio .pdetails-in div {
}
#manifolio .pdetails-in a {
	color:#666666;
}
#manifolio .mod_portfolio_visit a, #manifolio .mod_portfolio_more a {
	background: transparent url(../images/arrow_style4.gif) no-repeat left center;
	color:#666666;
}
#manifolio .mod_portfolio_visit a:hover, .mod_portfolio_more a:hover {
	color:#FFFFFF;
}
#manifolio .mod_portfolio_visit {
}
#manifolio .mod_portfolio_more {
}

/* Simple Slide */

#manifolio .nextBtn a {
	background:url(../images/btn_next_style4.png) no-repeat 0 0;
}
#manifolio .prevBtn a {
	background:url(../images/btn_prev_style4.png) no-repeat 0 0;
}
#manifolio .nextBtn a:hover {
	background:url(../images/btn_next_hover_style4.png) no-repeat 0 0;
}
#manifolio .prevBtn a:hover {
	background:url(../images/btn_prev_hover_style4.png) no-repeat 0 0;
}

#manifolio .slideritem {
background:#FFFFFF;

}






/* Portfolio Component */




#manifolio  #p-container .p-categories-item {
	border:10px solid #C1C1C1;
}
#manifolio  #p-container .p-categories-item:hover {
	border:10px solid #DDDDDD;
}

#manifolio  #p-container .p-categories-detail {
	background:#FFFFFF;
	
}

#manifolio  #p-container .p-categories-title {
	border-bottom:1px solid #C1C1C1;
	color:#666666;
}
#manifolio  #p-container .p-categories-title a {
	color:#666666;
}

#manifolio  #p-container .p-categories-footer {

}
#manifolio  #p-container .p-category-title, .p-title {
	color:#0099CC;
}


#manifolio  #p-container .pbox-in {
	border:10px solid #C1C1C1;
	
}
#manifolio  #p-container .pdetails {
	border-left:10px solid #C1C1C1;
	background:#FFFFFF;
	color:#666666;
}

#manifolio  #p-container .pdetails-in div.p-item-title {
	
	color:#666666;
	
	border-bottom:1px solid #C1C1C1;

}
#manifolio  #p-container .pdetails-in div.p-item-title a {
	
	color:#666666;
	
}
#manifolio  #p-container .pdetails-in div.p-item-title em {
	
	color:#999999;
}
#manifolio  #p-container .pdetails-in span {
	
	color:#666666;
}

#manifolio  #p-container .pdetails-in a {
	color:#666666;
}
#manifolio  #p-container .p-item-visit a, #manifolio  #p-container .p-item-detail a {
	background: transparent url(../images/arrow_style4.gif) no-repeat left center;
	
	color:#666666;
}
#manifolio  #p-container .p-item-visit a:hover, #manifolio  #p-container .p-item-detail a:hover {
	color:#FFFFFF;
}

#manifolio  #p-container #p-detailpage div.pbox-in {
	border:10px solid #C1C1C1;
	
}
#manifolio  #p-container #p-detailpage div.pdetails {
	
	background:#FFFFFF;
	border:10px solid #C1C1C1;
	color:#666666;

}

#manifolio  #p-container #p-detailpage .pdetails-bottom {
	
	background:#FFFFFF;
	
}



/* Portfolio COmponent Simple Slide */

#manifolio  #p-container .nextBtn a {
	background:url(../images/btn_next_style4.png) no-repeat 0 0;
}
#manifolio  #p-container .prevBtn a {
	background:url(../images/btn_prev_style4.png) no-repeat 0 0;
}
#manifolio  #p-container .nextBtn a:hover {
	background:url(../images/btn_next_hover_style4.png) no-repeat 0 0;
}
#manifolio  #p-container .prevBtn a:hover {
	background:url(../images/btn_prev_hover_style4.png) no-repeat 0 0;
}
#manifolio  #p-container .slideritem {
	background:#FFFFFF;
}

    Bin euch für die Hilfe wie immer dankbar :-)
    Geändert von brownrecordz (05.11.2010 um 07:52 Uhr)
    Buendnis Music Productions Mixing, Mastering, Recording, Audio Restaurierung, Auftragskomposition.
    Zitieren Zitieren
  2. 04.11.2010 15:32 #2
    brownrecordz
    brownrecordz ist offline
    Neu an Board Avatar von brownrecordz
    Registriert seit
    25.06.2008
    Ort
    Bielefeld
    Beiträge
    69
    Bedankte sich
    21
    Erhielt 4 Danksagungen
    in 4 Beiträgen
    brownrecordz eine Nachricht über Yahoo! schicken

    Standard

    style4.css

    (die Stilvariante die ich verwende)

    Code:
    body {
	background:#000000  url(../images/bg_style4.jpg) no-repeat center top fixed;
	color:#FFFFFF;
}
a {
	color:#0099CC;
}
a:hover {
	color:#0099CC;
}
#header {
border-bottom:0px solid #FFFFFF;
}
#content {
background-color: #000;
color: #fff;
filter:alpha(opacity=20); /* IE */
opacity:0.7; /* allgemein */
-moz-opacity:100; /* Mozilla */
-khtml-opacity:0.3; /* KTHML */
-opera-opacity:0.3; /* Opera */
border: 3px solid #fff;
}
#content #content-bottom {
	background:#none;
}
#topmenu ul li a {
	color:#ffffff;
}
#topmenu ul li a:hover {
	color:#0099CC;
}
#topmenu ul li.active a {
	color:#0099CC;
}
#spotlight .swhite {
	color:#000000;
}
#spotlight .scolor {
	color:#0099CC;
}
.spot-left {
	color:#666666;
}
.moduletable h3 {
	border-bottom:1px solid #373533;
	color:#0099CC;
}

#bottom {
	border-top:1px solid #CCCCCC;
	color:#666666;
}
#footer {
	border-top:1px solid #CCCCCC;
	color:#999999;
}
#footer a {
	color: #999999;
}
div.componentheading {
	color:#0099CC;
}
td.contentheading, td.contentheading a {
	color:#666666;
}
.article_separator {
	border-bottom:1px solid #DDDDDD;
}
.createdate, .author, .modifydate {
	color:#666666;
}
/* PAthway */
.breadcrumb {
	border-bottom:1px solid #C1C1C1;
}
.breadcrumb, .breadcrumb a {
	color:#666666;
}
/* Showcase */

#manifolio #showcase .moduletable h3 {
	border-bottom:1px solid #C1C1C1;
	color:#666666;
}
/* Mod Manifolio */

#manifolio .pbox {

}
#manifolio .pbox-in {
	border:10px solid #C1C1C1;
}
#manifolio .pdetails {
	background:#FFFFFF;
	color:#666666;
	border-left:10px solid #C1C1C1;
}
#manifolio .pdetails-in {
}
#manifolio .pdetails-in div.mod_portfolio_title {
	color:#666666;
}
#manifolio .pdetails-in div.mod_portfolio_title a {
	color:#666666;
}
#manifolio .pdetails-in span {
	color:#666666;
}
#manifolio .pdetails-in div {
}
#manifolio .pdetails-in a {
	color:#666666;
}
#manifolio .mod_portfolio_visit a, #manifolio .mod_portfolio_more a {
	background: transparent url(../images/arrow_style4.gif) no-repeat left center;
	color:#666666;
}
#manifolio .mod_portfolio_visit a:hover, .mod_portfolio_more a:hover {
	color:#FFFFFF;
}
#manifolio .mod_portfolio_visit {
}
#manifolio .mod_portfolio_more {
}

/* Simple Slide */

#manifolio .nextBtn a {
	background:url(../images/btn_next_style4.png) no-repeat 0 0;
}
#manifolio .prevBtn a {
	background:url(../images/btn_prev_style4.png) no-repeat 0 0;
}
#manifolio .nextBtn a:hover {
	background:url(../images/btn_next_hover_style4.png) no-repeat 0 0;
}
#manifolio .prevBtn a:hover {
	background:url(../images/btn_prev_hover_style4.png) no-repeat 0 0;
}

#manifolio .slideritem {
background:#FFFFFF;

}






/* Portfolio Component */




#manifolio  #p-container .p-categories-item {
	border:10px solid #C1C1C1;
}
#manifolio  #p-container .p-categories-item:hover {
	border:10px solid #DDDDDD;
}

#manifolio  #p-container .p-categories-detail {
	background:#FFFFFF;
	
}

#manifolio  #p-container .p-categories-title {
	border-bottom:1px solid #C1C1C1;
	color:#666666;
}
#manifolio  #p-container .p-categories-title a {
	color:#666666;
}

#manifolio  #p-container .p-categories-footer {

}
#manifolio  #p-container .p-category-title, .p-title {
	color:#0099CC;
}


#manifolio  #p-container .pbox-in {
	border:10px solid #C1C1C1;
	
}
#manifolio  #p-container .pdetails {
	border-left:10px solid #C1C1C1;
	background:#FFFFFF;
	color:#666666;
}

#manifolio  #p-container .pdetails-in div.p-item-title {
	
	color:#666666;
	
	border-bottom:1px solid #C1C1C1;

}
#manifolio  #p-container .pdetails-in div.p-item-title a {
	
	color:#666666;
	
}
#manifolio  #p-container .pdetails-in div.p-item-title em {
	
	color:#999999;
}
#manifolio  #p-container .pdetails-in span {
	
	color:#666666;
}

#manifolio  #p-container .pdetails-in a {
	color:#666666;
}
#manifolio  #p-container .p-item-visit a, #manifolio  #p-container .p-item-detail a {
	background: transparent url(../images/arrow_style4.gif) no-repeat left center;
	
	color:#666666;
}
#manifolio  #p-container .p-item-visit a:hover, #manifolio  #p-container .p-item-detail a:hover {
	color:#FFFFFF;
}

#manifolio  #p-container #p-detailpage div.pbox-in {
	border:10px solid #C1C1C1;
	
}
#manifolio  #p-container #p-detailpage div.pdetails {
	
	background:#FFFFFF;
	border:10px solid #C1C1C1;
	color:#666666;

}

#manifolio  #p-container #p-detailpage .pdetails-bottom {
	
	background:#FFFFFF;
	
}



/* Portfolio COmponent Simple Slide */

#manifolio  #p-container .nextBtn a {
	background:url(../images/btn_next_style4.png) no-repeat 0 0;
}
#manifolio  #p-container .prevBtn a {
	background:url(../images/btn_prev_style4.png) no-repeat 0 0;
}
#manifolio  #p-container .nextBtn a:hover {
	background:url(../images/btn_next_hover_style4.png) no-repeat 0 0;
}
#manifolio  #p-container .prevBtn a:hover {
	background:url(../images/btn_prev_hover_style4.png) no-repeat 0 0;
}
#manifolio  #p-container .slideritem {
	background:#FFFFFF;
}
    Buendnis Music Productions Mixing, Mastering, Recording, Audio Restaurierung, Auftragskomposition.
    Zitieren Zitieren
  3. 04.11.2010 15:38 #3
    Plopo23
    Plopo23 ist offline
    Verbringt hier viel Zeit
    Registriert seit
    18.08.2010
    Ort
    Hier könnte ihre Werbung stehen
    Beiträge
    760
    Bedankte sich
    11
    Erhielt 217 Danksagungen
    in 210 Beiträgen

    Standard

    Erstelle doch einen Neuen Style

    Code:
    #content img, #content p, #content h1 {
filter:alpha(opacity=100); /* IE */
opacity:1; /* allgemein */
-moz-opacity:100; /* Mozilla */
-khtml-opacity:1; /* KTHML */
-opera-opacity:1; /* Opera */
}
    -moz-opacity:100 ka was da 100% sind ;P
    Geändert von Plopo23 (04.11.2010 um 15:55 Uhr)
    Freundliche Grüße Michael

    Der "Danke" Button sieht nicht nur schön aus, er ist auch zum anklicken da.
    FAQ Joomla 1.5 | J! 1.5 Extensions | Template erstellen Tutorial
    Zitieren Zitieren

  4. Erhielt Danksagungen von:

    brownrecordz
  5. 05.11.2010 07:52 #4
    brownrecordz
    brownrecordz ist offline
    Neu an Board Avatar von brownrecordz
    Registriert seit
    25.06.2008
    Ort
    Bielefeld
    Beiträge
    69
    Bedankte sich
    21
    Erhielt 4 Danksagungen
    in 4 Beiträgen
    brownrecordz eine Nachricht über Yahoo! schicken

    Standard

    Super danke, klappt wunderbar!
    Buendnis Music Productions Mixing, Mastering, Recording, Audio Restaurierung, Auftragskomposition.
    Zitieren Zitieren
+ Antworten
« Vorheriges Thema | Nächstes Thema »

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein

Foren-Regeln