I want to please know how to place individual 'articles' into individual CSS 'div's...??
我想知道如何将个别'文章'放入单独的CSS'div'中?
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...
基本上我的设计将我的网页分成4个不同的列。我希望能够在每个列中放置单独的文章...
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..
目前,Joomla会将每篇文章直接放在彼此之下,例如在模板的“右侧”部分,而不允许我在文章之间插入任何“div”。
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... ???
所以也许我问的是如何在我的模板中添加更多部分..我用的意思是Eg。 '横幅''左''右''页脚''免责声明'等... ???
3 个解决方案
#1
0
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:
您也可以使用模块来完成。编辑模板index.php文件,并使用相应的float插入所需的div:
<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.
左侧和右侧id在模板css文件中设置浮点数等。
Next is to include the positions into templateDetails.xml to the right place, like this:
接下来是将templateDetails.xml中的位置包含在正确的位置,如下所示:
<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.
现在,您可以使用文本/内容创建模块(自定义HTML模块),并将创建的模块放置在右侧或左侧位置名称中。
#2
0
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).
Joomla模板使用CSS作为样式工具。要在模板中添加新部分,您必须更改级联样式表(* .css文件)。
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.
将您的主要内容拆分为四个部分需要一些CSS魔术,您应该阅读框模型,浮动属性和这个广泛的教程。
One way of doing it using CSS is
使用CSS的一种方法是
You can also do it with tables of course, just declare four columns.
您当然也可以使用表格,只需声明四列。
#3
0
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.
您需要一个简单的模板覆盖。假设您要列出博客样式类别,请复制/public_html/components/com_content/views/category/tmpl/blog_item.php并将其放在/ templates / your template / html / com_content / category / blog_item.php中。根据自己的喜好编辑该文件然后相应地设置样式。如果您没有使用博客类别列表,只需在com_content views文件夹中找到相应的模板文件并使用它。
Read this - http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
阅读本文 - 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.
一旦你了解了覆盖是如何工作的,它将改变你使用Joomla的方式。
#1
0
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:
您也可以使用模块来完成。编辑模板index.php文件,并使用相应的float插入所需的div:
<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.
左侧和右侧id在模板css文件中设置浮点数等。
Next is to include the positions into templateDetails.xml to the right place, like this:
接下来是将templateDetails.xml中的位置包含在正确的位置,如下所示:
<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.
现在,您可以使用文本/内容创建模块(自定义HTML模块),并将创建的模块放置在右侧或左侧位置名称中。
#2
0
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).
Joomla模板使用CSS作为样式工具。要在模板中添加新部分,您必须更改级联样式表(* .css文件)。
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.
将您的主要内容拆分为四个部分需要一些CSS魔术,您应该阅读框模型,浮动属性和这个广泛的教程。
One way of doing it using CSS is
使用CSS的一种方法是
You can also do it with tables of course, just declare four columns.
您当然也可以使用表格,只需声明四列。
#3
0
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.
您需要一个简单的模板覆盖。假设您要列出博客样式类别,请复制/public_html/components/com_content/views/category/tmpl/blog_item.php并将其放在/ templates / your template / html / com_content / category / blog_item.php中。根据自己的喜好编辑该文件然后相应地设置样式。如果您没有使用博客类别列表,只需在com_content views文件夹中找到相应的模板文件并使用它。
Read this - http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
阅读本文 - 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.
一旦你了解了覆盖是如何工作的,它将改变你使用Joomla的方式。