лс

[html]<style type="text/css">
#id { width: 502px; height: 142px; background: url(https://forumstatic.ru/files/001b/85/37/89889.png) no-repeat; margin-left: 130px!important; }
#id_photo { position: absolute; margin: 41px 0 0 42px!important; }
#id_photo img { border-radius: 50%; }
#id_name { width: 200px; height: 20px; position: absolute; font-family: 'montserrat'; font-weight: bold; text-transform: lowercase; font-size: 16px; text-align: center; color: #595c3d; margin: 33px 0 0 112px!important; color: #595c3d;}
#id_prof { width: 200px; height: 20px; position: absolute; font-family: 'montserrat'; font-size: 9px; text-align: center; margin: 61px 0 0 112px!important; }
.idtabs { width: 502px; margin: 0 0 0 103px!important;}
.idtabs>input { display:none; }
.idtabs>div {
display: none;
padding-top: 12px;
}
.idtabs>label {
display: inline-block;
width: 20px; height: 20px;
background-color: #595c3d;
margin: 20px 0 0 15px!important;
color: #000;
cursor: pointer;
}
.idtabs>input:checked + label {
display: inline-block;
width: 20px; height: 20px;
background-color: #917d74;
margin: 20px 0 0 15!important;
color: #000;
cursor: pointer;
}
#idtab_p:checked ~ #txt_p,
#idtab_k:checked ~ #txt_k,
#idtab_ac:checked ~ #txt_ac { display: block; }

#id_vkladka1 {width: 480px; border: 1px solid #dcd8cd; margin-left: 12px!important; padding: 10px; border-radius: 0 0 10px 10px!important;}
#id_vkladka2 {width: 480px; border: 1px solid #dcd8cd; margin-left: 12px!important; padding: 0px; border-radius: 0 0 10px 10px!important;}
#id_vkladka3 {width: 480px; border: 1px solid #dcd8cd; margin-left: 12px!important; padding: 10px; border-radius: 0 0 10px 10px!important;}
#id_flowers {width: 230px; height: 180px; border: 1px solid #dcd8cd; padding: 10px; overflow-y: auto; overflow-x: hidden;}
#id_plashki {width: 180px; height: 180px; border: 1px solid #dcd8cd; padding: 10px; overflow-y: auto; overflow-x: hidden;}
#id_albums {width: 455px; height: 200px; overflow-y: auto; overflow-x: hidden; padding: 10px;}
#id_album {width: 455px; height: 105px; overflow-x: auto; overflow-y: hidden; text-aligh: left; }
#id_albumone { height: 100px; overflow-x: auto; overflow-y: hidden;}
#id_albumone img {float: left;}
#id_animal {width: 200px; height: 188px; border: 1px solid #dcd8cd; padding: 10px; overflow-y: auto; overflow-x: hidden;}
#id_kupon {width: 200px; height: 188px; border: 1px solid #dcd8cd; padding: 10px; overflow-y: auto; overflow-x: hidden;}
</style>

<center>
<div id="id">
<div id="id_photo"><img src="https://i.imgur.com/u3qsQK8.jpg"></div>
<div id="id_name"><a href="ССЫЛКА">тен личаяпорнкул, 21</a></div>
<div id="id_prof">аспирант кафедры циркового училища аспирант кафедры циркового училища </div>
</div>

[/html]

тест

Меню навигации

Пользовательские ссылки

Информация о пользователе

лс

Сообщений 1 страница 2 из 2

Поделиться12022-02-19 18:59:18

Поделиться22022-04-01 16:32:42