Steam Discounts 1.3

Steam Discounts

Show discounts for games on steam, it uses the cheapshark.com API

Version: 1.3
Autor: MixRo
Deutsche Übersetzung: noch nicht übersetzt
Hochgeladen: 06.04.2025
Letzte Aktualisierung: 06.04.2025
Support: https://www.mybb.de/forum/thread-39380.html (0 Beiträge)
Kompatibilität: MyBB 1.8.x
Bisherige Downloads: 0

Description : Show discounts for games on steam, it uses the cheapshark.com API

https://www.cheapshark.com/api/1.0/deals...ageSize=60

It can be placed by using the variable : {$steamdiscount}

Author : https://community.mybb.com/user-132128.html

Configuration:
You can add your own CSS for it by going to :

ACP -> Teplates&Styles -> Themes -> Your theme ->  Add Stylesheet

Name the file steamdiscounts.css

Attached to: Globally
Check the box Write my own content

My Example of steamdiscounts.css :

.steam-slider {

    position: relative;

    overflow: hidden;

    width: 100%;

    max-width: 100%;

    height: 210px;

    text-align: center;

}



.steam-slide {

    display: none;

    padding: 10px;

    color: #fff;

}



.steam-slide.active {

    display: block;

    animation: fade 0.5s ease-in-out;

}



.steam-slide a img {

    width: 100%;

    height: 90px;

    object-fit: contain;

    border-radius: 4px;

    margin-bottom: 5px;

    transition: transform 0.3s ease;

    background: #000;

}



.steam-slide a img:hover {

    transform: scale(1.05);

}



.steam-slide h4 {

    margin: 5px 0;

    font-size: 14px;

    color: #fff;

}



.steam-slide .price {

    font-size: 13px;

    color: #ccc;

}



.steam-slide .discount {

    color: #4caf50;

    font-weight: bold;

}



.view-link {

    display: inline-block;

    margin-top: 6px;

    padding: 4px 10px;

    background: #1760bb;

    color: white;

    font-size: 12px;

    text-decoration: none;

    border-radius: 4px;

    transition: background 0.3s;

}



.view-link:hover {

    background: #114a91;

}



.steam-slider-controls {

    position: absolute;

    top: 40%;

    width: 100%;

    display: flex;

    justify-content: space-between;

    transform: translateY(-50%);

    pointer-events: none;

}



.steam-slider-controls button {

    background: rgba(0,0,0,0.5);

    color: white;

    border: none;

    font-size: 18px;

    padding: 4px 10px;

    cursor: pointer;

    border-radius: 4px;

    pointer-events: all;

}



.steam-slider-controls button:hover {

    background: rgba(23, 96, 187, 0.7);

}



@keyframes fade {

    from { opacity: 0; }

    to { opacity: 1; }

}

Quelle: Steam Discounts bei MyBB.com

Steam Discounts

Ähnliche Erweiterungen