Jump to content
  • Sign Up

Flame


2,573 topics in this forum

  1. Ermin
  2. HIO
  3. klierik
  4. SelenIT
  5. lexxcode
    klierik
    • Like
  6. Анна212004
    • 3 replies
    • 1.8k views
  7. Int
  8. Glebr
    • 34 replies
    • 8.5k views
    Vatulin
  9. n3li
    • Like
  10. Арсен
    • 2 replies
    • 595 views
    Switch74
  11. maggi
    Full-R
  12. rus
    • 48 replies
    • 10.3k views
    Full-R
  13. maclien80
  14. lafuma4me
    • Like
  15. klierik
  16. Full-R
  17. Full-R
    • Haha
    • Thanks
  18. Full-R
    • 0 replies
    • 775 views
    Full-R
  19. Roderen
  20. klierik
  21. Stasyakiss
  22. npofopr
  • Обсуждения

    • 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