17 Nov
Hi Rob,
I have been using the smooth sailing template that I purchased for a site and have a question about the ddblock again.
I have been trying to add in the css styles to create an additional pager style for the ddblock.
I wanted to style the ddblock to have a pager like the stingray template or diver template.
Is there an easy way to do this? Can I do some copying and pasting? With simple changes?
I own the diver & stingray templates. Would it be ok to use the stingray template for the ddblock in the smooth template?
All I want to do is have a pager for the ddblock that uses images instead of prev/next.
Any way you could point me in the right direction?
Thanks rob!
18 Nov
#1
It should be possible to use the Stingray theme for the DDblock in Smooth Sailing, although you would have to tweak some CSS after the fact so it'd doesn't clash too badly.
To use the Stingray ddblock theme (this same method would work for Diver's too), you'd have to first copy the contents of the folder "stingray/custom/modules/ddblock" into "smooth/custom/modules/ddblock"
Then you'd go to Administer > Site Configuration > DDblock, click to configure the block and change a couple things:
First you'd change the Custom template field from 'smooth' to 'stingray'. Then you'd have to go down to the Pager settings and select 'custom pager' instead of Prev/Next. After that you'd select the pager position to Top/Bottom.
It would also be a good idea to go into Smooth's style1.css (or style2, style3 etc.) and remove the ddblock styling that exists there. It starts on line 1211.
The width of the tab block that exists beside the ddblock in Smooth Sailing is set to work with the ddblock's width set at 680px. Because Stingray ddblock theme is narrower, you'd have to make adjustments to the following code on line 297:
#tab-block {
font-size: 1.0em;
float: right;
margin-left: -680px;
width: 100%;
}
#tab-block-squeeze {
margin-left: 680px;
}
The Stingray ddblock theme is 450px wide instead of 680px, and you'd want to change -680px to -450px and 680px to 450px so that you're not left with a huge gap between the blocks. The negative margins get a bit confusing, but it was done to allow the width of the entire theme to be dynamically resized in the theme settings.
So hopefully this makes sense. If you want to adjust the colors or styles of the Stingray block after the fact, they'd be located in smooth/custom/modules/ddblock/stingray/ddblock-cycle-stingray.css.
