Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 12 из 12
Поделиться12021-04-01 15:42:24
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
Поделиться22021-06-11 19:48:54
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr" class="punbb" style="padding:0!important;width:100%!important"]
<head>
<style type="text/css" id="extra">
html {
background: none !important;
overflow: hidden;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body {
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: inline-block !important;
position: relative !important;
}
body::before, #pun_wrap::before {
content: none;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/js/libs.12.min.js"></script>
<script type="text/javascript">
if (self !== top)(function() {
var id = window.name;
var ifr_n = 'iframe_test_height';
window.setHeight = function() {
var h = $(document.body).height();
window.parent.postMessage({html_frame:{id: id,event: 'resize',height: h}}, '*');
};
window[window.addEventListener?'addEventListener':'attachEvent']('message',function(e) { var data = e.data;
if (data && data.html_frame_response) { var response = data.html_frame_response;
var extraStyle = $('head style#extra').detach();
$(document.head).empty();
$(document.body).empty().append(decodeURIComponent(response.content));
$(document.head).append('<base target="_blank" href="' + response.host + '" /><link rel="stylesheet" type="text/css" href="' + response.lnkStyle + '" />')
.append('<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/style/extra.38.css" /><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/style/mobile.6.css" />')
.append(response.htmlHeader)
.append(extraStyle);
$(document.body).addClass('post-content').css({font: response.font})
.append('<iframe src="about:blank" name="' + ifr_n + '" style="z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border:0" />');
$(window.frames[ifr_n]).on('load resize',setHeight);
setHeight();
}
});
window.parent.postMessage({html_frame:{id: id,event: 'load'}}, '*');
})();
</script>
</head>
<body onresize="setHeight()">
</body>
[/html]
Поделиться32021-06-11 23:29:24
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
структура
Цвета style_cs.css
Поделиться42022-05-25 20:46:41
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html]<style>@import url(https://fonts.googleapis.com/css?family=Varela+Round);
.slides { width: 450px; height: 533px; display: block; margin: 0 auto; position: relative;}
.slides * { user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;}
.slides input { display: none; }
.slide-container { display: block; }
.slide { top: 0; opacity: 0; width: 450px; height: 533px; display: block; position: absolute; transform: scale(0); transition: all .7s ease-in-out;}
.slide img { width: 100%; height: 100%;}
.nav label {width: 100px; height: 100%; display: none; position: absolute; opacity: 0; z-index: 9; cursor: pointer; transition: opacity .2s; color: #FFF; font-size: 156pt; text-align: center; line-height: 380px; font-family: "Varela Round", sans-serif; background-color: rgba(255, 255, 255, .3); text-shadow: 0px 0px 15px rgb(119, 119, 119);}
.slide:hover + .nav label { opacity: 0.5; }
.nav label:hover { opacity: 1; }
.nav .next { right: 0; }
input:checked + .slide-container .slide { opacity: 1; transform: scale(1); transition: opacity 1s ease-in-out;}
input:checked + .slide-container .nav label { display: block; }
.nav-dots {width: 100%;bottom: 9px;height: 11px;display: block;position: absolute;text-align: center;}
.nav-dots .nav-dot {top: -5px;width: 11px;height: 11px;margin: 0 4px;position: relative;border-radius: 100%;display: inline-block;background-color: rgba(0, 0, 0, 0.6);}
.nav-dots .nav-dot:hover {cursor: pointer;background-color: rgba(0, 0, 0, 0.8);}
input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6,
input#img-7:checked ~ .nav-dots label#img-dot-7, {background: rgba(0, 0, 0, 0.8);}
</style>
<ul class="slides">
<input type="radio" name="radio-btn" id="img-2" />
<li class="slide-container">
<div class="slide">
<img src="https://i.imgur.com/rJs6suH.png" />
</div>
<div class="nav">
<label for="img-1" class="prev">‹</label>
<label for="img-3" class="next">›</label>
</div>
</li>
<input type="radio" name="radio-btn" id="img-3" />
<li class="slide-container">
<div class="slide">
<img src="https://i.imgur.com/DRguvnN.png" />
</div>
<div class="nav">
<label for="img-2" class="prev">‹</label>
<label for="img-4" class="next">›</label>
</div>
</li>
<input type="radio" name="radio-btn" id="img-4" />
<li class="slide-container">
<div class="slide">
<img src="https://i.imgur.com/OJWwd6l.png" />
</div>
<div class="nav">
<label for="img-3" class="prev">‹</label>
<label for="img-5" class="next">›</label>
</div>
</li>
<input type="radio" name="radio-btn" id="img-5" />
<li class="slide-container">
<div class="slide">
<img src="https://i.imgur.com/1lHTAUd.png" />
</div>
<div class="nav">
<label for="img-4" class="prev">‹</label>
<label for="img-6" class="next">›</label>
</div>
</li>
<input type="radio" name="radio-btn" id="img-6" />
<li class="slide-container">
<div class="slide">
<img src="https://i.imgur.com/RncKrex.png" />
</div>
<div class="nav">
<label for="img-5" class="prev">‹</label>
<label for="img-7" class="next">›</label>
</div>
</li>
<input type="radio" name="radio-btn" id="img-7" checked />
<li class="slide-container">
<div class="slide">
<img src="https://i.imgur.com/8Jg1fxH.png" />
</div>
<div class="nav">
<label for="img-6" class="prev">‹</label>
<label for="img-1" class="next">›</label>
</div>
</li>
<input type="radio" name="radio-btn" id="img-1" checked />
<li class="slide-container">
<div class="slide">
<img src="https://i.imgur.com/naIU6w3.png" />
</div>
<div class="nav">
<label for="img-7" class="prev">‹</label>
<label for="img-2" class="next">›</label>
</div>
</li>
<li class="nav-dots">
<label for="img-1" class="nav-dot" id="img-dot-1"></label>
<label for="img-2" class="nav-dot" id="img-dot-2"></label>
<label for="img-3" class="nav-dot" id="img-dot-3"></label>
<label for="img-4" class="nav-dot" id="img-dot-4"></label>
<label for="img-5" class="nav-dot" id="img-dot-5"></label>
<label for="img-6" class="nav-dot" id="img-dot-6"></label>
<label for="img-7" class="nav-dot" id="img-dot-7"></label>
</li>
</ul>[/html]
Поделиться52023-01-13 23:52:42
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html]<div class="bt-tiktokb-acc" style="--accent: #a987a8;--background: #222;--color: #fff;">
<div class="bt-tiktokacc1-header"><img src="https://via.placeholder.com/90x90"><a href="#" id="tiktokbt-i1"><i class="fa-brands fa-instagram"></i></a><a href="#" id="tiktokbt-i2"><i class="fa-brands fa-twitter"></i></a></div>
<div class="bt-tiktokacc1-user"><a style="color:var(--accent)">@bettyleg</a><span>this girl is on fire</span></div>
<div class="bt-tiktokacc1-info"><div><b>30k</b><span>following</span></div><div><b>32K</b><span>followers</span></div><div><b>10K</b><span>likes</span></div></div>
<div class="bt-tiktokacc1-videos">
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div><div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
</div>
</div>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital@1&family=Poppins:wght@500;600&display=swap" rel="stylesheet"/><script src="https://kit.fontawesome.com/1427d036f5.js" crossorigin="anonymous"></script>
<style>.bt-tiktokb-acc > br, .bt-tiktokacc1-videos > br{display:none;}
.bt-tiktokb-acc { width: 313px; border: 1px solid #ccc; margin: 10px auto; border-radius: 20px; background: var(--background); overflow: hidden; box-sizing: border-box; height: 500px; box-shadow: 2px 2px 10px #0007;}
.bt-tiktokacc1-header{height: 95px; width: 100%; background: linear-gradient(0deg, transparent 10%, var(--accent) 100%); display: flex; position: relative; align-items: center; justify-content: center; margin-bottom: 40px;}
.bt-tiktokacc1-header > img{width: 90px; height: 90px; border-radius: 100%; border: 5px solid var(--background); margin: auto; background: var(--background); padding: 1px; margin-top: 30px;}
.bt-tiktokacc1-user{padding: 5px 20px; text-align: center; font-family: 'Poppins'; line-height: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--color); height: 60px; overflow: hidden;}
.bt-tiktokacc1-user > a{color: var(--accent); font-weight: 600; font-size: 16px;}
.bt-tiktokacc1-user > span{font-size: 10px; margin-top: 8px; line-height: 100%; font-family: 'Poppins';}
.bt-tiktokacc1-info{display: flex; align-items: center; justify-content: center; padding: 5px 10px 10px; gap: 25px;}
.bt-tiktokacc1-info > div{display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 14px; color: var(--color);}
.bt-tiktokacc1-info b{font-size: 14px; font-family: 'Poppins'; letter-spacing: 2px; font-weight: 700;}
.bt-tiktokacc1-info span{text-transform: uppercase; font-size: 9px; font-weight: 700; letter-spacing: 1px;}
.bt-tiktokacc1-videos{padding:10px 15px; display: grid; grid-template-columns: repeat(3,85px); gap: 11px;}
.bt-tiktokacc1-video { height: 105px; border: 1px solid transparent; display: flex; align-items: flex-end; justify-content: flex-start; font-size: 10px; border-radius: 5px; background-size: cover!important; overflow: hidden; width: 85px;}
.bt-tiktokacc1-video > span{padding-left: 5px; color: #fff; font-family: 'Poppins'; font-size: 8px;}
.bt-tiktokacc1-video span > i{font-size: 6px; padding-right: 5px;}
.bt-tiktokacc1-video > span b{font-weight: 400;} a#tiktokbt-i2{margin-left: -76px; margin-top: 116px;}
.bt-tiktokacc1-header > a{position: absolute; width: 20px; height: 20px; background: var(--accent); border-radius: 100%; border: 3px solid var(--background); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 9px;}
a#tiktokbt-i1{margin-left: -92px; margin-top: 60px;}</style>
[/html]
Поделиться62023-01-13 23:53:26
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html]<div class="bt-tiktok-coment" style="--accent: #a987a8;--background: #222;--color: #fff;"><img src="https://via.placeholder.com/40x40"/><div class="bt-tiktok-text"><a href="#" style="color: var(--accent)">bettyleg</a><span>omg, u look amazing!</span></div></div>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital@1&family=Poppins:wght@500;600&display=swap" rel="stylesheet"/><script src="https://kit.fontawesome.com/1427d036f5.js" crossorigin="anonymous"></script>
<style>.bt-tiktok-coment{width: 320px; border: 1px solid #ccc; box-shadow: 2px 2px 10px #0007; margin: 10px auto; padding: 20px; background: var(--background); border-radius: 20px; display: flex; align-items: flex-start; justify-content: flex-start;}
.bt-tiktok-coment > img{width: 40px; height: 40px; border-radius: 100%; outline: 2px solid #fff; margin-right: 20px; padding: 2px; background: #fff; border: 2px solid var(--accent);}
.bt-tiktok-text{display: flex; align-items: flex-start; justify-content: center; flex-direction: column; width: 225px; font-family: 'Poppins'; line-height: 15px; color: var(--color); padding-top: 5px;}
.bt-tiktok-text > a{color: var(--accent); font-weight: 600; font-size: 15px;}
.bt-tiktok-text > span{font-size: 12px; line-height: 18px;}</style>
[/html]
Поделиться72023-01-13 23:53:43
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html]<div class="bt-tiktokb-acc" style="--accent: #a987a8;--background: #fafafa;--color: #888;">
<div class="bt-tiktokacc1-header"><img src="https://via.placeholder.com/90x90"><a href="#" id="tiktokbt-i1"><i class="fa-brands fa-instagram"></i></a><a href="#" id="tiktokbt-i2"><i class="fa-brands fa-twitter"></i></a></div>
<div class="bt-tiktokacc1-user"><a>@bettyleg</a><span>this girl is on fire</span></div>
<div class="bt-tiktokacc1-info"><div><b>30k</b><span>following</span></div><div><b>32K</b><span>followers</span></div><div><b>10K</b><span>likes</span></div></div>
<div class="bt-tiktokacc1-videos">
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
<div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div><div class="bt-tiktokacc1-video" style="background:url('https://via.placeholder.com/85x105')"><span><i class="fa-solid fa-play"></i><b>20K views</b></span></div>
</div>
</div>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital@1&family=Poppins:wght@500;600&display=swap" rel="stylesheet"/><script src="https://kit.fontawesome.com/1427d036f5.js" crossorigin="anonymous"></script>
<style>.bt-tiktokb-acc > br, .bt-tiktokacc1-videos > br{display:none;}
.bt-tiktokb-acc { width: 313px; border: 1px solid #ccc; margin: 10px auto; border-radius: 20px; background: var(--background); overflow: hidden; box-sizing: border-box; height: 500px; box-shadow: 2px 2px 10px #0007;}
.bt-tiktokacc1-header{height: 95px; width: 100%; background: linear-gradient(0deg, transparent 10%, var(--accent) 100%); display: flex; position: relative; align-items: center; justify-content: center; margin-bottom: 40px;}
.bt-tiktokacc1-header > img{width: 90px; height: 90px; border-radius: 100%; border: 5px solid var(--background); margin: auto; background: var(--background); padding: 1px; margin-top: 30px;}
.bt-tiktokacc1-user{padding: 5px 20px; text-align: center; font-family: 'Poppins'; line-height: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--color); height: 60px; overflow: hidden;}
.bt-tiktokacc1-user > a{color: var(--accent); font-weight: 600; font-size: 16px;}
.bt-tiktokacc1-user > span{font-size: 10px; margin-top: 8px; line-height: 100%; font-family: 'Poppins';}
.bt-tiktokacc1-info{display: flex; align-items: center; justify-content: center; padding: 5px 10px 10px; gap: 25px;}
.bt-tiktokacc1-info > div{display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 14px; color: var(--color);}
.bt-tiktokacc1-info b{font-size: 14px; font-family: 'Poppins'; letter-spacing: 2px; font-weight: 700;}
.bt-tiktokacc1-info span{text-transform: uppercase; font-size: 9px; font-weight: 700; letter-spacing: 1px;}
.bt-tiktokacc1-videos{padding:10px 15px; display: grid; grid-template-columns: repeat(3,85px); gap: 11px;}
.bt-tiktokacc1-video { height: 105px; border: 1px solid transparent; display: flex; align-items: flex-end; justify-content: flex-start; font-size: 10px; border-radius: 5px; background-size: cover!important; overflow: hidden; width: 85px;}
.bt-tiktokacc1-video > span{padding-left: 5px; color: #fff; font-family: 'Poppins'; font-size: 8px;}
.bt-tiktokacc1-video span > i{font-size: 6px; padding-right: 5px;}
.bt-tiktokacc1-video > span b{font-weight: 400;} a#tiktokbt-i2{margin-left: -76px; margin-top: 116px;}
.bt-tiktokacc1-header > a{position: absolute; width: 20px; height: 20px; background: var(--accent); border-radius: 100%; border: 3px solid var(--background); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 9px;}
a#tiktokbt-i1{margin-left: -92px; margin-top: 60px;}
</style>
[/html]
Поделиться82023-01-13 23:54:00
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html]<div class="bt-tiktok-coment" style="--accent: #a987a8;--background: #fafafa;--color: #888;"><img src="https://via.placeholder.com/40x40"/><div class="bt-tiktok-text"><a href="#" style="color:var(--accent)">bettyleg</a><span>omg, u look amazing!</span></div></div>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital@1&family=Poppins:wght@500;600&display=swap" rel="stylesheet"/><script src="https://kit.fontawesome.com/1427d036f5.js" crossorigin="anonymous"></script>
<style>.bt-tiktok-coment{width: 320px; border: 1px solid #ccc; box-shadow: 2px 2px 10px #0007; margin: 10px auto; padding: 20px; background: var(--background); border-radius: 20px; display: flex; align-items: flex-start; justify-content: flex-start;}
.bt-tiktok-coment > img{width: 40px; height: 40px; border-radius: 100%; outline: 2px solid #fff; margin-right: 20px; padding: 2px; background: #fff; border: 2px solid var(--accent);}
.bt-tiktok-text{display: flex; align-items: flex-start; justify-content: center; flex-direction: column; width: 225px; font-family: 'Poppins'; line-height: 15px; color: var(--color); padding-top: 5px;}
.bt-tiktok-text > a{color: var(--accent); font-weight: 600; font-size: 15px;}
.bt-tiktok-text > span{font-size: 12px; line-height: 18px;}</style>
[/html]
Поделиться92023-01-13 23:54:17
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html]<div class="bt-tiktokb" style="background:url('https://via.placeholder.com/290x490'); background-size: cover;"><div class="bt-tiktok-header"><span>Following</span> <span>For You</span></div><div class="bt-tiktokimg"><div class="bt-tiktok-dts"><div class="bt-tiktok-lateral"><div class="bt-tiktok-profile"><img src="https://via.placeholder.com/35x35"><i class="fa-solid fa-plus"></i></div><i id="bt-tiktok-heart" class="fa-solid fa-heart"></i><i class="fa-solid fa-comment-dots"></i><i class="fa-solid fa-share"></i></div><div class="bt-tiktok-info"><a href="#">@bettyleg</a><span>#fyp i'm bored</span><div class="bt-tiktok-music"><i class="fa-solid fa-music"></i><span>Supalonely - No sé de quién es</span></div></div></div><div class="bt-tiktok-menu"><i class="fa-solid fa-home"></i><i class="fa-solid fa-search"></i><i class="fa-solid fa-circle-plus"></i><i class="fa-solid fa-message"></i><i class="fa-solid fa-user"></i></div></div></div>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital@1&family=Poppins:wght@500;600&display=swap" rel="stylesheet"/><script src="https://kit.fontawesome.com/1427d036f5.js" crossorigin="anonymous"></script>
<style>.bt-tiktokb{width: 290px; border: 1px solid #ccc; margin: 10px auto; border-radius: 20px; background: #444; overflow: hidden; box-sizing: border-box; display: flex; height: 490px; align-items: center; justify-content: space-between; flex-direction: column; box-shadow: 2px 2px 10px #0007;}
.bt-tiktok-header{text-align: center; padding: 20px; font-family: 'Poppins'; font-weight: 600; color: #fff; display: flex; align-items: center; justify-content: center; gap: 20px; font-size: 12px; width:100%; background:linear-gradient(180deg, #222a 0%, transparent 85%)}
.bt-tiktokimg{height: 250px; display: flex; position: relative; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; background: linear-gradient(0deg, #222a 0%, transparent 95%);}
.bt-tiktok-lateral{position: absolute; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; right: 0; width: 60px; height: 75%; gap: 15px;}
.bt-tiktok-profile{width: 35px; height: 35px; border: 2px solid #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative;}
.bt-tiktok-lateral > i{color: #fff; font-size: 20px;cursor:pointer;}
.bt-tiktok-profile > img{width: 35px; height: 35px; border-radius: 100%;}
.bt-tiktok-profile > i{position: absolute; bottom: -8px; background: #cb5151; border-radius: 100%; color: #fff; font-size: 10px; border: 2px solid #fff; padding: 3px; display: flex; align-items: center; justify-content: center; width: 8px; height: 8px; line-height: 13px;}
.bt-tiktok-menu{display: flex; align-items: center; height: 50px; justify-content: center; gap: 20px; color:#fff; font-size:14px; }
.bt-tiktok-menu > .fa-circle-plus{font-size: 24px; margin: 0px 6px;}
.bt-tiktok-info{width: 80%; height: 90px; display: flex; align-items: flex-start; justify-content: center; box-sizing: border-box; flex-direction: column; padding-left: 10px; position: absolute; bottom: 0; font-family: 'Poppins'; color: #fff;}
.bt-tiktok-dts{height: 215px; width: 100%; padding: 10px; box-sizing: border-box; position: relative;}
.bt-tiktok-lateral > i:after{content: "22k"; display: block; font-size: 7px; font-weight: 300; letter-spacing: 2px; text-align: center; padding-top: 5px;}
.bt-tiktok-lateral > i.fa-share:after{content: "8k";}
.bt-tiktok-lateral > i.fa-comment-dots:after{content: "19k";}
.bt-tiktok-lateral > i.fa-heart:after{content: "22k";}
.bt-tiktok-info{width: 80%; height: 90px; display: flex; align-items: flex-start; justify-content: center; box-sizing: border-box; flex-direction: column; padding-left: 10px; position: absolute; bottom: 0; font-family: 'Poppins'; color: #fff;}
.bt-tiktok-info > a{font-family: 'Poppins'; font-size: 11px; font-weight: 500; color: #fff;}
.bt-tiktok-info > span{font-size: 10px; padding: 1px 0px;}
.bt-tiktok-music{ height: 14px; font-size: 10px; overflow:hidden; width:96%}
.bt-tiktok-music > i{padding-right: 10px; float:left;}
.bt-tiktok-music > span{line-height:11px; width.190%; display:block;}
#bt-tiktok-heart:hover:before{color: #df5353; position: relative; text-shadow: 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff;}
.bt-tiktok-header > span:first-child:before{width: 6px; height: 6px; border-radius: 100%; background: #cb5151; display: block; content: ""; position: absolute; right: -9px; border: 1px solid #fff;}
.bt-tiktok-header > span{position: relative;} a.btcred-t{margin: 0px auto; text-align: center; display: block; font-size: 10px; text-transform: uppercase; font-family: 'Poppins'; font-weight: 500; letter-spacing: 1px; color: #aaa; width: fit-content;}</style>
[/html]
Поделиться102023-01-13 23:54:34
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html]
<div class="grampostsl">
<img src="https://forumupload.ru/uploads/000c/73/14/2/742371.jpg">
<div class="usernamesl">username</div>
<div class="thedotssl">...</div>
</div>
<div class="slidescontainer">
<div class="slidestabs">
<div class="slidestab">
<input type="radio" id="slidestab-1" name="slidestab-group-1" checked>
<label for="slidestab-1"> < </label>
<div class="slidescontent">
<div class="theactualimagesl"><img src="https://forumupload.ru/uploads/000c/73/14/2/523017.jpg">
</div></div>
</div>
<div class="slidestab">
<input type="radio" id="slidestab-2" name="slidestab-group-1">
<label for="slidestab-2"> ></label>
<div class="slidescontent">
<div class="theactualimagesl"><img src="https://forumupload.ru/uploads/000c/73/14/2/291490.jpg">
</div>
</div></div></div></div>
<center><div class="theinstacontrolsl"></div></center>
<div class="theacaptionsl">
<div class="theviewsssl">### views</div><br>
<b>username</b> caption caption caption
</div>
<link rel="stylesheet" type="text/css" href="https://files.jcink.net/uploads/shadia/humble3.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
[/html]
Поделиться112023-01-13 23:54:48
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html]
<div class="grampost">
<img src="https://forumupload.ru/uploads/000c/73/14/2/742371.jpg">
<div class="username">username</div>
<div class="thedots">...</div>
</div>
<center><div class="theactualimage"><img src="https://forumupload.ru/uploads/000c/73/14/2/143248.jpg">
</div>
<div class="theinstacontrol"></div></center>
<div class="theacaption">
<div class="theviewss">### views</div><br>
<b>username</b> caption caption caption
</div>
Поделиться122023-01-13 23:55:06
- Администратор
- Зарегистрирован: 2021-04-01
- Приглашений: 0
- Сообщений: 13
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
3 часа 43 минуты - Последний визит:
2023-01-13 23:52:50
[html]
<div class="instagramtop"></div>
<div class="computerarea">
<TABLE> <TD><div class="instagramtopicon"> <div class="instagramstory"><img src="https://forumupload.ru/uploads/000c/73/14/2/742371.jpg"></div> </div></TD>
<TD><div class="instagramtopdesc">
<div class="usernamehere">username</div>
<div class="topstats"> <b>###</b> posts <b>###</b> followers <b>###</b> following</div>
<div class="namegoeshere">name</div>
<div class="thedescription">the description goes here <br>
keep to 1-2 lines <br>
and that'll be good
</p></div></div></TD></TABLE>
<TABLE> <TD><div class="instapicture1"> <img src="https://forumupload.ru/uploads/000c/73/14/2/463572.jpg"></div></TD>
<TD><div class="instapicture2"><img src="https://forumupload.ru/uploads/000c/73/14/2/948014.jpg"></div></TD>
<TD><div class="instapicture3"><img src="https://forumupload.ru/uploads/000c/73/14/2/315764.jpg"></div></TD>
</TABLE>
</div>
<link rel="stylesheet" type="text/css" href="https://files.jcink.net/uploads/shadia/28ab435d-humble1.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
[/html]
Страница: 1