Jump to content

Practise Templates

Templates for self education and practise


97 topics in this forum

    • 146 replies
    • 66.3k views
    Dlynnyj
    • Like
  1. Макет 2

    • 4 replies
    • 12.1k views
    Skip
    • 35 replies
    • 17.5k views
    virtas
    • Like
  2. kitaka
    • Like
  3. Макет от Softlink 1 2 3

    • 62 replies
    • 28k views
    lexxcode
    • Like
  4. Макет 3

    • 2 replies
    • 11.1k views
    psics
  5. Макет 4

    • 8 replies
    • 10.9k views
    ыра
    • 0 replies
    • 22.1k views
  6. Switch74
  7. klierik
  8. Igor Schnaider
  9. klierik
    • Like
  10. rustamXx
    • Thanks
  11. npofopr
  12. klierik
  13. AlexZaw
  14. klierik
  15. vados
  16. klierik
  17. klierik
  18. ZeteM
  • Обсуждения

    • Здравствуйте. Попробуйте выложить код в песочницу. Вопрос сформулировал не совсем понятно.
    • При уменьшении ширины страницы, уменьшение блоков быстрее происходит быстрее (тоесть блоки быстрее сужаются и между блоком и границей свободное пространство) при том что width=100% для body и section. В чем может быть проблема? (CSS стили отключал, проблема не исчезала, значит дело в самомо HTML)
    • Хотели в крестиках ноликах заменить кресты и нули на анимешных тяночек. В голову лезет что то по типу x = url(ссылка), но нормально сформулировать ничего не можем, первый курс колледжа. Заранее спасибо за помощь.
    • Здравствуйте. Выложите код в песочницу
    • body {      background-attachment: fixed;     transition:  .1s ease-out;     padding: 0;     margin: 0; }     .mouse-parallax {          overflow-x: hidden; } .mouse-parallax-bg {     position: absolute;     background-repeat: no-repeat;     background-size: cover;     width: 105%;     height: 105%;     transition: all 0.1s ease;       background-image: url(/img/backgroundimage.jpg);     background-color: black;     background-position: center; } .btn {   color: rgba(255, 255, 255, 0.993);   cursor: pointer;   text-decoration: none;   text-transform: uppercase;   font-family: 'Montserrat', sans-serif;   border-bottom: 1px solid rgba(0,0,0,0);   font-weight: 700;   transition: 0.20s; } .btn:hover, .btn:focus {   outline: 0;   border-bottom: 3px solid white;    padding-bottom: 5px; }   .logo {     color: white;     font-family: 'Montserrat', sans-serif;     font-size: 150px;      position: absolute;      transition: 1s;     left: 40%;     top:40%;     margin: 0%;      } .logo:hover {     transform: scale(1.2);  }   .vk {     position: absolute;     top: 13px;     right: 120px;     transition: 1s; }   .vk:hover {     transform: scale(1.2);  }   .facebook {     position: absolute;     top: 13px;     right: 75px;     transition: 1s; }   .facebook:hover {     transform: scale(1.2);  }   .instagram {     position: absolute;     top: 13px;     right: 30px;     transition: 1s; }   .instagram:hover {     transform: scale(1.2);  }   .b1 {     position: absolute;     top: 30px;     right: 1000px;   }   .b2 {     position: absolute;     top: 30px;     right: 850px;   }   .b3 {     position: absolute;     top: 30px;     right: 715px;   }   .b4 {     position: absolute;     top: 30px;     right: 480px;   }   .b5 {     position: absolute;     top: 30px;     right: 330px;   }   .logoP {     position: absolute;     top: 1%;     left:1%;     width: 100; }   .cloud1 {     position: absolute;     top: 3%;     right: 5%;   }   .cloud2 {     position: absolute;     top: 35%;     right: 70%;   }   .cloud3 {     position: absolute;     top: 25%;     right: 4%;   }   .cloud4 {     position: absolute;     top: 3%;     left:10% ;   }   .effect{     width: 10%;      } @media screen and (max-width:480px) {     .logo{         width: 100px;     } }  
    • Файлы styles.css и scripts.js лежат в той же директории, что и index.html?
×
×
  • 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