Jump to content
  • Sign Up

Job

Office work or long-term collaboration


687 topics in this forum

  1. klierik

    Правила раздела

    • 0 replies
    • 4.9k views
  2. DmitriyA7
    stafford
  3. maclien800
  4. yanayug
  5. ukta
    • 1 reply
    • 704 views
    Full-R
  6. Full-R
  7. torsar
  8. torsar
  9. DevCube
    • 0 replies
    • 1.4k views
    DevCube
  10. DevCube
    • 0 replies
    • 884 views
    DevCube
  11. yalstudio
    • 2 replies
    • 1.9k views
    yalstudio
  12. Schamil74
    • 4 replies
    • 2.4k views
  13. rest0n
  14. e.dmitriev
    • 0 replies
    • 1.3k views
    e.dmitriev
  15. pashagr
    • 0 replies
    • 897 views
    pashagr
  16. Goodman-77
  17. kuzia007
  • Обсуждения

    • 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