如何将单独的文章放入单独的 div 中
我想知道如何将单独的“文章”放入单独的CSS“div”中...?
基本上,我的设计将我的网页分为 4 个不同的列。我希望能够在每一列中放置单独的文章...
目前,Joomla 会将每篇文章直接放在彼此的下面,例如在“模板的右侧部分,不允许我在文章之间插入任何“div”。
所以也许我要问的是如何向我的模板添加更多部分。我的意思是“部分” 例如。 “横幅”“左”“右”“页脚”“免责声明”等...???
I want to please know how to place individual 'articles' into individual CSS 'div's...??
Basically my design has my web page split into 4 different columns.. I want be able to place individual articles in each one of those columns...
At the moment, Joomla will place each article directly under each other, for instance in the 'right' section of the template, without allowing me to insert any 'div's between the articles..
So maybe what I'm asking is how to add more sections to my template.. By sections i mean
Eg. 'Banner' 'left' 'right' 'footer' 'disclaimer' etc... ???
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
Joomla 模板使用 CSS 作为样式工具。
为了向模板添加新部分,您必须更改级联样式表(*.css 文件)。
将主要内容分成四个部分需要一些 CSS 魔法,您应该阅读 盒模型、float 属性和 这个内容丰富的教程。
使用 CSS 实现此目的的一种方法是
当然,您也可以使用表格来实现,只需声明四列即可。
Joomla templates use CSS as a styling tool.
In order to add new sections to your template you must change your Cascading Style Sheets (*.css files).
Splitting your main content into four sections requires a bit of CSS magic and you should read up on the box model, the float property and this extensive tutorial.
One way of doing it using CSS is
You can also do it with tables of course, just declare four columns.
您需要一个简单的模板覆盖。假设您要列出博客样式类别,则复制 /public_html/components/com_content/views/category/tmpl/blog_item.php 并将其放入 /templates/your template/html/com_content/category/blog_item.php 。根据您的喜好编辑该文件,然后设置相应的样式。如果您不使用博客类别列表,只需在 com_content 视图文件夹中找到相应的模板文件并使用它。
阅读此内容 - http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
了解如何覆盖后它将改变您使用 Joomla 的方式。
You need a simple template override. Assuming that you are listing a blog style category, then make a copy of /public_html/components/com_content/views/category/tmpl/blog_item.php and put it in /templates/your template/html/com_content/category/blog_item.php. Edit that file to your liking then style accordingly. If you are not using blog category listing, just find the corresponding template file in the com_content views folder and use that.
Read this - http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
Once you learn how overrides work it will change how you use Joomla.
您也可以使用模块来完成此操作。
编辑你的模板index.php文件,并在你想要的位置插入div和相应的浮动:
其中左侧和右侧的id在模板css文件中设置浮动等。
接下来是将位置包含到templateDetails中。 现在,您可以使用文本
/内容创建模块(自定义 HTML 模块),并将创建的模块放置到右侧或左侧位置名称中。
You can do it with modules as well.
Edit your template index.php file, and insert the divs where you want with the corresponding float:
Where the left,and the right ids are set in the template css file with the floats and etc.
Next is to include the positions into templateDetails.xml to the right place, like this:
Now you can create modules (Custom HTML modules) with the text/content, and position the created modules into the right or left position name.