11
Peekay
Re: Peekays Tab Hack for Content 0.5
  • 2007/1/28 13:02

  • Peekay

  • XOOPS is my life!

  • Posts: 2335

  • Since: 2004/11/20


Hi domineaux.

There are a lot of postings in the Content module comments. (so many in fact it breaks the page). I think a lot are regarding the newer development where the dev is trying to incorporate a permissions system.

Content 0.5 installs just fine for me and works right out of the box, but I am using XOOPS 2.0.13.2. It may not work at all with a later version of XOOPS or PHP 5 or MySQL 5.

As far as the hack is concerned, simply replace 'index.php' and the template 'ct_index.html' as explained in my post #1.

If you want to try tabbed blocks, use the procedure in post #3, but use the amended code from post #6 to create the PHP file.
A thread is for life. Not just for Christmas.

12
domineaux
Re: Peekays Tab Hack for Content 0.5
  • 2007/1/28 15:38

  • domineaux

  • Quite a regular

  • Posts: 389

  • Since: 2002/9/29


Quote:

Peekay wrote:
Hi domineaux.

There are a lot of postings in the Content module comments. (so many in fact it breaks the page). I think a lot are regarding the newer development where the dev is trying to incorporate a permissions system.

Content 0.5 installs just fine for me and works right out of the box, but I am using XOOPS 2.0.13.2. It may not work at all with a later version of XOOPS or PHP 5 or MySQL 5.

As far as the hack is concerned, simply replace 'index.php' and the template 'ct_index.html' as explained in my post #1.

If you want to try tabbed blocks, use the procedure in post #3, but use the amended code from post #6 to create the PHP file.


I'm on the latest XOOPS 2.0.X. The module appears to be working, but I'm not having much luck with the tabbed content. I think I'll take this project on next week.

Thanks for your response

13
Peekay
Re: Peekays Tab Hack for Content 0.5
  • 2007/1/28 19:04

  • Peekay

  • XOOPS is my life!

  • Posts: 2335

  • Since: 2004/11/20


Don't forget that in XOOPS you need to update the module after replacing a template file. Otherwise the original template will remain in the DB.
A thread is for life. Not just for Christmas.

14
Peekay
Re: Peekays Tab Hack for Content 0.5
  • 2007/1/28 22:36

  • Peekay

  • XOOPS is my life!

  • Posts: 2335

  • Since: 2004/11/20


If you use Content 0.6, I have posted a small bug-fix connected with page titles in this post
A thread is for life. Not just for Christmas.

15
Peekay
Re: Peekays Tab Hack for Content 0.5
  • 2007/1/29 23:21

  • Peekay

  • XOOPS is my life!

  • Posts: 2335

  • Since: 2004/11/20


Pretty Tabs for Content 0.5/6 - Silver Grad

This is a modified version of my original no-image CSS tabs.

* It uses just one image (less than 1 KB).
* It uses an accessible, unordered list to create the tabs.
* It works for me in IE6 (PC), Firefox (PC, Mac, Linux) Safari (Mac).

Resized Image

To use the tabs:

1) Install the tab hack.
2) Right-click on the image below (ctrl-click on a Mac) and choose 'Save image to disc'. Save the image as 'tabs_silver_grad.gif'.

..... Resized Image

3) Upload 'tabs_silver_grad.gif' to your Xoops/uploads directory.
4) Replace the Content module's 'ct_index.html' template with the code below (make a backup first).
5) In XOOPS admin/system/modules UPDATE the Content module to load the new template into the DB.

<!-- Peekays Tab Hack Template Silver Grad -->

<!-- 
Upload tabs_silver_grad.gif to /uploads -->

<
style type="text/css">
#tabmenu {
color#000000;
border-bottom1px solid #666666;
margin12px 0px 0px 0px;
padding0px;
z-index1;
padding-left10px
}
#tabmenu li {
displayinline;
overflowhidden;
list-
style-typenone;
}
#tabmenu a, a.active {
color#000000;
background#ffffff url("<{$xoops_url}>/uploads/tabs_silver_grad.gif") repeat-x left top;
font-familyVerdanaArialsans-serif;
font-size11px;
font-weightbold;
line-height2.0;
border1px solid #666666;
margin0;
text-decorationnone;
}
/* For IE */
#tabmenu a, a.active { padding: 4px 5px 4px 5px;}
/* and for other browsers */
html>body #tabmenu a, a.active { padding: 4px 5px 5px 5px;}
#tabmenu a.active {
background#ffffff;
/* Border bottom same colour as active page */
border-bottom1px solid #ffffff;
}
#tabmenu a:hover {
color#000000;
background#ffffff url("<{$xoops_url}>/uploads/tabs_silver_grad.gif") repeat-x left top;
text-decorationunderline
}
#tabmenu a:visited {
color#000000;
}
#tabmenu a.active:hover {
backgroundtransparent;
color#000000;
}
#tabcontent {
font0.9em/1.3em verdanaarialsans-serif;
background#ffffff;
padding20px;
border1px solid #666666;
border-topnone;
z-index2;
}
#tabcontent a {
text-decorationnone;
}
#tabcontent a:hover {
backgroundtransparent;
}
</
style>

<!-- 
Start unordered list loop -->

<
ul id="tabmenu">
<{foreach 
item=tab from=$tabs}>

<
li><{if $tab.storyid == $id}><class="active" href="index.php?id=<{$tab.storyid}>"><{$tab.title}></a>
<{else}><{if 
$tab.storyid != $id}>
<
a href="index.php?id=<{$tab.storyid}>"><{$tab.title}></a><{/if}><{/if}></li>

<{/foreach}>
</
ul>

<!-- 
End item loop -->

<
div id="tabcontent">

     <{
$content}>

</
div>

<{if 
$xoops_isadmin == 1}>
<
div align="right"><a href="<{$xoops_url}>/modules/content/admin/index.php?op=submit&return=1&id=<{$id}>"><img 

src
="<{$xoops_url}>/modules/content/images/add.gif" alt="" border="0" 

align="absmiddle"></a>&nbsp;&nbsp;&nbsp;&nbsp;<

href
="<{$xoops_url}>/modules/content/admin/index.php?op=edit&id=<{$id}>&return=1"><img 

src
="<{$xoops_url}>/modules/content/images/edit.gif" alt="" border="0" align="absmiddle"></a></div>
         <{/if}>
     <
div class="printandemail">
                                        <
a href="print.php?id=<{$id}>" target="_new"><img 

src
="<{$xoops_url}>/modules/content/images/print.gif" alt="" width="16" height="16" border="0" 

align="absmiddle"></a>&nbsp;&nbsp;&nbsp;&nbsp;
                                        <
a href="<{$mail_link}>"><img 

src
="<{$xoops_url}>/modules/content/images/email.gif" alt="" width="16" height="10" border="0" 

align="absmiddle"></a></div>
         </
div>

<{if 
$nocomments == 0}>
<
br /><br />
<
div style="text-align: center; padding: 3px; margin: 3px;">
  <{
$commentsnav}>
  <{
$lang_notice}>
</
div>

<
div style="margin: 3px; padding: 3px;">
<!-- 
start comments loop -->
<{if 
$comment_mode == "flat"}>
  <{include 
file="db:system_comments_flat.html"}>
<{elseif 
$comment_mode == "thread"}>
  <{include 
file="db:system_comments_thread.html"}>
<{elseif 
$comment_mode == "nest"}>
  <{include 
file="db:system_comments_nest.html"}>
<{/if}>
<!-- 
end comments loop -->
</
div>
<{/if}>


You can obviously mess with the CSS and use whatever background image you want.
A thread is for life. Not just for Christmas.

Login

Who's Online

87 user(s) are online (67 user(s) are browsing Support Forums)


Members: 0


Guests: 87


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Jan 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits