[Vyřešeno] Průhlednost pozadí stránky

jerykbrony · 2013-08-07 12:49:15

Zdravím, potřeboval bych s něčím pomoct. Jak mám prosím Vás dosáhnout průhlednosti pozadí příspěvku ?

Mám tenhle web:
http://www.jerykbronik.9e.cz/

A rád bych dosáhl vzhledu podobného jako zde:
http://www.craftuj.cz/

Že jde vidět pouze pozadí celé stránky, a jen pozadí příspěvků, a postranních panelů je zprůhledněné. Díky moc.

Upravil jerykbrony (2013-08-12 21:19:37)

Trade · 2013-08-07 13:07:37

Ve style.css si najděte

#contentPrin{
margin:auto;
width:1098px;
height:100%;
background:#f3f3f4 !important;
box-shadow: 0px 0px 5px rgba(0,0,0, 0.5);
border-left:1px #fff solid;
border-right:1px #fff solid;

}

a změňte na

#contentPrin{
margin:auto;
width:1098px;
height:100%;
background:#f3f3f4 transparent;
box-shadow: 0px 0px 5px rgba(0,0,0, 0.5);
border-left:1px #fff solid;
border-right:1px #fff solid;

}

.

Potom si u widgetu

.widgetSidebar{
background: url(images/bgMenuStone.png) center repeat;
width:270px;
margin: 0 0 0 5px;
-moz-box-shadow: 0px 1px 4px #000;
-webkit-box-shadow: 0px 1px 4px #000;
box-shadow: 0px 1px 4px #000;
padding: 0 0 10px 0;
border-bottom:3px solid rgba(0, 0, 0, 0.4);
}

musíte změnit průhlednost

.widgetSidebar{
background:#f3f3f4 transparent;
width:270px;
margin: 0 0 0 5px;
-moz-box-shadow: 0px 1px 4px #000;
-webkit-box-shadow: 0px 1px 4px #000;
box-shadow: 0px 1px 4px #000;
padding: 0 0 10px 0;
border-bottom:3px solid rgba(0, 0, 0, 0.4);
}

.

U příspěvků

/*Blog */
.postBlog{
width:800px;
height:100%;
background:#efefef;
border:#FFF 1px solid;
-moz-box-shadow: 0px 1px 3px #000, 0 0 20px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0px 1px 3px #000, 0 0 20px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0px 1px 3px #000, 0 0 20px rgba(0, 0, 0, 0.5) inset;
margin: 10px 0 30px 0;
padding:0;
}

na

/*Blog */
.postBlog{
width:800px;
height:100%;
background:#efefef transparent;;
border:#FFF 1px solid;
-moz-box-shadow: 0px 1px 3px #000, 0 0 20px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0px 1px 3px #000, 0 0 20px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0px 1px 3px #000, 0 0 20px rgba(0, 0, 0, 0.5) inset;
margin: 10px 0 30px 0;
padding:0;
}

.

jerykbrony · 2013-08-07 13:28:45

Díky, mám to, smazal jsem i ten rámeček.

A s tím pozadím příspěvku jde udělat taky něco podobného ? Ale aby to nebylo úplně pruhledné, nevím jak bych to popsal, jako když v grafických programech snižujete Opacity.

Trade · 2013-08-07 13:30:08

Výše máte návod na widget, příspěvky a pozadí průhledné.

Destroyer · 2013-08-07 13:40:56

pokud nechcete plnou průhlednost převedte tu barvu na rgba
např.

/*Blog */
.postBlog{
width:800px;
height:100%;
background: rgba(239, 239, 239, 0.7);
border:#FFF 1px solid;
-moz-box-shadow: 0px 1px 3px #000, 0 0 20px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0px 1px 3px #000, 0 0 20px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0px 1px 3px #000, 0 0 20px rgba(0, 0, 0, 0.5) inset;
margin: 10px 0 30px 0;
padding:0;
}

pozn.: nefunguje v IE8 a nižší

#1 2013-08-07 12:49:15

[Vyřešeno] Průhlednost pozadí stránky

#2 2013-08-07 13:07:37

Re: [Vyřešeno] Průhlednost pozadí stránky

#3 2013-08-07 13:28:45

Re: [Vyřešeno] Průhlednost pozadí stránky

#4 2013-08-07 13:30:08

Re: [Vyřešeno] Průhlednost pozadí stránky

#5 2013-08-07 13:40:56

Re: [Vyřešeno] Průhlednost pozadí stránky

Zápatí