Jump to content
  • Sign Up
  • Обсуждения

    • F1NS3N
      <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Скачать новеллу</title> <link rel="shortcut icon" href="i.ico" type="image/x-icon"> <link rel="stylesheet" href="style.css"> <!-- ШРИФТЫ --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"> <!-- ШРИФТЫ 2 --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Jura&display=swap" rel="stylesheet"> </head> <body background="fon.png" bgproperties="fixed"> <!-- верхнее меню --> <header class="fonts"> <nav class="top-menu"> <ul> <li><a href="file:///C:/Users/%D0%94%D0%BC%D0%B8%D1%82%D1%80%D0%B8%D0%B9/Desktop/Novel/index.html"><i class="fa fa-"></i>Главная</a></li> <li><a href=""><i class="fa fa-"></i>Скачать</a> <ul> <li><a href="">Скачать новеллы</a></li> <li><a href="#">Скачать моды</a></li> <li><a href="#">Инструкция по скачиванию</a></li> </ul> </li> <li><a href="#"><i class="fa fa-"></i>Контакты</a></li> </ul> </nav> </header> <a href="" class="dow">Danganronpa: Trigger Happy Havoc</a> <div class="vl"></div> <p class="vli">dssd</p> <img class="dowimg" src="DTHH.jpg"> <br> <table id="table-1" border="1" width="615" cellpadding="3" cellspacing="0"> </table> <a href="" class="dow">Danganronpa 2: Goodbye Despair</a> <div class="vl"></div> <img class="dowimg" src="D2GD.jpeg"> <table id="table-1" border="1" width="615" cellpadding="3" cellspacing="0"> </table> </body> </html> /* МЕНЮ СВЕРХУ */ header{ font-family: 'Oswald', sans-serif; } .top-menu *{ margin: 0; padding: 0; } .top-menu ul { list-style: none; } .top-menu > ul { display: flex; justify-content: center; } .top-menu > ul li a{ display: block; background: rgb(236,236,237); background: -moz-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(191,191,191,1) 100%); background: -webkit-linear-gradient(top, rgba(236,236,237,1) 0%,rgba(191,191,191,1) 100%); background: linear-gradient(to bottom, rgba(236,236,237,1) 0%,rgba(191,191,191,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececed', endColorstr='#bfbfbf',GradientType=0 ); padding: 15px 30px 15px 30px; ze: 14px; color: #454547; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease; } .top-menu > ul li{ position: relative; border-right: 1px solid #c7c8ca } .top-menu > ul li:first-child{ border-left: 1px solid #b2b3b5; } .top-menu > ul li:last-child{ border-right: 1px solid #babbbb } .top-menu li a:hover{ background: rgb(182,8,8); background: -moz-linear-gradient(top, rgba(182,8,8,1) 0%, rgba(143,2,34,1) 44%, rgba(130,2,2,1) 100%); background: -webkit-linear-gradient(top, rgba(182,8,8,1) 0%,rgba(143,2,34,1) 44%,rgba(130,2,2,1) 100%); background: linear-gradient(to bottom, rgba(182,8,8,1) 0%,rgba(143,2,34,1) 44%,rgba(130,2,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b60808', endColorstr='#820202',GradientType=0 ); color: rgb(255,255,255); color: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%); box-shadow: 1px 5px 10px -5px black; transition: all 0.5s ease; } /* sub-menu */ .top-menu li ul{ position: absolute; min-width: 150px; display: none; } .top-menu li > ul li{ border: 1px solid #c7c8ca; } .top-menu li > ul li a{ text-transform: none; background: rgb(228,228,229); background: -moz-linear-gradient(top, rgba(228,228,229,1) 0%, rgba(183,183,183,1) 100%); background: -webkit-linear-gradient(top, rgba(228,228,229,1) 0%,rgba(183,183,183,1) 100%); background: linear-gradient(to bottom, rgba(228,228,229,1) 0%,rgba(183,183,183,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e5', endColorstr='#b7b7b7',GradientType=0 ); } .top-menu li:hover > ul{ display: block; } /* ОСНОВНАЯ СТРАНИЦА! */ #h1-1 { font-family: 'Jura', sans-serif; font-size: 150%; } .hd { font-family: 'Roboto Condensed', sans-serif; font-size: 250%; text-align: center; font-weight: bold;- } .pd { font-family: 'Finlandica', sans-serif; font-size: 200%; text-align: center; font-weight: bold; } #table-1 { background: rgb(55,55,55); background: linear-gradient(0deg, rgba(55,55,55,1) 0%, rgba(0,0,0,1) 50%, rgba(55,55,55,1) 100%); } .red { font-family: 'Finlandica', sans-serif; color: #7A0000; text-align: center; font-weight: bold; } .dow { font-size: 200%; font-family: 'Finlandica', sans-serif; position: absolute; padding-top: 10px; border-radius: 10px; text-decoration:none; color: #000000; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .dow:hover { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .dowimg { padding-top: 50px; } .vl { border-left: 6px solid; height: 353px; position: absolute ; margin-top: 50px; left: 620px; } .vli { height: 353px; position: absolute ; margin-top: 50px; left: 630px; font-size: 200%; font-family: 'Oswald', sans-serif; }  
    • Switch74
    • Switch74
      <a href="https://google.ru" onclick="alert('текст')">ссылка</a>  
    • denics20
      Надо чтобы при нажатии на ссылку выскакивал allert с надписью "Cпасибо что вы посетили наш сайт!"
    • alleclf
      Спасибо, то что надо. Ещё хотел узнать, можно ли сделать что бы картинки помещались целиком в заданную область (в квадрат). То есть, у вертикальных изображений отступы слева-справа картинка в центре, у горизонтальный изображений отступы сверху-снизу картинка в центре.
    • Ermin
      Собираюсь изучать геймдизайн , выбираю курсы в известной школе XYZ. Читал много хороших отзывов, поэтому уверен в высоком уровне обучения и успехе в сфере разработки и дизайна игр. Самообразование тоже никто не отменял, но без опыта непонятно, в каком направлении двигаться и с чего лучше начать.
    • Igor Schnaider
      Воспользуйтесь свойством object-fit: https://jsfiddle.net/xzs1bv7k/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy