Графика/Дизайн | Кто может зделать
Bipolyarich 
Кто может зделать такой дизайн на css?
Пример >вот< не спам.
________
посл. ред. 20.01.2020 в 08:17; всего 1 раз(а); by serwer1
SERWER Пример >вот< не спам.
________
посл. ред. 20.01.2020 в 08:17; всего 1 раз(а); by serwer1
Paha 
.footer{background:url(/img/footer/bg.png) 50% 0;box-sizing:border-box;padding-top:25px;position:relative}.footerMainBar{display:flex;justify-content:center;flex-wrap:wrap}.footerBag,.footerHero,.footerOrden,.footerOutsideTown,.footerTown{width:88px;height:101px;transition:opacity .5s ease}.footerHero{background:url(/img/footer/hero.png) no-repeat}.footerBag{display:flex;justify-content:flex-end;box-sizing:border-box;padding-top:16px;padding-right:17px;background:url(/img/footer/bag.png) no-repeat}.footerOrden{background:url(/img/footer/orden.png) no-repeat}.footerTown{background:url(/img/footer/town.png) no-repeat}.footerOutsideTown{background:url(/img/footer/outside-town.png) no-repeat}.footerBag:hover,.footerHero:hover,.footerOrden:hover,.footerOutsideTown:hover,.footerTown:hover{opacity:.7}.footerSecondBar{display:flex;flex-wrap:wrap;justify-content:space-around;max-width:420px;padding-top:5px}.footerSecondBar>a{text-align:center;display:flex;flex-direction:column;align-items:center;transition:opacity .5s ease;color:#e3e3e3}.footerSecondBar>a:hover{opacity:.7}.footerText{text-align:center;color:#666a6d;padding-bottom:5px}.routeActive{filter:brightness(130
;cursor:url(/img/icons/cursor.png),auto}.routeActive:hover{opacity:1}
.updates{position:absolute;z-index:10;width:300px;height:390px;right:0;background:url(/img/header/updates.png) no-repeat;box-sizing:border-box;padding:3px}.updatesContent{background:linear-gradient(90deg,#1a1022,rgba(38,28,45,.97));width:100%;height:100%}.updatesNav{display:flex;justify-content:center;color:#e9e9e9}.updatesNavBtn{background:linear-gradient(#4a2a74,#341d51);padding:3px 5px;margin-right:3px}.updatesNavBtn.active{background:none}.updatesMessages{height:340px;overflow-y:scroll}.updatesMessages ul>li{color:#bec0c3;padding:5px;background:#25192d}.updatesMessages ul>li:nth-child(odd){color:#d7dadd;background:none}.updatesMessageTitle{color:#f2e9c1;font-size:13px}.updatesHref{padding:2px 5px;display:inline-block;border:1px solid #606060;border-radius:3px}
.header{height:80px;background:url(/img/header/bg.jpg) no-repeat;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-around;padding-top:10px;box-sizing:border-box}.headerHero{position:relative;background:url(/img/header/hero-2.png) no-repeat;width:197px;height:63px;margin-top:-6px;-webkit-user-select:none;user-select:none}.headerHeroConcentration,.headerHeroHealth{position:absolute;z-index:3;top:21px;color:#fff;font-family:a_RomanusCps;font-size:16px}.headerHeroHealth{left:83px}.headerHeroConcentration{left:147px}.headerNotificationSection{display:flex;justify-content:center;margin-top:-10px;flex-direction:column}.headerHeroLvl{position:absolute;z-index:3;top:36px;left:38px;justify-content:center;align-items:center;color:#eee;font-weight:700;display:flex;background:url(/img/header/lvl.png) no-repeat;width:26px;height:28px}.headerAvatar{width:60px;height:61px}.headerExpContainer{position:absolute;z-index:3;top:41px;right:20px;height:10px;width:105px}.headerExpValue{position:absolute;top:-1px;font-size:12px;color:#ddd;font-weight:700;width:105px;text-align:center}.headerExpLine{background:url(/img/header/xp.png) no-repeat;height:10px}.headerHeroLogin{font-weight:700;color:#eee;position:absolute;left:50px;top:-4px;font-size:17px;font-family:a_RomanusCps;line-height:10px}.headerCurrencyContainer{width:110px;display:flex;flex-direction:column}.headerCurrencyValue{align-self:center;color:#d0d0d0;font-size:12px;padding-bottom:1px;padding-right:6px}.headerCurrencyIcon{position:absolute;top:6px;left:5px}.headerCurrencyGet{position:absolute;background:url(/img/header/currency-get.png) no-repeat;width:19px;height:16px;right:13px;top:9px}.headerCurrency{background:url(/img/header/bg-currency-2.png) no-repeat;width:110px;height:35px}.headerCurrency,.title{display:flex;position:relative;justify-content:center}.title{z-index:1;background:url(/img/header/title.png) 50%;height:31px;align-items:center}.title>.title18{margin-top:-4px}
:root{--gameWidth:420px;--itemRank-1:#c9c9c9;--itemRank-2:#0078ff;--itemRank-3:#9e00ff;--itemRank-4:#e50b2c;--itemRank-5:#f7f011;--itemRank-6:#11e425;--itemRank-7:#1cffeb}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.progressBar.stop{width:0;animation-name:none}.progressBar.start{width:0;animation:progressBar 3s linear 1 forwards}.progressBar.fail{width:100%;background:#d30800}.progressBar{position:fixed;left:0;top:0;z-index:1001;height:3px;background:#f1cb00;transition:opacity .2s ease}@keyframes progressBar{10%{width:25%}30%{width:50%}60%{width:75%}99%{width:100%}to{width:0}}.pageInfo{padding:5px 0 10px 10px;font-size:14px;text-shadow:-1px -1px #111,1px
Хидди ;cursor:url(/img/icons/cursor.png),auto}.routeActive:hover{opacity:1}.updates{position:absolute;z-index:10;width:300px;height:390px;right:0;background:url(/img/header/updates.png) no-repeat;box-sizing:border-box;padding:3px}.updatesContent{background:linear-gradient(90deg,#1a1022,rgba(38,28,45,.97));width:100%;height:100%}.updatesNav{display:flex;justify-content:center;color:#e9e9e9}.updatesNavBtn{background:linear-gradient(#4a2a74,#341d51);padding:3px 5px;margin-right:3px}.updatesNavBtn.active{background:none}.updatesMessages{height:340px;overflow-y:scroll}.updatesMessages ul>li{color:#bec0c3;padding:5px;background:#25192d}.updatesMessages ul>li:nth-child(odd){color:#d7dadd;background:none}.updatesMessageTitle{color:#f2e9c1;font-size:13px}.updatesHref{padding:2px 5px;display:inline-block;border:1px solid #606060;border-radius:3px}
.header{height:80px;background:url(/img/header/bg.jpg) no-repeat;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-around;padding-top:10px;box-sizing:border-box}.headerHero{position:relative;background:url(/img/header/hero-2.png) no-repeat;width:197px;height:63px;margin-top:-6px;-webkit-user-select:none;user-select:none}.headerHeroConcentration,.headerHeroHealth{position:absolute;z-index:3;top:21px;color:#fff;font-family:a_RomanusCps;font-size:16px}.headerHeroHealth{left:83px}.headerHeroConcentration{left:147px}.headerNotificationSection{display:flex;justify-content:center;margin-top:-10px;flex-direction:column}.headerHeroLvl{position:absolute;z-index:3;top:36px;left:38px;justify-content:center;align-items:center;color:#eee;font-weight:700;display:flex;background:url(/img/header/lvl.png) no-repeat;width:26px;height:28px}.headerAvatar{width:60px;height:61px}.headerExpContainer{position:absolute;z-index:3;top:41px;right:20px;height:10px;width:105px}.headerExpValue{position:absolute;top:-1px;font-size:12px;color:#ddd;font-weight:700;width:105px;text-align:center}.headerExpLine{background:url(/img/header/xp.png) no-repeat;height:10px}.headerHeroLogin{font-weight:700;color:#eee;position:absolute;left:50px;top:-4px;font-size:17px;font-family:a_RomanusCps;line-height:10px}.headerCurrencyContainer{width:110px;display:flex;flex-direction:column}.headerCurrencyValue{align-self:center;color:#d0d0d0;font-size:12px;padding-bottom:1px;padding-right:6px}.headerCurrencyIcon{position:absolute;top:6px;left:5px}.headerCurrencyGet{position:absolute;background:url(/img/header/currency-get.png) no-repeat;width:19px;height:16px;right:13px;top:9px}.headerCurrency{background:url(/img/header/bg-currency-2.png) no-repeat;width:110px;height:35px}.headerCurrency,.title{display:flex;position:relative;justify-content:center}.title{z-index:1;background:url(/img/header/title.png) 50%;height:31px;align-items:center}.title>.title18{margin-top:-4px}
:root{--gameWidth:420px;--itemRank-1:#c9c9c9;--itemRank-2:#0078ff;--itemRank-3:#9e00ff;--itemRank-4:#e50b2c;--itemRank-5:#f7f011;--itemRank-6:#11e425;--itemRank-7:#1cffeb}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.progressBar.stop{width:0;animation-name:none}.progressBar.start{width:0;animation:progressBar 3s linear 1 forwards}.progressBar.fail{width:100%;background:#d30800}.progressBar{position:fixed;left:0;top:0;z-index:1001;height:3px;background:#f1cb00;transition:opacity .2s ease}@keyframes progressBar{10%{width:25%}30%{width:50%}60%{width:75%}99%{width:100%}to{width:0}}.pageInfo{padding:5px 0 10px 10px;font-size:14px;text-shadow:-1px -1px #111,1px
Метриум, пасеба xD
vlphan
Метриум, это лиш css а мне нужен весь дизайн
я) бордерграунд колор #000000
Romanko
serwer1 (20.01.2020 в 09:10)
Метриум, это лиш css а мне нужен весь дизайн
ну возьми дальше сам вытащи дивы и все
Метриум, это лиш css а мне нужен весь дизайн
serwer1, это больше 150 рублей не стоит)
И то, это просто за то,что кто-то время потеряет.
Тут даже писать нечего Ctrl c ctrl V
И то, это просто за то,что кто-то время потеряет.
Тут даже писать нечего Ctrl c ctrl V