如何将单独的文章放入单独的 div 中

发布于 2024-10-19 23:53:58 字数 232 浏览 2 评论 0原文

我想知道如何将单独的“文章”放入单独的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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

或十年 2024-10-26 23:53:59

Joomla 模板使用 CSS 作为样式工具。
为了向模板添加新部分,您必须更改级联样式表(*.css 文件)。

将主要内容分成四个部分需要一些 CSS 魔法,您应该阅读 盒模型float 属性和 这个内容丰富的教程。

使用 CSS 实现此目的的一种方法是

CSS four columns

当然,您也可以使用表格来实现,只需声明四列即可。

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

CSS four columns

You can also do it with tables of course, just declare four columns.

霓裳挽歌倾城醉 2024-10-26 23:53:59

您需要一个简单的模板覆盖。假设您要列出博客样式类别,则复制 /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.

⊕婉儿 2024-10-26 23:53:58

您也可以使用模块来完成此操作。
编辑你的模板index.php文件,并在你想要的位置插入div和相应的浮动:

<div id="left">
    <jdoc:include type="modules" name="left" style="" />
</div>

<div id="right">
    <jdoc:include type="modules" name="right" style="" />
</div>

其中左侧和右侧的id在模板css文件中设置浮动等。

接下来是将位置包含到templateDetails中。 现在,您可以使用文本

<position>left</position>
<position>right</position>

/内容创建模块(自定义 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:

<div id="left">
    <jdoc:include type="modules" name="left" style="" />
</div>

<div id="right">
    <jdoc:include type="modules" name="right" style="" />
</div>

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:

<position>left</position>
<position>right</position>

Now you can create modules (Custom HTML modules) with the text/content, and position the created modules into the right or left position name.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文