Bu da benden. Forum sitenizin footer kısmına sosyal medya ikonları eklemek isterseniz ;
Harici CSS Düzenle Bölümüne yapıştırın ;
.social {
margin: 0 auto;
width: 500px;
text-align: center;
}
@media (max-width:800px) {
.icon-btn {
display:none !important;
} }
[class^="icon-btn"] /*.icon-btn*/ {
height: 45px;
width: 45px;
border: 0;
cursor: pointer;
font-size: 30px;
line-height: 45px;
transition: ease-in-out .3s;
border-radius: 30px;
margin-left: 10px;
background-color: #F7F7F7;
}
.twitter {
color: #4099FF;
}
.discord {
color: #7289da;
}
.instagram {
color: #c32aa3;
}
.youtube {
color: #ff0000;
}
.icon-btn:hover {
transform: scale(1.10);
color: #FFFFFF;
}
.twitter:hover {
background-color: #4099FF;
}
.discord:hover {
background-color: #7289da;
}
.instagram:hover {
background-color: #c32aa3;
}
.youtube:hover {
background-color: #ff0000;
}
a.link {
color: inherit;
} /* sosyal medya */
Harici Footer bölümüne yapıştırın ;
<div class="social">
<button class="icon-btn youtube">
<a class="link" href="https://www.youtube.com" target="_blank">
<i class="fab fa-youtube"></i>
</a>
<button class="icon-btn twitter">
<a class="link" href="https://twitter.com" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<button class="icon-btn instagram">
<a class="link" href="https://www.instagram.com" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<button class="icon-btn discord">
<a class="link" href="https://discord.gg" target="blank">
<i class="fab fa-discord"></i>
</a>
</div>
