Ответы пользователя Grigruss по тегу «CSS»

Скрипт добавления класса при прокрутке?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

https://jsfiddle.net/grigruss/byhst41L/

Ответ написан более трёх лет назад

4 комментария

Почему центрирование текста не происходит?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

htmlbook.ru - как начинающим, так и опытным в помощь.

Ответ написан более трёх лет назад

Комментировать

Как правильно создать HTML таблицу с помощью javascript?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

trHTML+='<tr>';
$.each(x,function(k,v){
    trHTML+='<td>'+v+'</td>';
});
trHTML+='</tr>';

Ответ написан более трёх лет назад

Комментировать

Снежок и "заморозка" логотипа, как сделать (быстрее, эффективнее, проще)?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

В топку флешь. SVG или GIF. Можно даже видео...

Единственное что надумал - нарисовать с три десятка картинок с разными стадиями процесса, склеить их в спрайт и сдвигать джаваскриптом кадры.

Я бы так и сделал. Только не сдвигать, а накладывать один поверх другого.
P.S.:
.ice-layer{opacity:0}

var to=0;
$('.ice-layer').each(function(){
    setTimeOut("$(this).animation({opacity:1},100)",to);
    to=to+100;
});

Ответ написан более трёх лет назад

Комментировать

Как запретить скроллить body на мобильных/тач устройствах при overflow: hidden?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

$(window).scroll(function(){
   if($('body').scrollTop()>0)
        $('body').scrollTop(0);
});

P.S.: Можно ещё проще:

$(window).scroll(function(){
        $('body').scrollTop(0);
});

Ответ написан более трёх лет назад

11 комментариев

Почем при размещении блока на картинке, картинка постоянно впереди?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

Типичный пример:

.image-block{background:url('image-file.jpg')no-repeat center;background-size:contain;}

<div class="image-block">
    Можно даже без блока. Текст будет поверх картинки.
    <div>А можно и с блоком. Тоже будет поверх картинки, если у текущего div будет position:relative.</div>
</div>

Ответ написан более трёх лет назад

5 комментариев

Где можно продавать шаблоны сайтов?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

Где можно продавать шаблоны сайтов?

Где можно за достойные деньги продавать psd макеты или уже готовые и как лучше?

PSD - просто картинка. Навороченная, многослойная, качественная, но картинка.
Шаблон сайта - Часть программного кода движка сайта, отвечающая за общий внешний вид страниц.
Если есть художественный талант, и можете создавать картины, иллюстрации или портреты, стоит поискать работу на сайтах по художественному фрилансу.
Если хотите заниматься именно веб-дизайном, изучайте HTML, CSS, JS и ещё один - два скриптовых языка, в зависимости от того, для какого движка собираетесь делать дизайн.

Ответ написан более трёх лет назад

4 комментария

Как организовывать html в одностраничном веб-приложении?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

Мне кажется без обработки на сервере нормального решения не получится.

Например,есть экран регистрации и есть экран непосредственно показа контента

Значит контент не должен быть читаем до регистрации, а значит он вообще не должен попадать в браузер ни в каком виде. Только после прохождения регистрации. Минимум два файла, или один но с использованием функционально части на сервере. А в этом случае все очень просто и примеров масса.

Ответ написан более трёх лет назад

3 комментария

Как сделать раскрытие всех подменю?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

nav .sub-item{display:none;}

<nav>
<div class="item">НОВОСТЬ<div class="sub-item">ВЛОЖЕННАЯ НОВОСТЬ</div></div>
</nav>

$('nav .item').mouseover(function(){$(this).children('.sub-item').css('display','block');});

Чистый принцип.

Ответ написан более трёх лет назад

Комментировать

Как подгружать разные наборы библиотек на разных страницах?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

Все зависит от движка. К примеру если используется PHP, тогда можно до отправки страницы в браузер задать условие типа:

$head="<!DOCTYPE html><html><head><meta charset=\"utf-8\">
if(strpos($html,"$(")!==FALSE){ // сочетание $( или jQuery( всегда есть в кодах jQuery
    $head.="<script type=\"text/javascript\" src=\"js/jquery-2.1.4.min.js\"></script>";
}
$head.="</head>"; // и так далее

Ответ написан более трёх лет назад

1 комментарий

Как убрать "несуществующую" часть блока?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

li{margin:0;padding:0;}
Это стандартный отступ у маркированных списков...

Ответ написан более трёх лет назад

Комментировать

Как сделать изменение размера шрифта у сайта фиксированной ширины?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

https://learn.javascript.ru/css-units
P.S.: наверное конкретно это

Ответ написан более трёх лет назад

4 комментария

Что делать если все стили в html?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

Вынести стили и использовать классы в тех местах, где это просится. Скорость не зависит от того где прописаны стили, просто удобней если они во внешнем файле. Использованием классов вместо id можно оптимизировать код для JS и CSS, что как раз и повысит скорость.
В любом случае ручками править.

Ответ написан более трёх лет назад

Комментировать

Как сделать отступ div от родителя а не от края body?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

body {margin:0px;padding:0px;}
.box1 {width:200px;height:200px;background:#ff0000;padding:20px 0;}
.box2 {width:100px;height:100px;background:#0000ff;}

Ответ написан более трёх лет назад

Комментировать

Как лучше всего верстать векторные иконки?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

Я как раз пользуюсь svg, и такая проблема была. Если шрифт не отображается, значит в компьютере просто нет этого шрифта. Лучше взять за правило использовать только Arial и Times New Roman. Если нужно другой шрифт, то конвертировать его в кривые, тогда иконка будет шрифтонезависимой и откроется на любой машине.

Ответ написан более трёх лет назад

2 комментария

Как сделать ширину дива по весь экран?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

У вас position:absolute. При таком параметре div минимизируется. Единственный простой и нормальный способ, через JS или jQuery определить ширину окна и применить min-width

$('div.button').css('min-width',$(window).width());

P.S.: Вячеслав верно заметил. max-width убрать.

Ответ написан более трёх лет назад

5 комментариев

Как сделать динамическое изменение высоты пустого блока?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

div.some-block{
    background:url('some.img')no-repeat center;
    background-size: contain;
}

background-size
Размером блока я думаю умеете управлять.

Ответ написан более трёх лет назад

Комментировать

Как продолжить нумерацию?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

Капец...

echo "<ol start=\"1\">";
foreach($somearray as $val){
    echo "<li>{$val}</li>";
}
echo "</ol>";

Ответ написан более трёх лет назад

Комментировать

Как расположить так SVG?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

Без JS или jQuery не обойтись... .animate()

Ответ написан более трёх лет назад

Комментировать

Как сделать горизонтальную прокрутку в письме gmail?

Grigruss @grigruss

Мне вообще плевать на ИТ, спецов и без меня хватае

Вроде бы так...

<div style="overflow: auto;"><div>
<table width="100%" height="300" cellspacing="0" cellpadding="0" border="0">
<tbody>
  <tr>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    </tr>
</tbody></table></div>
</div>

Ответ написан более трёх лет назад

Комментировать

Войдите на сайт