Shape 5

Joomla Templates => Clarity - Club => : ccook249 February 24, 2010, 12:31:13 PM



: Site Shaper Our Media Example
: ccook249 February 24, 2010, 12:31:13 PM
Hi, I can't figure out how site shaper configures the grey boxes inside the right module titled Our Media. I know they are images placed inside the Image folder, for example mod1back and mod2back, but is that it, it's just images?  I would like to use these blocks with some slight modification to the colors, but I can't figure out even how to  load them using my JCE Media Manager.

Thanks


: Re: Site Shaper Our Media Example
: jonahh February 24, 2010, 04:04:37 PM
Hello,

We just created some custom HTML for these boxes.  You can try going into your HTML mode and pasting in the below and using an editor may strip them out so if this happens just temp disable it.


:
<div style="background: transparent url(/demo/clarity/images/mod1back.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 255px; height: 62px; margin-bottom: 10px;">
<div style="margin-left: 92px; padding-top: 4px; width: 157px;">
<strong>Consectetur adipiscing</strong><br/>
<span style="font-size: 11px;">Nunc blandit risus vel felis rutrum vehicula.</span>
</div>
</div>

<div style="background: transparent url(/demo/clarity/images/mod2back.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 255px; height: 62px; margin-bottom: 10px;">
<div style="margin-left: 92px; padding-top: 4px; width: 157px;">
<strong>Vivamus augue massa</strong><br/>
<span style="font-size: 11px;">Nunc blandit risus vel felis rutrum vehicula.</span>
</div>
</div>

<div style="background: transparent url(/demo/clarity/images/mod1back.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 255px; height: 62px; margin-bottom: 10px;">
<div style="margin-left: 92px; padding-top: 4px; width: 157px;">
<strong>Aenean sed nibh</strong><br/>
<span style="font-size: 11px;">Nunc blandit risus vel felis rutrum vehicula.</span>
</div>
</div>


<div style="background: transparent url(/demo/clarity/images/mod2back.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 255px; height: 62px;">
<div style="margin-left: 92px; padding-top: 4px; width: 157px;">
<strong>Vivamus augue massa</strong><br/>
<span style="font-size: 11px;">Nunc blandit risus vel felis rutrum vehicula.</span>
</div>
</div>