HTML & CSS Code For Vistanaij.com.ng Top Artistes Slider

HTML Code For Vistanaij.com.ng Top Artistes Slider

Posted by VN Official

On Nov 4, 2021

0

Share on facebook
Share on twitter
Share on whatsapp
Share on telegram

Lot of people have been asking for the code of our website’s top artistes slider which we are happy to release to you right now.

You do not need any stress on it at all if you really know what you are doing. Especially, when you are an expert or even a beginner in HTML & CSS.

ADVERTISEMENT

Below is a demo preview of what the slider looks like:

ADVERTISEMENT
HTML Code For Vistanaij.com.ng Top Artistes Slider
HTML Code For Vistanaij.com.ng Top Artistes Slider

Tools you need to carry this out is your editor, either on cpanel or on wp-admin dashboard. You can place it anywhere you want it to appear in your theme.

ADVERTISEMENT

NB: This can only be done if you know what you are doing.

Get Code Below:

<style>
.tagcommon{ margin: 4px;
background: #fff;
border-radius: 7px;
}
.tagslist {
background-color: #ffffff;
overflow: auto;
white-space: nowrap;
border-radius:7px;
}
.tagslist a {
display: inline-block;
color: #027C05;
text-align: center;
padding: 10px;
text-decoration: none;
font-weight:bold;
font-size:12px;
}
.tagimg img {
border: 1px solid #027C05;

box-shadow: 0 0 2px 1px rgba(212, 252, 212);
border-radius:50%;
padding: 3px;
width: 50px;
height: 50px;}
</style>

<div class=”tagcommon”>
<div class=”tagslist”>
<a href=”/tag/burna-boy/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/burna-boy-photo_genuis.jpg” width=”150″ height=”150″>
</div>
<span>Burna Boy <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/davido/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Davido.-Photo-Instagram.jpg” width=”80″ height=”80″>
</div>
<span>Davido <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/wizkid/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/1562624969_Wizkid-tooXclusive.com-1-e1621356255365.jpg” width=”80″ height=”80″>
</div>
<span>Wizkid <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/fireboy/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Fireboy-DML-1.jpg” width=”80″ height=”80″>
</div>
<span>Fireboy DML <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/olamide/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Olamide-Pawon-Challenge.jpg” width=”80″ height=”80″>
</div>
<span>Olamide <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/tiwa-savage/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Tiwa-Savage.jpg” width=”80″ height=”80″>
</div>
<span>Tiwa Savage <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/rema/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Rema.jpg” width=”80″ height=”80″>
</div>
<span>Rema <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/teni/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Teni.jpg” width=”80″ height=”80″>
</div>
<span>Teni <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/kizz-daniel/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Kizz-Daniel.jpg” width=”80″ height=”80″>
</div>
<span>Kizz Daniel <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/ruger/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Ruger.jpg” width=”80″ height=”80″>
</div>
<span>Ruger <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/tekno/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Tekno.jpg” width=”80″ height=”80″>
</div>
<span>Tekno <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/phyno/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Phyno.jpg” width=”80″ height=”80″>
</div>
<span>Phyno <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
<a href=”/tag/yemi-alade/”>
<div class=”tagimg”>
<img src=”https://www.vistanaij.com.ng/wp-content/uploads/2021/10/Yemi-Alade.jpg” width=”80″ height=”80″>
</div>
<span>Yemi Alade <i class=”fa fa-check-circle” style=”color:#05c2e8;”></i></span>
</a>
</div>
</div>

SEE ALSO:  Wordpress as a tool - Easy way to create a Wordpress website

Share to others too:

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on telegram
Telegram

You May Also Like

Leave a Reply

Your email address will not be published.