[html]
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nemoy" type="text/css"/>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/montserrat" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Gabriela&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster&display=swap" rel="stylesheet">
<center>
<div class="licbkgd">
<div class="licbanner">
<!doctype html>
<!-- элемент, фон которого нам нужно обрезать -->
<div class="clipped">
<div style="padding: 10px; text-align: center; letter-spacing: 5px; background: url(https://media3.giphy.com/media/z2POQZ2t … =giphy.gif) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding: 2em;
/* -webkit-background-clip обрезает фон элемента по контуру текста */
-webkit-text-fill-color: transparent; /* переопределяет цвет текста с белого на прозрачный в браузерах на webkit */
-webkit-background-clip: text;
font-family: 'nemoy', cursive; font-size: 38px; margin-top: -70px; position: relative;">thesaurus</div>
<div class="licgeninfo">Все словари сделаны из словарей.</div>
<div class="about">
<div class="avtext2">
<div style="height: 550px; width: 460px; overflow: auto; padding: 5px; color: #bcbccf">
<table layout=fixed style="width:460px">
<tr>
<td style='text-align:justify;'><img src="https://i.ibb.co/TqwC57v/1.gif"><br>
</td>
<td style='text-align:justify;'><img src="https://i.ibb.co/DRHxwZ3/2.gif"><br>
</td>
</tr>
<tr>
<td colspan="2" style='text-align:justify; font-size: 13px; '>• Представляем вашему вниманию энциклопедию игрового мира Коллайда. <br>
• От всей души просим не заниматься копипастой и плагиатом. <br>
• В случае возникновения любого рода вопросов не стесняйтесь обращаться либо лично к АМС либо в соответствующую тему.<br>
</td>
</tr>
<tr>
<td colspan="2" style='text-align:center; '> ──── • <a href="https://mmxxcollide.rusff.me/viewtopic.php?id=32#p41" style="color:#ffcbee;">о происхождении мира</a> • ──── • <a href="https://mmxxcollide.rusff.me/viewtopic.php?id=32#p42" style="color:#ffcbee;">о катаклизме</a> • ──── <br>─── • <a href="https://mmxxcollide.rusff.me/viewtopic.php?id=32#p43" style="color:#ffcbee;">об ордене</a> • ─── • <a href="https://mmxxcollide.rusff.me/viewtopic.php?id=32#p44" style="color:#ffcbee;">словарь</a> • ─── • <a href="https://mmxxcollide.rusff.me/viewtopic.php?id=32#p45" style="color:#ffcbee;">известные факты</a> • ───
</td>
</tr>
</table>
</div> </div> </div>
<style type="text/css">
.licbkgd {width: 550px; height: 330px; background:#635263; }
.licbanner {width: 590px; height: 65px; background:#252634; border: #000 1px solid; position: relative; margin-top: 30px; right: 20px; box-shadow: 0px 0px 25px #232323; font-family: 'Chaumont', cursive; padding-top: 0px;}
.licgeninfo {width: 510px; height: 30px; background: #252634; color:#9e9fba; letter-spacing: 2px; position:relative; top: -60px; padding-top: 15px; font-size: 10px; font-weight:bold; font-family:'montserrat'; }
.about { width: 490px; height: 180px; background: #252634; position:relative; top: -50px; left: 0px}
.avtitle { padding: 10px; text-align: center; letter-spacing: 5px; background: url(https://media3.giphy.com/media/z2POQZ2t … =giphy.gif) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding: 2em;
/* -webkit-background-clip обрезает фон элемента по контуру текста */
-webkit-text-fill-color: transparent; /* переопределяет цвет текста с белого на прозрачный в браузерах на webkit */
-webkit-background-clip: text;
font-family: 'Gabriela', cursive; font-size: 20px; margin-top: 50px; position: relative; bottom: -20px; }
.avtext { width: 400px; height: 500px; position: relative; top:-10px; color:#bcbccf; padding: 10px; font-family:calibri; font-size:10px; overflow:auto;text-align:justify; }
.avtext2 { color:#bcbccf; padding: 10px; font-family:calibri; font-size:14px; overflow:auto;}
.avtext::-webkit-scrollbar-track { background-color: #232323; }
.avtext::-webkit-scrollbar-thumb { background-color: #232323; }
.licbanner {width: 590px; height: 65px; background:#252634; border: #000 1px solid; position: relative; margin-top: 30px; right: 20px; box-shadow: 0px 0px 25px #232323; font-family: 'Chaumont', cursive; padding-top: 0px;}
</style>[/html]