0

Photoshopで作成したカスタムデザインで素敵なブログレイアウトを作成するために、Joomlaの注目記事ページのカスタムレイアウトを実現しようとしています。

これは私が達成しようとしている外観です：http：//i48.tinypic.com/2ztbx54.png

これは私が現在得ている外観です：http：//i49.tinypic.com/1ibn5w.png

レイアウトの残りの部分は非常に簡単に変更できるので問題にはなりませんが、現時点で私が立ち往生している問題はイントロ画像です。最初の画像のように、記事のタイトル、情報、イントロテキストの左側に配置したいと思います。

イントロテキストから画像を抽出して、必要な場所に配置することはできますか？

助けていただければ幸いです、ありがとう！

4

2 に答える 2

1

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

お役に立てれば

于 2012-08-16T18:30:13.877 に答える
1

まず、私のコメントは単なる冗談でした。

さて、質問のために：あなたの画像は、その上のdiv（のコンテナ）にあるitem column-1べきときにdivに座っています。item column-1items-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
于 2012-08-16T18:40:08.670 に答える