по готовому.Разработка дизайна и верстка, или просто верстка по готовому дизайну ?
Норм, пиарить друг другаNO SLEEP#9141
А тебе он зачем? Люди пишут сами цену, а тут ты спрашиваешь бюджет. Или ты смотря на бюджет хочешь попросить цену? Если он скажет 600000, ты скажешь 300000?Бюджет ?
для тебя 500р и то многоНу если бюджет 500р то зачем оно надо ?!
@media (max-width: 1300px) {
.inGameHud {zoom: 70%}
}
@media (min-width: 1301px) and (max-width: 1400px) {
.inGameHud {zoom: 80%}
}
@media (min-width: 1401px) and (max-width: 1650px) {
.inGameHud {zoom: 80%}
}
@media (min-width: 1651px) and (max-width: 2560px) {
.inGameHud {zoom: 100%}
}
.inGameHud .toprigth{
position: relative;
top: 2%;
left: 1670px;
width: 150px;
height: 150px;
display: inline-block;
font-size: 20px;
text-align: left;
line-height: 1.7;
opacity: 0.8;
}
<table style="font-size:15px;font-weight: 900;color:#fff;">
<tr><td><p class="help-buttons">M</p></td><td><p class="help-buttons2">Телефон</p></td></tr>
<tr><td><p class="help-buttons">I</p></td><td><p class="help-buttons2">Инвентарь</p></td></tr>
<tr><td><p class="help-buttons">B</p></td><td><p class="help-buttons2">Завести ТС</p></td></tr>
<tr><td><p class="help-buttons">L</p></td><td><p class="help-buttons2">Замок ТС</p></td></tr>
<tr><td><p class="help-buttons">5</p></td><td><p class="help-buttons2">Никнеймы</p></td></tr>
<tr><td><p class="help-buttons">F3</p></td><td><p class="help-buttons2">Перезагрузить микрофон</p></td></tr>
<tr><td><p class="help-buttons">F5</p></td><td><p class="help-buttons2">Скрыть HUD</p></td></tr>
<tr><td><p class="help-buttons">F10</p></td><td><p class="help-buttons2">Донат панель</p></td></tr>
</table>
<div class="speedometer_hud" :style="{ opacity: inVeh ? 1 : 0 }">
<div class="speedcount" v-if="speed < 100">
<a class="count">{{speed}}</a>
<p>км/ч</p>
</div>
<div class="speedcount" v-else-if="speed < 200">
<a class="count" style="color:#eda123">{{speed}}</a>
<p>км/ч</p>
</div>
<div class="speedcount" v-else="speed < 300">
<a class="count" style="color:red">{{speed}}</a>
<p>км/ч</p>
</div>
<div class="speedcount" v-else="speed < 450">
<a class="count" style="color:rgb(234, 0, 255)">{{speed}}</a>
<p>км/ч</p>
</div>
<div class="fuel">
<a>{{fuel}} л.</a>
<img src="hud/fuel.svg" style="opacity:0.2" class="fuel_ico">
</div>
</div>
Бля, зумить верстку это конечно сильно, адаптив на максималках. Отступ от левого края в 1600 пикселей удивил.для тебя 500р и то много
CSS:@media (max-width: 1300px) { .inGameHud {zoom: 70%} } @media (min-width: 1301px) and (max-width: 1400px) { .inGameHud {zoom: 80%} } @media (min-width: 1401px) and (max-width: 1650px) { .inGameHud {zoom: 80%} } @media (min-width: 1651px) and (max-width: 2560px) { .inGameHud {zoom: 100%} } .inGameHud .toprigth{ position: relative; top: 2%; left: 1670px; width: 150px; height: 150px; display: inline-block; font-size: 20px; text-align: left; line-height: 1.7; opacity: 0.8; }
HTML:<table style="font-size:15px;font-weight: 900;color:#fff;"> <tr><td><p class="help-buttons">M</p></td><td><p class="help-buttons2">Телефон</p></td></tr> <tr><td><p class="help-buttons">I</p></td><td><p class="help-buttons2">Инвентарь</p></td></tr> <tr><td><p class="help-buttons">B</p></td><td><p class="help-buttons2">Завести ТС</p></td></tr> <tr><td><p class="help-buttons">L</p></td><td><p class="help-buttons2">Замок ТС</p></td></tr> <tr><td><p class="help-buttons">5</p></td><td><p class="help-buttons2">Никнеймы</p></td></tr> <tr><td><p class="help-buttons">F3</p></td><td><p class="help-buttons2">Перезагрузить микрофон</p></td></tr> <tr><td><p class="help-buttons">F5</p></td><td><p class="help-buttons2">Скрыть HUD</p></td></tr> <tr><td><p class="help-buttons">F10</p></td><td><p class="help-buttons2">Донат панель</p></td></tr> </table> <div class="speedometer_hud" :style="{ opacity: inVeh ? 1 : 0 }"> <div class="speedcount" v-if="speed < 100"> <a class="count">{{speed}}</a> <p>км/ч</p> </div> <div class="speedcount" v-else-if="speed < 200"> <a class="count" style="color:#eda123">{{speed}}</a> <p>км/ч</p> </div> <div class="speedcount" v-else="speed < 300"> <a class="count" style="color:red">{{speed}}</a> <p>км/ч</p> </div> <div class="speedcount" v-else="speed < 450"> <a class="count" style="color:rgb(234, 0, 255)">{{speed}}</a> <p>км/ч</p> </div> <div class="fuel"> <a>{{fuel}} л.</a> <img src="hud/fuel.svg" style="opacity:0.2" class="fuel_ico"> </div> </div>