2017-02-18 21 views
-4

У меня нет знаний о кодировании. Мне нужно показывать торговые предложения в html и css на моем сайте.HTML и CSS - Небольшой набор кодов для показа сделок электронной торговли

Я должен показать:

  1. предложения Название
  2. Merchant Логотип/любое изображение
  3. Описание если
  4. Дата 4.Expiry если
  5. 5.Buy Теперь/Активировать сделку кнопка

Я выбрал случайные снимки экрана Demo 1, Demo 4

+0

SO не является услугой написания кода. Это место для поиска решений конкретных проблем. Начните здесь - http://stackoverflow.com/help/asking –

+0

Да, я знаю, я застрял здесь. И я нахожу решения для этого. –

ответ

0

Да, я понял, что вы хотите сделать. вот простой пример, созданный для вас. Надеюсь, что это поможет вам. Не забывайте голосовать меня, если это кажется полезным для вас

.pos{ 
 
     position: absolute; 
 
     z-index: 99; 
 
     top: 2%; 
 
     width:90%; 
 
    }
<!DOCTYPE html> 
 
<html> 
 
<title>sparroltie</title> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css"> 
 
<body> 
 

 

 
<div class="w3-container "> 
 

 
    <div class="w3-card-8 w3-dark-grey " style="width:350px; position:relative"> 
 

 
    <div class="w3-container" > 
 
     
 
     <img src="https://i0.wp.com/adiply.com/wp-content/uploads/2016/01/mobile-product03.png?fit=635%2C530" alt="Avatar" style="width:300px;"> 
 
     <h5 class="pos w3-padding-small w3-left">visit our site : Sparrolite.blogspot.in 
 
     for more tutorial about blog 
 
     </h5> 
 

 
     <div class="w3-section w3-center"> 
 
     <button class="w3-btn w3-padding-medium w3-green">Get this deal at 0$</button> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
    
 
    
 
</div> 
 

 
</body> 
 
</html>

+0

Спасибо, но это выглядит как полная HTML-страница. Мне нужен небольшой фрагмент кода, который можно установить в WordPress. –