Forum
http://www.phpbbmods.it/forum/guidevari ... -t793.html
Come ben sapete una pecca molto fastidiosa di questo stile è che se si va ad inserire un immagine o a cambiare il colore di sondo la situazione che ci si presenterà sarà la seguente:
Sfruttando alcune proprietà css3 e modificando il codice html dello stile è possibile risolvere questo problema.
Per prima cosa andiamo ad eliminare il wrap originale del nostro stile.
apriamo:
styles/prosilver_se/template/overall_header.html
troviamo e cancelliamo:
Codice: Seleziona tutto
<div class="border-left">
<div class="border-right">
<div class="border-top">
<div class="border-top-left">
<div class="border-top-right">
<div class="inside" style="direction: {S_CONTENT_DIRECTION};">styles/prosilver_se/template/overall_footer.html
troviamo e cancelliamo:
Codice: Seleziona tutto
<div class="border-bottom"><span><span></span></span></div>
</div></div></div></div></div>
</div>Ora che ci siamo sbarazzati dello sfondo originale del nostro wrap è arrivato il momento di ricostruirlo.
Per prima cosa scarichiamo e carichiamo in styles/prosilver_se /theme/images
questa immagine:
Ora apriamo styles/prosilver_se/theme/common.css
troviamo:
Codice: Seleziona tutto
#wrap {
padding: 0 20px;
min-width: 650px;
width: 900px;
margin: 0 auto;
}Codice: Seleziona tutto
/*css3 prosilver SE wrap by slash for bbcodeitalia*/
#wrap {
padding: 20px;
min-width: 650px;
width: 900px;
margin: 0 auto;
/*sfumatura*/
background: url("{T_THEME_PATH}/images/bg-wrap.png") #FFFFFF repeat-x top center;
/*bordo bianco*/
border: 2px solid #FFFFFF;
/*angoli arrotondati*/
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}Ecco il risultato Finale:
come potete vedere il risultato è praticamente identico all originale con l unica differenza che finalmente i nostri angoli sono diventati trasparenti.
per fortuna ce prosilver :)