如何在介绍文本之外提取Joomla介绍图像，以便它显示在特色页面的标题和其他信息的左侧 - How do I extract Joomla intro image outside intro text in order for it to show on the left of title and other info in featured page?

How do I extract Joomla intro image outside intro text in order for it to show on the left of title and other info in featured page?

我正在尝试为Joomla上的特色文章页面实现自定义布局，以便使用我在Photoshop上制作的自定义设计制作一个漂亮的博客布局。

这就是我想要实现的外观：http://i48.tinypic.com/2ztbx54.png

这是我此刻的样子：http://i49.tinypic.com/1ibn5w.png

布局的其余部分不会有问题，因为它很容易修改，但是，我现在卡住的问题是介绍图像。我希望它位于文章标题的左侧，一些信息和介绍文本，如第一张图片所示。

是否可以从介绍文本中提取图像以将其放置在需要的位置？

帮助将不胜感激，谢谢！

首先，我的评论只是一个笑话。

现在，对于问题：您的图像位于div item column-1中，而它应该位于div 上方的div 中（item column-1的容器），这是items-row cols-1 row-0 .

所以这个：

<img src="/images/Articles/macbookpro-review-01-top.jpg" width="200" height="200" alt="macbookpro-review-01-top" style="float: left;">

不能进去<div class="items-row cols-1 row-0">或<dl class="article-info">这就是你目前正在做的事情。

它需要坐在外部div 中。所以它应该在<div class="items-row cols-1 row-0">.所以像这样：

<div class="items-row cols-1 row-0">
  <img src="/images/Articles/macbookpro-review-01-top.jpg" width="200" height="200" alt="macbookpro-review-01-top" style="float: left;">
//...and the rest of your stuff

在您的 css 文件中添加以下代码以帮助您入门：

.article-info {
    float:right;
}
h2 { 
    text-align: right; 
}
.item.column-1 img {
    margin-top: -50px;
}
.article-info-term { 
    padding-left: 40px; 
}

另外，带走您添加到图像中的margin: 0px;。

结果如下：

http://i735.photobucket.com/albums/ww355/lodder16/stack_image.png

希望这有帮助