Joomla Templates Club 406,261 posts

[juroci Friend jurociJoin date: December 2011Posts: 28Downloads:29Uploads:5 Thanks: 5]

#173532

How to duplicate module left-banner by putting another image and maintaining the original image and original module.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#436889

Hi

Could you be more clear ? maybe with a screen shot of what you are trying to achive ?

Thanks

[juroci Friend jurociJoin date: December 2011Posts: 28Downloads:29Uploads:5 Thanks: 5]

#436890

Hi,i need to put two leftbanner each with its own image and i want to be aligned vertically in the picture are not aligned because it is not created the image below with the format leftbanner thank you.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#436897

Hi

The left banner module is stylized using a css class

a.left-banner {
background: url(../images/left-banner.png) no-repeat left top;
width: 220px;
height: 447px;
overflow: hidden;
text-indent: -999em;
display: block;
margin-left: -40px;
margin-top: -40px;
margin-right: 20px;
}

a.left-banner:hover,
a.left-banner:focus,
a.left-banner:active { text-decoration: none; }

and with a custom-html module with this code inside

<p><a class="left-banner" href="#" title="Banner"> </a></p>

So to obtain what you need you can create a new class( left-bannercopy ) in this file templatesja_bistrocsstemplate.css

a.left-bannercopy {
background: url(../images/yournewimage.png) no-repeat left top;
width: 220px;
height: 447px;
overflow: hidden;
text-indent: -999em;
display: block;
margin-left: -40px;
margin-top: -40px;
margin-right: 20px;
}

a.left-bannercopy:hover,
a.left-bannercopy:focus,
a.left-bannercopy:active { text-decoration: none; }

Then in your custom-html module left-banner you can add your new code

<p><a class="left-banner" href="#" title="Banner"> </a></p>
<p><a class="left-bannercopy" href="#" title="Banner"> </a></p>

1 user says Thank You to pavit for this useful post

1. juroci

[juroci Friend jurociJoin date: December 2011Posts: 28Downloads:29Uploads:5 Thanks: 5]

#436900

Thank you, i am going to try the code that have made me.

[juroci Friend jurociJoin date: December 2011Posts: 28Downloads:29Uploads:5 Thanks: 5]

#437117

Fixed, it works well and I thank you, above all the quick.

[Author]

Posts