我安裝了Wordpress用戶照片插件，允許顯示作者照片。目前爲止這麼好，但我希望它不會在發佈日期之後顯示，而是平行於作者的姓名和發佈日期。下面的圖片可以解釋這一切：使圖像看起來對齊（或浮動）到右邊

enter image description here

看來我成功地創建一個新的CSS類。我在CSS補充說：

功能短柱塊。用戶-照片{}

然後在循環中，我裹在相同的CSS的事情，用戶照片的代碼，所以它現在是：

爲了測試它，我補充說：「邊界：2px的固體藍光Ë;」到CSS，它顯示出良好..

但我無法使其浮到文本的右側，就像我在上面的照片中演示的。幫助表示讚賞。

如果您希望在顯示圖像時調整圖像大小，請告訴我代碼如何顯示。

的網站，你可以看到它： http://kuttabna.net

我使用的顯示塊的代碼：

<h2 class="entry-title"></a><a>" rel="bookmark" title="<?php printf(__('رابط %s', 'framework'), get_the_title()); ?>"> <?php the_title(); ?></a></h2> 

<!--BEGIN .entry-meta .entry-header--> 
         <div class="entry-meta entry-header"> 
        <span class="published"> كتبها 
        <?php the_author_posts_link(); ?> </span> 
        <span class="meta-sep">·</span> 
        <span class="published"> في <?php the_time(get_option('date_format')); ?> 
<?php userphoto_the_author_thumbnail() ?></span> 
          <!--END .entry-meta entry-header --> 
         </div>

來源

2012-01-26 Mouad

圖像被打印出來，用類用戶的照片一個div中添加一個新的樣式到您的頁面與浮法：該類的權利..包括邊距左5px只是爲了一些間距。

<style type="text/css"> 
div.user-photo{ 
    float: right; 
    margin-left: 5px; 
} 
</style>

來源

2012-01-26 16:49:45

太好了，非常感謝Brian！你能告訴我如何強制不同的圖像大小？我的意思是當它顯示在那裏時調整它的大小？編輯：好吧，我成爲一個CSS專家哈哈，我在類的最後添加了img（在我複製它之後）並添加了寬度+高度屬性。再次感謝你：） – Mouad

使圖像看起來對齊（或浮動）到右邊

功能短柱塊。用戶-照片{}

回答

相關問題