Jump to content

DSandu

Members
 View Profile  See their activity

  • Posts

    8

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

DSandu's Achievements

Rookie

Rookie (2/14)

  • First Post
  • Conversation Starter
  • Week One Done
  • One Month Later
  • One Year In

Recent Badges

0

Reputation

  1. DSandu
    Am tot dat ochi peste tot de cateva zile.. nu gasesc rezolvarea. E activata pt toate gradele, gen ai optiunea sa dezactivezi pt un anumit grad, dar e activat pt toate.
  2. DSandu
    Salut! Am instalat IBEconomy 2.2.0 pe ipb 3.4.9. Insa imi spune Sorry, ibEconomy is currently in the OFF position. Desi aplicatia este pornita. Am cautat si in ReadMe, dar nimic. Cum sa rezolv?
  3. DSandu
    Index: <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Gift box iPhone X</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <link rel="stylesheet" href="styles/index.processed.css"> <link rel="preload" href="https://image.ibb.co/iOQOUw/iphone_x_wallpaper_drodviews.png"> <link rel="preload" href="https://image.ibb.co/d4Go1b/qwe.png"> <link rel="preload" href="https://preview.ibb.co/dGjspw/Untitled_1.png"> <link rel="preload" href="https://image.ibb.co/kZE3wb/medium_connection_filled.png"> <link href="https://fonts.googleapis.com/css?family=Mountains+of+Christmas" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css'> <link rel="stylesheet" href="css/style.css"> </head> <body> <body> <div class="iphone"> <img id="iphone" unselectable="on" draggable="false" ondragstart="return false;" class="iphone" src="https://preview.ibb.co/dGjspw/Untitled_1.png" alt="iphone"> <!-- <div class="loader"></div> --> <div class="content" style="background-image:url('https://image.ibb.co/iOQOUw/iphone_x_wallpaper_drodviews.png');"> <div class="top-notch"> <div class="icons-left"> <span id="temp-notch"></span> </div> <div class="icons-right"> <i class="signal-icon"><img src="https://image.ibb.co/kZE3wb/medium_connection_filled.png"></i> <i style="margin-left: 1px" class="fa fa-wifi" aria-hidden="true"></i> <i style="margin-left: 1px" class="fa fa-battery-full" aria-hidden="true"></i> </div> </div> <div class="lock-icon" id="lock-icon"> <img src="https://preview.ibb.co/b8nkbb/fldhjvdceuocivfarxur.png"> </div> <div class"clock-text-overlay" id="clock-text-overlay" style="top: 10%;position: absolute;left: 50%;transform: translateX(-50%);"> <h1 id="clock-text" style="font-size:230%;font-weight: 400;color: #fff;transform: scale(0.9, 1.1);"></h1> </div> <div class"date-overlay" id="date-overlay" style="top: 19%;position: absolute;left:50%;transform:translateX(-50%);display:flex;width:100%;justify-content:center;"> <h5 id="date-text" style="color:#fff;font-weight:500;transform: scale(1, 1.1);"></h5> </div> <div class="touch-overlay" id="touch-overlay"> <div class="left-touch"> <img src="https://image.ibb.co/ddOC7G/icon_flashlight.png" alt="icon_flashlight"> </div> <div class="right-touch"> <img src="https://image.ibb.co/bFEr1b/icon_camera.png" alt="icon_camera"> </div> </div> <div class="line"></div> </div> <div unselectable="on" draggable="false" ondragstart="return false;" class="message-overlay" id="message-overlay"> <img onclick="imgClick()" src="https://i.imgur.com/HmY3hPt.png" alt="Pop_up_text"> <img onclick="imgClick()" src="https://i.imgur.com/HmY3hPt.png" alt="Pop_up_text"> <a href=https://icegame.ro/forum/><img src="https://i.imgur.com/HmY3hPt.png" alt="Pop_up_text"></a> </div> <!-- GIFT BOX SOURCE CODE: https://tympanus.net/codrops/2013/12/24/merry-christmas-with-a-bursting-gift-box/ --> <div id="merrywrap" class="merrywrap"> <canvas id="snowfall"></canvas> <div class="giftbox"> <div class="cover"> <div></div> </div> <div class="box"></div> </div> <div class="icons"> <div class="row"> <span>A</span> <span>i</span> <span> </span> <span>C</span> <span>a</span> <span>s</span> <span>t</span> <span>i</span> <span>g</span> <span>a</span> <span>t</span> </div> <div class="row"> <span class="letter">N</span> <span class="letter">i</span> <span class="letter">m</span> <span class="letter">i</span> <span class="letter">c</span> <span class="letter"> </span> <span class="letter">i</span> <span class="letter">n</span> <span class="letter">c</span> <span class="letter">a</span> </div> <div class="row"> <span>S</span> <span>e</span> <span> </span> <span>l</span> <span>u</span> <span>c</span> <span>r</span> <span>e</span> <span>a</span> <span>z</span> <span>a</span> </div> <div class="row"> <span>l</span> <span>a</span> </div> <div class="row"> <span class="letter">S</span> <span class="letter">i</span> <span class="letter">s</span> <span class="letter">t</span> <span class="letter">e</span> <span class="letter">m</span> </div> </div> </div> <!-- ========================= --> </div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.7/howler.min.js'></script> <script src="js/index.js"></script> </body> </html> css: @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"); @font-face { font-family: "SF Text"; font-weight: 100; font-style: italic; src: url("https://sf.abarba.me/SF-UI-Text-UltrathinItalic.otf"); } body { font-family: 'Open Sans', sans-serif; text-align: center; background: no } * { box-sizing: border-box; } .iphone { position: relative; width: 300px; height: 590px; display: inline-block; margin-right: 100px; text-align: left; } .iphone img.iphone { width: 100%; height: 100%; } .iphone img { max-width: 100%; } .iphone .content { position: absolute; left: 20px; top: 12px; width: calc(300px - 39px); height: calc(590px - 24px); border-radius: 34px; z-index: -1; overflow-x: auto; } .iphone .content .top-notch { height: 5%; width: 92%; padding-top: 8px; margin: 0 auto; bottom: 7.5%; } .iphone .content .top-notch .icons-left, .iphone .content .top-notch .icons-right { font-size: 70%; margin-top: 5px; color: #FFFFFF; } .iphone .content .top-notch .icons-left { padding-left: 8px; float: left; } .iphone .content .top-notch .icons-left span { font-size: 100%; font-weight: 600; text-align: center; } .iphone .content .top-notch .icons-right { float: right; margin-right: 0px; } .iphone .content .top-notch .fa-battery-full { margin-left: 3px; } .iphone .content .top-notch .fa-wifi { margin-left: 3px; } .iphone .content .lock-icon { top: 8%; position: absolute; left: 50%; transform: translateX(-50%); } .iphone .content .lock-icon img { width: 20px; height: 25%; } .iphone .content .clock-text-overlay { top: 10%; position: absolute; left: 50%; transform: translateX(-50%); } .iphone .content .clock-text-overlay h1 { font-size: 230%; font-weight: 400; color: #FFFFFF; transform: scale(0.9, 1.1); } .iphone .content .touch-overlay { bottom: 8%; } .iphone .content .touch-overlay img { width: 40px; height: 40px; } .iphone .content .date-text-overlay { top: 19%; position: absolute; left: 50%; transform: translateX(-50%); display: flex; width: 100%; justify-content: center; } .iphone .content .date-text-overlay h5 { color: #FFFFFF; font-weight: 500; transform: scale(1, 1.1); } .iphone .content .line { position: absolute; bottom: 12px; left: 50%; width: 130px; height: 5px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.35); transform: translateX(-50%); } .signal-icon { color: #FFF; margin-left: 1px; } .signal-icon img { width: 13px; height: 10px; color: #FFF; } .zoomIn { animation-duration: .5s; } .message-overlay { position: absolute; top: 28%; margin: 8px; visibility: hidden; } .message-overlay img { opacity: 0.9; width: 94%; padding-left: 6%; } .message-overlay img:hover { cursor: pointer; } .message-overlay img:active { opacity: 1; cursor: pointer; transform: scale(1.02); transition: transform .25s ease; } .touch-overlay { position: absolute; bottom: 8%; width: 90%; } .left-touch { float: left; padding-left: 12%; } .left-touch img { width: 40px; height: 40px; float: left; } .right-touch { float: right; } .right-touch img { width: 40px; height: 40px; float: right; } .merrywrap { position: absolute; left: 40px; bottom: 40px; top: 40px; visibility: hidden; } .giftbox { position: absolute; width: 200px; height: 150px; left: 50%; margin-left: -150px; z-index: 10; cursor: pointer; } .giftbox > div { background: #34495e; position: absolute; } .giftbox > div:after, .giftbox > div:before { position: absolute; content: ""; top: 0; } .giftbox:after { position: absolute; color: #fff; width: 100%; content: "Deschide!"; left: 0; bottom: 0; font-size: 24px; text-align: center; transform: rotate(-20deg); transform-origin: 0 0; } .giftbox .cover { width: 100%; top: 0; left: 0; height: 25%; z-index: 2; } .giftbox .cover:before { position: absolute; height: 100%; left: 50%; width: 50px; transform: translateX(-50%); background: #fdc56d; } .giftbox .cover > div { position: absolute; width: 50px; height: 50px; left: 50%; top: -50px; transform: translateX(-50%); } .giftbox .cover > div:before, .giftbox .cover > div:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; box-shadow: inset 0 0 0 15px #fdc56d; border-radius: 30px; transform-origin: 50% 100%; } .giftbox .cover > div:before { transform: translateX(-45%) skewY(40deg); } .giftbox .cover > div:after { transform: translateX(45%) skewY(-40deg); } .giftbox .box { right: 5%; left: 5%; height: 80%; bottom: 0; } .giftbox .box:before { width: 50px; height: 100%; left: 50%; transform: translateX(-50%); background: #fdc56d; } .giftbox .box:after { width: 100%; height: 30px; background: rgba(0, 0, 0, 0.2); } .icons { position: absolute; left: -18%; top: 25%; width: 100%; height: auto; transform: translateY(-50%); } .icons .row { width: 100%; text-align: center; } .icons .row span { color: #fff; text-shadow: 5px 5px 0 #ca3121; font-size: 36px; display: inline-block; opacity: 0; transition: transform 1s ease-in, opacity 0.7s; } .step-1 .giftbox { animation: wobble 0.5s linear infinite forwards; } .step-1 .cover { animation: wobble 0.5s linear infinite 0.1s forwards; } .step-1 .icons .row span { opacity: 1; } .step-2 .giftbox:after { opacity: 0; } .step-3 .giftbox, .step-4 .giftbox { opacity: 0; z-index: 1; } .step-3 .giftbox:after, .step-4 .giftbox:after { opacity: 0; } .step-2 .giftbox .cover { animation: flyUp 0.4s ease-in forwards; } .step-2 .giftbox .box { animation: flyDown 0.2s ease-in 0.05s forwards; } @keyframes wobble { 25% { transform: rotate(4deg); } 75% { transform: rotate(-2deg); } } @keyframes flyUp { 75% { opacity: 1; } 100% { transform: translateY(-1000px) rotate(20deg); opacity: 0; } } @keyframes flyDown { 75% { opacity: 1; } 100% { transform: translateY(100%); opacity: 0; } } .step-1 .icons .row span { opacity: 0; } .step-1 .icons .row span:first-child { transform: translateY(1000%) translateX(600%); } .step-1 .icons .row span:nth-child(2) { transform: translateY(700%) translateX(500%); } .step-1 .icons .row span:nth-child(3) { transform: translateY(700%) translateX(400%); } .step-1 .icons .row span:nth-child(4) { transform: translateY(700%) translateX(300%); } .step-1 .icons .row span:nth-child(5) { transform: translateY(700%) translateX(200%); } .step-1 .icons .row span:nth-child(6) { transform: translateY(700%) translateX(100%); } .step-1 .icons .row span:nth-child(7) { transform: translateY(700%) translateX(0); } .step-1 .icons .row span:nth-child(8) { transform: translateY(700%) translateX(-100%); } .step-1 .icons .row span:nth-child(9) { transform: translateY(700%) translateX(-200%); } .step-1 .icons .row span:nth-child(10) { transform: translateY(700%) translateX(-300%); } .step-1 .icons .row span:nth-child(11) { transform: translateY(700%) translateX(-400%); } .step-1 .icons .row span:nth-child(12) { transform: translateY(700%) translateX(-500%); } .step-1 .icons .row span:nth-child(13) { transform: translateY(700%) translateX(-600%); } .step-2 .icons .row span:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .step-2 .icons .row span:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .step-2 .icons .row span:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .step-2 .icons .row span:nth-child(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .step-2 .icons .row span:nth-child(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .step-2 .icons .row span:nth-child(7) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .step-2 .icons .row span:nth-child(8) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .step-2 .icons .row span:nth-child(9) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .step-2 .icons .row span:nth-child(10) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .step-2 .icons .row span:nth-child(11) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .step-2 .icons .row span:nth-child(12) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .step-2 .icons .row span:nth-child(13) { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .step-2 .icons span, .step-3 .icons span, .step-4 .icons span { opacity: 0.7; transition-timing-function: cubic-bezier(0, 0, 0.2, 0.91); } .step-4 .icons .row span, .step-3 .icons .row span { animation: wobble 0.6s linear infinite forwards; } .step-4 .icons .row span:nth-child(even), .step-3 .icons .row span:nth-child(even) { animation-duration: 0.7s; } .title { text-align: center; font-family: "Mountains of Christmas"; } #footer a:link { color: black; } #footer a:visited { color: black; } #footer a:hover { color: #BC1818; } scss: @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"); @font-face { font-family: "SF Text"; font-weight: 100; font-style: italic; src: url("https://sf.abarba.me/SF-UI-Text-UltrathinItalic.otf"); } $colorGreen: #27D6AF; $colorGreenDark: #2983AF; $colorBlack: #000000; $colorWhite: #FFFFFF; $roof:#BC1818; body { font-family: 'Open Sans', sans-serif; text-align: center; background: linear-gradient(240deg,rgba(157, 75, 77,1), rgba(101, 64, 115,1)); } * { box-sizing: border-box; } .iphone { position: relative; width: 300px; height: 590px; display: inline-block; margin-right: 100px; text-align: left; img.iphone { width: 100%; height: 100%; // -moz-user-select: none; } img { max-width: 100%; } .content { position: absolute; left: 20px; top: 12px; width: calc(300px - 39px); height: calc(590px - 24px); border-radius: 34px; z-index: -1; overflow-x: auto; .top-notch { height: 5%; width: 92%; padding-top: 8px; margin: 0 auto; bottom: 7.5%; .icons-left, .icons-right { font-size: 70%; margin-top: 5px; color: $colorWhite; } .icons-left { padding-left: 8px; float: left; span { font-size: 100%; font-weight: 600; text-align: center; } } .icons-right { float: right; margin-right: 0px; } .fa-battery-full { margin-left: 3px; } .fa-wifi { margin-left: 3px; } } .lock-icon { top: 8%; position: absolute; left: 50%; transform: translateX(-50%); img { width: 20px; height: 25%; } } .clock-text-overlay { top: 10%; position: absolute; left: 50%; transform: translateX(-50%); h1 { font-size: 230%; font-weight: 400; color: $colorWhite; transform: scale(0.9, 1.1); } } .touch-overlay { bottom:8%; img { width:40px; height:40px; } } .date-text-overlay { top: 19%; position:absolute; left: 50%; transform: translateX(-50%); display: flex; width: 100%; justify-content: center; h5 { color: $colorWhite; font-weight: 500; transform: scale(1, 1.1); } } .line { position: absolute; bottom: 12px; left: 50%; width: 130px; height: 5px; border-radius: 10px; background-color: rgba(0,0,0,.35); transform: translateX(-50%); } } } .signal-icon { color:#FFF; margin-left: 1px; img { width: 13px; height: 10px; color:#FFF; } } .zoomIn { animation-duration: .5s; } .message-overlay { position:absolute; top:28%; margin:8px; visibility:hidden; img { opacity: 0.9; width: 94%; padding-left:6%; } img:hover { cursor: pointer; } img:active { opacity: 1; cursor: pointer; transform: scale(1.02); transition: transform .25s ease; } } .touch-overlay { position:absolute; bottom:8%; width:90% } .left-touch { float:left; padding-left:12%; img { width:40px; height:40px; float:left; } } .right-touch { float:right; img { width:40px; height:40px; float:right; } } // GIFT BOX SOURCE CODE: https://tympanus.net/codrops/2013/12/24/merry-christmas-with-a-bursting-gift-box/ .merrywrap{ position: absolute; left: 50px; bottom: 40px; top: 40px; visibility: hidden; } .giftbox{ position: absolute; width:200px; height:150px; left:50%; margin-left: -150px; z-index:10; cursor: pointer; &>div{ background: #34495e; position: absolute; &:after,&:before{ position: absolute; content:""; top: 0; } } &:after{ position: absolute; color:#fff; width:100%; content:"Click Me!"; left: 0; bottom: 0; font-size: 24px; text-align: center; transform:rotate(-20deg); transform-origin:0 0; } .cover{ width:100%; top: 0; left: 0; height:25%; z-index:2; &:before{ position: absolute; height:100%; left: 50%; width:50px; transform:translateX(-50%); background:#fdc56d; } &>div{ position: absolute; width:50px; height:50px; left:50%; top:-50px; transform:translateX(-50%); &:before,&:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content:""; box-shadow:inset 0 0 0 15px #fdc56d; border-radius:30px; transform-origin:50% 100%; } &:before{ transform:translateX(-45%) skewY(40deg); } &:after{ transform:translateX(45%) skewY(-40deg); } } } .box{ right:5%; left:5%; height:80%; bottom: 0; &:before{ width:50px; height:100%; left:50%; transform:translateX(-50%); background:#fdc56d; } &:after{ width:100%; height:30px; background:rgba(0,0,0,0.2); } } } .icons{ position:absolute; left: -18%; top:25%; width: 100%; height: auto; transform:translateY(-50%); .row{ width:100%; text-align: center; span{ color: #fff; text-shadow: 5px 5px 0 #ca3121; font-size: 36px; display: inline-block; opacity:0; transition: transform 1s ease-in, opacity 0.7s; } } } .step-1{ .giftbox{ animation:wobble 0.5s linear infinite forwards; } .cover{ animation:wobble 0.5s linear infinite 0.1s forwards; } .icons .row span{ opacity:1; } } .step-2 .giftbox:after{ opacity:0; } .step-3 .giftbox, .step-4 .giftbox{ opacity: 0; z-index:1; &:after{ opacity:0; } } .step-2{ .giftbox{ .cover{ animation:flyUp 0.4s ease-in forwards; } .box{ animation:flyDown 0.2s ease-in 0.05s forwards; } } } @keyframes wobble{ 25%{ transform:rotate(4deg); } 75%{ transform:rotate(-2deg); } } @keyframes flyUp{ 75%{ opacity:1; } 100%{ transform:translateY(-1000px) rotate(20deg); opacity:0; } } @keyframes flyDown{ 75%{ opacity:1; } 100%{ transform:translateY(100%); opacity:0; } } .step-1 .icons .row span{ opacity:0; } .step-1 .icons .row span:first-child { transform: translateY(1000%) translateX(600%); } .step-1 .icons .row span:nth-child(2) { transform: translateY(700%) translateX(500%); } .step-1 .icons .row span:nth-child(3) { transform: translateY(700%) translateX(400%); } .step-1 .icons .row span:nth-child(4) { transform: translateY(700%) translateX(300%); } .step-1 .icons .row span:nth-child(5) { transform: translateY(700%) translateX(200%); } .step-1 .icons .row span:nth-child(6) { transform: translateY(700%) translateX(100%); } .step-1 .icons .row span:nth-child(7) { transform: translateY(700%) translateX(0); } .step-1 .icons .row span:nth-child(8) { transform: translateY(700%) translateX(-100%); } .step-1 .icons .row span:nth-child(9) { transform: translateY(700%) translateX(-200%); } .step-1 .icons .row span:nth-child(10) { transform: translateY(700%) translateX(-300%); } .step-1 .icons .row span:nth-child(11) { transform: translateY(700%) translateX(-400%); } .step-1 .icons .row span:nth-child(12) { transform: translateY(700%) translateX(-500%); } .step-1 .icons .row span:nth-child(13) { transform: translateY(700%) translateX(-600%); } .step-2 .icons .row span:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .step-2 .icons .row span:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .step-2 .icons .row span:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .step-2 .icons .row span:nth-child(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .step-2 .icons .row span:nth-child(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .step-2 .icons .row span:nth-child(7) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .step-2 .icons .row span:nth-child(8) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .step-2 .icons .row span:nth-child(9) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .step-2 .icons .row span:nth-child(10) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .step-2 .icons .row span:nth-child(11) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .step-2 .icons .row span:nth-child(12) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .step-2 .icons .row span:nth-child(13) { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .step-2 .icons span,.step-3 .icons span,.step-4 .icons span { opacity: 0.7; transition-timing-function: cubic-bezier(0.000, 0.000, 0.200, 0.910); } .step-4 .icons .row span,.step-3 .icons .row span { animation: wobble 0.6s linear infinite forwards; } .step-4 .icons .row span:nth-child(even),.step-3 .icons .row span:nth-child(even) { animation-duration: 0.7s; } .title{text-align: center; font-family: "Mountains of Christmas"} #footer a:link{color:black} #footer a:visited{color:black} #footer a:hover{color: $roof} si js: /** Asset => JS audio using howlerJS: https://howlerjs.com/ Apple Font: https://sf.abarba.me/SF-UI-Text-UltrathinItalic.otf ===https://gist.github.com/AndrewBarba/2c0f6612ceef30f5f55d=== iPhone signal bar: https://icons8.com/icon/set/signal/all iPhone framework: https://preview.ibb.co/dGjspw/Untitled_1.png **/ var d = new Date(); var dt = d.getDate(); var h = d.getHours(); var m = d.getMinutes(); function aZero(n) { return n.toString().length == 1 ? n = '0' + n : n; } (function() { var days = ['Duminica','Luni','Marti','Miercuri','Joi','Vineri','Sambata']; var months = ['Ianuarie','Februarie','Martie','Aprilie','Mai','Iunie','Iulie','August','Septembrie','Octombrie','Noiembrie','Decembrie']; Date.prototype.getMonthName = function() { return months[ this.getMonth() ]; }; Date.prototype.getDayName = function() { return days[ this.getDay() ]; }; })(); var day = d.getDayName(); var month = d.getMonthName(); var x = aZero(h)+":"+aZero(m); var y = day+", "+month+" "+dt; var o = "ICG"; document.getElementById("clock-text").innerHTML = x; document.getElementById("date-text").innerHTML = y; document.getElementById("temp-notch").innerHTML = o; var message = document.getElementById('message-overlay'); var mw = document.getElementById('merrywrap'); var audio = new Howl({ src: ['https://s0.vocaroo.com/media/download_temp/Vocaroo_s0E0FP15QAsj.mp3'], volume: 0 }); var mcSong = new Howl({ src: ['https://ia802604.us.archive.org/12/items/WeWishYouAMerryChristmas_123/WeWishYouAMerryChristmas_64kb.mp3'], volume: 0, loop: true, }); // <!-- GIFT BOX SOURCE CODE: https://tympanus.net/codrops/2013/12/24/merry-christmas-with-a-bursting-gift-box/ --> function giftAnimation(){ var merrywrap=document.getElementById("merrywrap"); var box=merrywrap.getElementsByClassName("giftbox")[0]; var step=1; var stepMinutes=[2000,2000,1000,1000]; function init(){ box.addEventListener("click",openBox,false); } function stepClass(step){ merrywrap.className='merrywrap'; merrywrap.className='merrywrap step-'+step; } function openBox(){ if(step===1){ box.removeEventListener("click",openBox,false); } stepClass(step); if(step===3){ } if(step===4){ return; } setTimeout(openBox,stepMinutes[step-1]); step++; } init(); } // ===================== $(document).ready(function(){ setTimeout(function() { audio.play(); message.className += ' animated zoomIn'; message.style.visibility = "visible"; }, 2000); $("#message-overlay").click(function() { $("#lock-icon").remove(); $("#clock-text-overlay").remove(); $("#date-overlay").remove(); $("#message-overlay").remove(); $("#touch-overlay").remove(); mcSong.play(); $(".content").css('background-image', 'url(https://i.imgur.com/DzJlfu9.png)'); document.getElementById("temp-notch").innerHTML = x; mw.style.visibility = "visible"; giftAnimation(); }); }) Sper sa reusesti.
  4. DSandu
    Am incercat, dar nu merge la cele 2 butoane de jos cu camera si lanterna. La butonul de notificare merge, duce pe o noua pagina doar ca se deschide si acea cutie in despre care am zis ca vreau sa o faca doar prima notificare. Ai skype sau ts, ceva? Sa discutam si sa iti arat live ce vreau?
  5. DSandu
    Descarca te rog fisierele pe care le-am atasat, probabil o sa intelegi mai usor ce vreau sa spun. Nu le am deloc cu js si de aia nu stiu nici sa explic. Ideea e ca deja sunt butoane, de fapt imagini, alea jos, vreau cand dai click pe ele sa redirectioneze pe o pagina, intr-un nou tab. Si mai sus era o "notificare" pe ecran si cand dai click pe ea apare o cutie si un scris, am copiat tagul din html si acum apar 3 notificari, dar eu vreu decat prima sa aiba functioa originala, cu cutia si scrisul, iar celelalte 2 sa duca pe alte pagini diferite.
  6. DSandu
    Chiar nimeni? Nici dupa o saptamana?
  7. DSandu
    Salut! Am un script de pe un site, "Iphone gift box" se numeste scriptul. Este un iphone pe care apare o notificare, cand dai click pe ea apare un cadou pe care il deschizi si apare un text. Eu vreau sa mai adaug inca 2 notificari, ceea ce am si facut (am copiat tagul in fisierul html), insa ele fac aceeasi actiune ca si prima, eu nu mai vreau sa imi apara acel cadou, ci sa ma redirectioneze pe o noua pagina web, am incercat sa adaug anchor text in html, merge, dar face si actiunea cu cadoul, cum o scot de la urmatoarele 2 notificari, dar sa ramana la prima. O alta chestie pe care o vreau este sa adaug la fel redirect pe o noua pagina la click pe butoanele de jos de lanterna si camera, care nu fac nimic ele momentan, am incercat cu anchor text dar nu merge, cred ca trebuie ceva in js. Cine ma poate ajuta? index.js style.css style.scss index.html
  8. DSandu
    DSandu changed their profile photo
  9. DSandu
    La mine merg foarte bine. Unde le-ai adaugat? In tema sau in Ad Code Integration?
×
×
  • 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.