Incadrare Categorii Ipb Cu Border Transparent?

[Sebastian C.]

Salut, cum pot incadra cateogriile ca in imaginea de mai jos. Backgrounul acela transparent care curpinde secondary_new si partea de la chat

 

 

Am vazut pe: http://www.blown.ro/forum/

[+Andrei D.]

<div class='ipsAd'><center><div class='ipsAd'><div id='category_message' class='category_block block_wrap'>       <div class='ipsBox table_wrap' style="cursor: help" title='(JW32) Message on Board Index 1.1.1'>   <div class='ipsBox_container' style='cursor:auto' title=' '>   <table class='ipb_table'>   <tr>   <td>   <br>   <table border="0" bordercolor="" style="background-color:#029029029" width="100%" cellpadding="3" cellspacing="5">   <tr>   <th><img src="http://indungi.ro/images/administratie.png" alt="Intreaba orice!" /> <b>Administratie generala</b></th>   <th><img src="http://indungi.ro/images/forum.png" alt="Asistena forum" /> <b>Asistenta forum comunitate</b></th>   <th><img src="http://indungi.ro/images/server.png" alt="Asistenta servere jocuri" /> <b>Asistenta tehnica servere jocuri</b></th>   <th><img src="http://indungi.ro/images/afiliat.png" alt="Afilieri servere" /> <b>Afilieri servere jocuri</b></th>   </tr>   <tr>   <td>Alynutz.Blown@yahoo.com</td>   <td>Alynutz.Blown@yahoo.com</td>   <td>c.geo99@yahoo.com</td>   <td>Alynutz.Blown@yahoo.com</td>   </tr>   <tr>   </tr>   </table>   </td>   </tr>   </table>   </div>   </div>       </div>   </br></center></div>

Edited October 12, 2014 by Courage
code

[Sebastian C.]

Am cerut background alb -> transparent care cuprinde tot , si in stapele acestuia se vede imaginea de background.

 

 

Cel incercuit cu negru.

[Denis™]

Uite-l http://i.imgur.com/AEmmCUH.png

Revin cu reply unde sa-l pui

[Sebastian C.]

Nu vreau background , stiu si eu cum sa pun asta . Deasupra acelui background este un box ca sa zic asa care este blurat eu pe acela il vreau .

[gadeas]

A spus bine Denis.. Ce vezi tu este un background gata blurat. Adica acel din spate, dar adaugat blur peste in photoshop si folosit.

Cum e folosit? Simplu, este adaugat in:

#content

Urmatoru rand:

background: #1f1f2c url('URL Spre background blurat') repeat-x 0 0;
background-attachment: fixed;

Si casa se incadreze cu backgroundu normal, trebuie sa ai la:

body

Urmatoru lucru:

background: #1a1a1f url("URL Spre background normal") repeat-x 0 0;
background-attachment: fixed;

[Kennzo]

În:

ipb_styless.css

Ai linia:

/* LAYOUT /*

Urmatã sub de liniile:

.wrapper {
și 
#content {

Deasupra liniei:

#content {

Adaugã linia aceasta:

.content{	
background: /* #191919 */ rgba(0,0,0,0.7);	
border-top: 1px solid #313131;
	-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;	
-moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;	
box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
}

Save! Despre aceea era vorba?! ..

[Sebastian C.]

Da , multumesc !

[gadeas]

Tare curios is cum best answeru ala are vro logica cu intrebarea din start. Cum codu lu kennzo face ca acest background din spate:

 

Sa devina asa blurat ( acela din content ), adica cum e facut pe blown:

 

Tu ai intrebat clar despre background si incercuit backgroundu blurat in poza de mai sus, nicidecum bordura exterioara. De la una ai ajuns la alta. 

Ma bucur totusi ca ti s-a dat solutia la ce cautai, dar de la ce intrebai ai ajuns la altceva.

[Kennzo]

Ba da gadeas la asta se refera dacã te uiți atent la printul lui se vedea background-ul acela

[gadeas]

Da corect, se vede backgroundu acela blurat, care si el a spus mai sus, incat aproape l-a certat sau batut pe Denis pentru ca aia stie si el sa faca:

Deasupra acelui background este un box ca sa zic asa care este blurat eu pe acela il vreau .

Dar codu tau sti ce face? Adauga doar bordura pe exterior si un shadow care ii da efect. Bluru pe imagine, tot nu apare. A spus clar ca vrea bluru.

 

La asta nu gasesc eu legatura cu intrebarea initiala si raspunsu de mai sus pentru denis fata de "best answer".

[Kennzo]

Hai sã nu mai facem atâta tam tam! S-a aflat rãspunsul!

[Sebastian C.]

De la inceput am vrut acea bordura care incadreaza categoriile . Dupa codul oferit de Kennzo am cautat la ei in css si am gasit codul care imi trebuia.