站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
Joomla/表格式模板列宽度自动扩展的实现
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
{{Joomla top}} 使用 [[Joomla!]] 的建站的用户,谁不想拥有漂亮的模板呢?但是免费的模板往往难以满足站长的全部要求。所以,我们不妨“自力更生,丰衣足食”—— 自己做模板! 虽然说 Joomla! 的模板用<nowiki><div></nowiki>来做是最合理的,不过这个技术对于新手来说有一定难度。因此,向新手推荐使用表格,即<nowiki><table></nowiki>来制作模板。 不过,已经发现了一个问题:用表格制作的模板,其列宽度无法自动扩展。 ==问题描述== 比如,我们在表格中建立一个行,把这一行又分三个列,分别代表left、mainbody和right。这是一般三栏式模板的设置。在前台阅读文章系统时,左侧栏显示主菜单、登陆表单等,正文区显示文章,右侧可以放置广告、友情链接、日历、投票等等。假设我们在网站中还建立了一个[[论坛]],当我们打开论坛页面时,我们希望左侧和右侧都消失,使得论坛占据整个屏幕宽度,这样看起来比较清楚。在后台,我们可以通过设置模块的显示位置来取消左右两栏各个模块在论坛页面的显示,但是,这时候论坛无法自动扩展,左右两栏虽然不显示任何内容,却留下空白区域占据一定宽度。 这就是我们今天要解决的问题。实际上解决方法很简单。 ==解决办法== 我们的目标是:让左右两栏能够自动判断该列是否有模块发布,如果没有内容,则自动隐藏,让 mainbody (即中间列)自动扩展占据整个[[网页]]宽度。 用 [[Notepad]]++ 开源记事本[[软件]] 或者 [[DreamWeaver]] 打开网站当前模板的 index.php 文件,找到左右两栏所在的单元格。切换到“代码”界面,代码一般是: <pre> <tr> <td><?php mosLoadModules ( 'left' ); ?></td> <td><?php mosMainBody(); ?></td> <td><?php mosLoadModules ( 'right' ); ?></td> </tr> </pre> 从上面代码可以看出,这一行中左、中、右三个单元格分别代表左侧栏、正文、右侧栏。把上述代码修改为: <pre> <tr> <?php if (mosCountModules('left')>0){?> <td><?php mosLoadModules ( 'left' ); ?></td><?php }?> <td><?php mosMainBody(); ?></td> <?php if (mosCountModules('right')>0){?> <td><?php mosLoadModules ( 'right' ); ?></td><?php }?> </tr> </pre> 利用一句[[php]]代码,我们给左右两栏添加了判断语句。如果左侧或者右侧没有模块发布,那么该列将自动隐藏,旁边的列则自动扩展。 ==参考来源== http://www.joomlagate.com/article/joomla10-tutorial/auto-strech-in-joomla-template-made-of-tables/ {{Joomla 1.0}} [[category:Joomla|B]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:Joomla 1.0
(
编辑
)
模板:Joomla top
(
编辑
)