Главная страница
Главная особенность Funtalk сейчас:
Все залитые картинки будут автоматически подгоняться под размер контейнера. Это их не деформирует, но обрежет выступающие за пределы края. Имейте это ввиду.
Теперь шаблон главной страницы выглядит так:
[html]<style>.pl-share a{display:none}</style>
<h1 class="funtalk-logo" />
<div id="funtalk-wrapper">
<div class="funtalk-menu">
<button class="tabslinks" onclick="openTab(event, 'Home')" id="defaultOpen">HOME</button >
<button class="tabslinks" onclick="openTab(event, 'Friends')">FRIENDS</button>
<button class="tabslinks" onclick="openTab(event, 'Subscribers')">SUBSCRIBERS</button>
<button class="tabslinks" onclick="openTab(event, 'Photos')">PHOTOS</button>
<button class="tabslinks" onclick="openTab(event, 'Gifts')">GIFTS</button>
</div>
<div id="Home" class="tabscontent">
<div class="ft-home">
<div class="ft-home-fate"><img src="https://i.ibb.co/CvVR2MJ/1.jpg" alt="фоновая картинка"></div>
<div class="home-ft-avatar"><img src="https://i.imgur.com/P2eGF3Q.png" alt="аватар пользователя"></div>
<div class="ft-personal">
<div class="home-ft-name">Имя И Фамилия Пользователя</div>
<div class='ft-username'>@username</div>
<div class="ft-home-stat">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>
<div id='ft-personal-info'>
<p class="ft-home-birth-date">00/00/00</p>
<p class="ft-home-city">Укажите свой родной город.</p>
<p class="ft-home-status-family">Укажите своё семейное положение.</p>
<p class="ft-home-work-title">Укажите своё место работы/учёбы.</p>
</div></div></div>
<div id="Friends" class="tabscontent"><div class='wrap-ft-cont'>
<div class="ft-my_friend">
<img src="https://i.imgur.com/P2eGF3Q.png" width=100 height=100 alt="photo">
<a href="URL">1 NAME</a>
<p>friend's status/group</p>
</div>
</div></div>
<div id="Subscribers" class="tabscontent"><div class='wrap-ft-cont'>
<div class="ft-my_subscriber">
<img src="https://i.imgur.com/P2eGF3Q.png" width=100 height=100 alt="photo">
<a href="URL">1 NAME</a>
<p>friend's status/group</p>
</div>
</div></div>
<div id="Photos" class="tabscontent"><div class='wrap-ft-cont'>
<div class="ft-my_photo"><img src="https://i.imgur.com/lkTYcR3.png" width=100 height=100 alt="title photo" /></div>
<div class="ft-my_photo"><img src="https://i.imgur.com/lkTYcR3.png" width=100 height=100 alt="title photo" /></div>
</div></div>
<div id="Gifts" class="tabscontent"><div class='wrap-ft-cont'>
<div class="ft-my_gift"><img src="https://ir.ozone.ru/s3/multimedia-8/6572223464.jpg" width=50 height=50 alt="title photo" /></div>
<div class="ft-my_gift"><img src="https://ir.ozone.ru/s3/multimedia-8/6572223464.jpg" width=50 height=50 alt="title photo" /></div>
<div class="ft-my_gift"><img src="https://ir.ozone.ru/s3/multimedia-8/6572223464.jpg" width=50 height=50 alt="title photo" /></div>
</div></div>
</div>
[/html][hideprofile]
[indent] Для добавления друга:
[indent] Для добавления подписчика:
[indent] Для добавления фотографии:
[indent] Для добавления подарка:
- Подпись автора
[html]<style>a.prof-signature_а {width: 76px;height: 120px;bottom: 5px;right: -13px;position: absolute;filter: grayscale(0.2) brightness(1);background: url(https://forumstatic.ru/files/001c/80/b1/76229.png) no-repeat center / 100%;z-index: 5;border-bottom: none!important;will-change: filter;transition: filter .3s ease-in-out;}
a.prof-signature:hover {filter:grayscale(0.2) brightness(1.1)}
a.prof-signature::before {content: none!important;}</style>
<a href='' title='хронология' class='prof-signature_а' target='_blank'></a>[/html]
