Joomla Templates Club 406,261 posts

[mhuynh1188 Friend mhuynh1188Join date: December 2007Posts: 15Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#137121

Hi !

I want to use the banner space to display a module. ie: Polls or VirtueMart Shopping cart.

Is it possible to style the module and have it displayed like the default torn ‘paper’ type design in the Ja_Highslide and the main Menu ?

If so, could you let me know how to do it.. ?

Thanks to all in advance…

🙂

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#286526

Dear mhuynh1188 !

It is posible , you can do it following some steps below :
1. Go to admin >> component >> banner component >> create some banner
2. Go to extensions >> module manager >> create banner module then assign it to “right” postion, and make sure that it is enabled ,

1 user says Thank You to Sherlock for this useful post

1. mhuynh1188

[mhuynh1188 Friend mhuynh1188Join date: December 2007Posts: 15Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#286546

Sorry, maybe I should rephrase the question to make it more clearer. I didn’t mean to ask how to create a banner, sorry.

I have already assigned a module in the banner position – the polls (voting).
I want the Polls module to have the same styling as the torn ‘Paper’ look which sits in that right hand banner position. The same torn paper look as the main body menu and the highslide. Is this possible ?

Thanks for the quick response though.

And Thanks again.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#286569

Positions are assigned ‘position styles’ in the templates index.php. You usually have either raw, xhtml, or rounded as the style. Each style means the module is constructed in a different way and you can make your own of course too.

This would be a typical position in your index.php…


<jdoc:include type="modules" name="banner" style="raw" />

Change the ‘raw’ to xhtml or rounded to change the style of the position. Note: This will not always have the desired effect and can make positions look very messy sometimes.

1 user says Thank You to scotty for this useful post

1. mhuynh1188

[mhuynh1188 Friend mhuynh1188Join date: December 2007Posts: 15Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#286584

Thanks for your response Scotty.

I’ve tried to change the style to “xhtml” and “rounded” from “raw” it seemed to make no difference really.

With “xhtml” it added an additional line below the Title of the module and that was about it.

It didn’t get styled to the torn paper like the template.

Is this something that the module class suffix is supposed to do ? or am I doing something wrong ?

[mhuynh1188 Friend mhuynh1188Join date: December 2007Posts: 15Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#286727

I’ve had a closer look into the module class suffix – I think that is where I am supposed to re-write up a new section in template.css

I’ve found a few tutorials about how to modify the existing joomla tables –

ie: table.moduletable_mymodulestyle th {

I’m having some troubles getting it to work correctly. In line approx 518 -559 that is where the torn paper css is applied to the mainbody.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#286767

mhuynh1188;106421I’ve found a few tutorials about how to modify the existing joomla tables –

ie: table.moduletable_mymodulestyle th {

Tables? Are you using Joomla 1.0? If so then my styling info earlier is not relevant here.

[mhuynh1188 Friend mhuynh1188Join date: December 2007Posts: 15Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#286773

I’m using joomla 1.5.8 i think. But definately the 1.5.x version.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#286797

Ok I’ve had a closer look at zinc and it seems the modules are not really styled but rather the module positions.

I’ll post later tonight with what you are want.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#286819

Ok open Zinc’s index.php and find…
[PHP]<?php if ($this->countModules(‘banner’)) { ?>
<div id=”ja-banner”>
<jdoc:include type=”modules” name=”banner” style=”raw” />
</div>
<?php } ?>[/PHP]
and change to…
[PHP]<?php if ($this->countModules(‘banner’)) { ?>
<div id=”ja-col2″>
<jdoc:include type=”modules” name=”banner” style=”xhtml” />
</div>
<?php } ?>[/PHP]

1 user says Thank You to scotty for this useful post

1. mhuynh1188

[mhuynh1188 Friend mhuynh1188Join date: December 2007Posts: 15Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#287015

You the best mate !

That looks awesome…. Would you know how to apply that torn paper edge to the module ?

[mhuynh1188 Friend mhuynh1188Join date: December 2007Posts: 15Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#287235

Do I have to add the image tag-jpegs in the index.php in the zinc template to make it wrap properly ?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#287589

Dear mhuynh1188 !

no , it is created by css code , you can send me a screenshot with comment to point where is “torn paper” edge ? i will help you solve it.

1 user says Thank You to Sherlock for this useful post

1. mhuynh1188

[mhuynh1188 Friend mhuynh1188Join date: December 2007Posts: 15Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#287632

Thanks for your help Hainn84. Attached is an image of what I would like to acheive – so I can use it to display the voting there and as well as a virtuemart checkout cart.

[mhuynh1188 Friend mhuynh1188Join date: December 2007Posts: 15Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#288426

Hainn84 – How did you go with finding a solution for fixing the banner module area to display like that above image ?

[Author]

Posts