Проверяем
Проверка подфорумов 6
Сообщений 1 страница 11 из 11
Поделиться2Воскресенье, 15 августа, 2021г. 10:11:06
[down=https://projekt1.bbmy.ru/viewtopic.php?id=57#p553]
Поделиться3Воскресенье, 15 августа, 2021г. 22:52:11
[html]<div class="low">
<div class="light">
<div class="tab">
<div class="tabtitle">текст</div>
<svg height="10" width="500">
<line x1="0" y1="0" x2="400" y2="0" style="stroke:rgb(0,0,0);stroke-width:1px" />
</svg>
текст
<div class="clear"></div>
</div>
<div class="tabcontent">
какой-то текст
</div></div></div>
<div style="width:470px; text-align:right; margin:0 auto; opacity:0.8;"><a href="ссылка" target="_blank">название</a></div><div style="clear:both;"></div>
<style>
@import url('https://fonts.googleapis.com/css?family=Lato');
.low {
border-top:50px solid white;
width:500px;
margin:0 auto;
border-bottom:50px solid white;
overflow:hidden;
}
.light {
background:url(https://forumavatars.ru/img/avatars/000 … 715397.png) white center center;
width:500px;
height:400px;
}
.tab {
width:390px;
height:80px;
background:white;
line-height:80px;
font-size:15px;
font-family: 'Lato', sans-serif;
text-transform:uppercase;
padding-left:10px;
-ms-transform: rotate(270deg);
-ms-transform-origin: 50% 50%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 50% 50%;
transform: rotate(270deg);
transform-origin: 90% 50%;
margin-left:100px;
transition:1s ease 0.5s;
}
.low:hover .tab {
margin-left:-300px;
}
.tab svg {
float:left;
width:170px;
padding-top:40px;
}
.tabtitle { float:left; }
.clear { clear:both; }
.tabcontent {
background:white;
height:400px;
width:340px;
padding:20px;
margin-left:500px;
margin-top:-100px;
transition:1s ease 0.5s;
font-family: 'Lato', sans-serif;
font-size:14px;
line-height:100%;
text-align:justify;
overflow:auto;
}
.tabcontent::-webkit-scrollbar {
width: 2px;
}
.tabcontent::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.tabcontent::-webkit-scrollbar-thumb {
background: rgb(255, 205, 76);
}
.tabcontent b {
color:rgb(255, 205, 76);
}
.low:hover .tabcontent {
margin-left:120px;
}
</style>[/html]
Поделиться4Воскресенье, 15 августа, 2021г. 22:55:34
[html]<div class="low">
<div class="light">
<div class="tab">
<div class="tabtitle">текст</div>
<svg height="10" width="500">
<line x1="0" y1="0" x2="400" y2="0" style="stroke:rgb(0,0,0);stroke-width:1px" />
</svg>
текст
<div class="clear"></div>
</div>
<div class="tabcontent">
какой-то текст
</div></div></div>
<div style="width:470px; text-align:right; margin:0 auto; opacity:0.8;"><a href="ссылка" target="_blank">название</a></div><div style="clear:both;"></div>
<style>
@import url('https://fonts.googleapis.com/css?family=Lato');
.low {
border-top:50px solid white;
width:500px;
margin:0 auto;
border-bottom:50px solid white;
overflow:hidden;
}
.light {
background:url(https://forumavatars.ru/img/avatars/000 … 153047.jpg) white center center;
width:500px;
height:400px;
}
.tab {
width:390px;
height:80px;
background:white;
line-height:80px;
font-size:15px;
font-family: 'Lato', sans-serif;
text-transform:uppercase;
padding-left:10px;
-ms-transform: rotate(270deg);
-ms-transform-origin: 50% 50%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 50% 50%;
transform: rotate(270deg);
transform-origin: 90% 50%;
margin-left:100px;
transition:1s ease 0.5s;
}
.low:hover .tab {
margin-left:-300px;
}
.tab svg {
float:left;
width:170px;
padding-top:40px;
}
.tabtitle { float:left; }
.clear { clear:both; }
.tabcontent {
background:white;
height:400px;
width:340px;
padding:20px;
margin-left:500px;
margin-top:-100px;
transition:1s ease 0.5s;
font-family: 'Lato', sans-serif;
font-size:14px;
line-height:100%;
text-align:justify;
overflow:auto;
}
.tabcontent::-webkit-scrollbar {
width: 2px;
}
.tabcontent::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.tabcontent::-webkit-scrollbar-thumb {
background: rgb(255, 205, 76);
}
.tabcontent b {
color:rgb(255, 205, 76);
}
.low:hover .tabcontent {
margin-left:120px;
}
</style>[/html]
Поделиться7Пятница, 20 августа, 2021г. 14:01:31
[html]
<style>
.mainChristmas {
background-color:#151522;
overflow: hidden;
text-align:center;
}
</style>
<object class="mainChristmas" type="image/svg+xml" data="https://forumstatic.ru/files/000e/14/cc/84273.svg" width="600" height="600" >
Your browser does not support SVG
</object>
[/html]