使用CSS設計PHP

對不起，如果這有點笨，但我從來沒有涉足過PHP。使用CSS設計PHP

基本上我使用稱爲Kingsize的高級wordpress主題，它很漂亮，但沒有在帖子中顯示作者。我已經設法在個人文章（通過編輯single.php）和文章列表（loop.php）中獲得它。

我想我做了這樣的權利，因爲它出現在那裏。問題是在這兩種情況下，它是在日期下面的線，我希望它在同一行：

http://bathastronomers.co.uk/category/bath-astronomers/

我以爲我可以計算出來，如果我在style.css中找到「POST_DATE」，但它似乎並沒有在那裏！

此外，我想擺脫日期和作者之前的小圖標。

任何想法？

下面是single.php中的相關代碼：

<?php 
if($data['wm_date_enabled'] == '1') { //data is enabled 
?> 
<div class="metadata"> 
     <p class="post_date"><?php the_time(get_option('date_format'));?></p> 
           <p class="post_author"><?php the_author(); ?></p> 
     </div> 
     <?php} 
?>

來源

2013-10-10 Andy Ashwin

簡單地說，PHP是一種服務器端語言，客戶端看不到，因此它沒有樣式。 – craig1231

將其更改爲：

<div class="metadata"> 
    <p> 
    <span class="post_date"><?php the_time(get_option('date_format'));?></span> 
    <span class="post_author"><?php the_author(); ?></span> 
    </p> 
</div>

來源

2013-10-10 08:29:50 WebNovice

太棒了！非常感謝你。爲我節省了很多時間。 –

很高興工作。 – WebNovice

下次使用的提示：在Google Chrome瀏覽器中，您可以右鍵單擊任何元素並選擇「檢查元素」以查看任何元素的輸出標記，包括ID和類。這將幫助你弄清楚你可以勾畫什麼樣式。 –

如果你想作者出現在同一行日期，添加到您的style.css：

.post .metadata p.post_date { 
float:left; 
}

如果要隱藏左側的小圖標，請修改以下內容：

.post .metadata p { 
padding: 0px 0px 0px 25px; 
background: url("images/calendar.png") no-repeat scroll left -1px transparent; 
}

爲以下幾點：

.post .metadata p { 
padding: 0px;  
}

請注意，你不這樣做「的風格PHP」。您風格的HTML。簡而言之，PHP是一個HTML生成器。

來源

2013-10-10 08:36:13

令人驚歎！感謝你的幫助。你救了我幾個小時！ –

總是樂於幫助！ :-) –

使用CSS設計PHP

回答

相關問題