joomal布局上的小技巧 原
我们常常在用joomal模板建站的时候通常会遇到一个问题,那就是该模板没有一个位置适合我想要实现的部分效果。如果说该模板大部分的位置都不太适合你所要实现的目标效果,那么你可以考虑换一个模板,找一个大概接近和你目标效果差不多的,如果能找到完全符合的那是最好不过的了,不过我相信这样的概率是很小的。那么我们拿到一个模板要如何解决上述的问题呢?
其实很简单,解决方法就是给该模板添加位置。那么如何添加呢?
在模板下找到index.php文件并打开,找到你想要添加位置的地方,然后复制粘贴一个位置的代码放入,再把其位置名字改了,那么这个位置就有了。最后还需在模板下找到templateDetails.xml文件这是说明模板的位置文件,再添加一句
<position>xxxx</position>这个位置就算建立好了。位置有了,有人说了,这个位置它的一个宽度不是我想要的,知识想要一半宽或者全屏宽,那怎么办呢?那么就要再改改该位置的样式了。还有一个比较方便快捷的方法,那就是引入bootstrap.min.css文件,对写样式来说可是极好,设置全局 CSS 样式;基本的 HTML 元素均可以通过 class 设置样式并得到增强效果;还有先进的栅格系统。更多了解请前往http://v3.bootcss.com/css/ 下面一段是一个位置的代码
<div class="row"> <div class="container"> <?php if( $this->countModules('zmax-z') )://<-- zmax-z ?> <div class="col-md-12 no12 animation fadeInDown animation-visible" data-animation="fadeInDown"> <jdoc:include type="modules" name="zmax-z" style="heading" /> </div> <?php endif;//zmax-z --> ?> </div> </div>
版权声明:本站内容源自互联网,如有内容侵犯了你的权益,请联系删除相关内容。