Ответы пользователя Ваге

Каким образом можно убрать рамку вокруг ссылки?

Ваге @vahe_2000

:focus {outline:none;}
::-moz-focus-inner {border:0;}

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

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

Как фиксировать body при прокрутке страницы?

Ваге @vahe_2000

Если у вас позиция меню position:absolute; измените его position:relative;

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

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

Как разобраться в темах для Wordpress?

Ваге @vahe_2000

YouTube

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

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

GNU GPL Лицензия, или что могут сделать со мной?

Ваге @vahe_2000

Читайте вот здесь Ответы на вопросы о лицензиях GNU

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

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

Как передать из php в javascript массив?

Ваге @vahe_2000

<script type="text/javascript">
var ar = <?php echo json_encode($ar) ?>;
</script>

Функция PHP json_encode возвращает строку, содержащую JSON эквивалент стоимости переданного ей в качестве мы демонстрируем здесь с численно индексированный массив:

Или это попробуйте

<script type="text/javascript">
var fruits = <?php echo '["' . implode('", "', $fruits) . '"]' ?>;
</script>

The implode() function returns a string from the elements of an array.
The implode() function accept its parameters in either order. However, for consistency with explode(), you should use the documented order of arguments.
The separator parameter of implode() is optional. However, it is recommended to always use two parameters for backwards compatibility.
This function is binary-safe.

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

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

Как мне правильно написать такой jQuery скрипт?

Ваге @vahe_2000

Попробуем сделать так я приведу такой пример

HTML

<header></header>
<main>
  <script> 
    for(var i = 0; i < 40; i++){ 
    document.write("<h2>"+(i+1)+". Dummy page content ... </h2>"); 
    }
</script>
</main>
<footer></footer>

CSS

body {
    padding-top: 40px;
}

header {
    background: #f5b335;
    height: 40px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

.nav-up {
    top: -40px;
}

main {
   background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVQYV2O8dOnSfwYg0NPTYwTRuAAj0QqxmYBNM1briFaIzRbi3UiRZ75uNgUHGbfvabgfsHqGaIXYPAMAD8wgC/DOrZ4AAAAASUVORK5CYII=
   ) repeat;
    height: 2000px;
}

И наконец jQuery

var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('header').outerHeight();

$(window).scroll(function(event){
    didScroll = true;
});

setInterval(function() {
    if (didScroll) {
        hasScrolled();
        didScroll = false;
    }
}, 250);

function hasScrolled() {
    var st = $(this).scrollTop();
    
    // Убедитесь, что они прокрутки более чем на дельте
    if(Math.abs(lastScrollTop - st) <= delta)
        return;
    
    // Если они прокручиваются вниз и мимо навигационной панели, добавить класс .nav-up.
    // Это необходимо, чтобы вы никогда не увидите, что "за" навигационной панели.
    if (st > lastScrollTop && st > navbarHeight){
        // Прокрутка вниз
        $('header').removeClass('nav-down').addClass('nav-up');
    } else {
        // Прокрутка вверх
        if(st + $(window).height() < $(document).height()) {
            $('header').removeClass('nav-up').addClass('nav-down');
        }
    }
    
    lastScrollTop = st;
}

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

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

Анимация при открытии страницы?

Ваге @vahe_2000

Нужно использовать свойства анимация animation-delay

-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
 animation-delay: 2s;

Это определяет задержку анимации
Значение задержки анимации определяется в секундах (s) или миллисекунд (ms).
Если вы назначаете -2s анимация начнется сразу 2 секунд спустя.
Не знаю смог хорошо объяснить, смотрите в этом пример..Даже пример который вы указали анимация начинается при наведения курсора там есть блок <div></div>
назначим
HTML
<div></div>
значения назначем none
CSS

div {
    width: 100px;
    height: 100px;
    background: red;
    position: relative;
    -webkit-animation: mymove 2s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-delay: none; /* Chrome, Safari, Opera */
    animation: mymove 2s infinite;
    animation-delay: none;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 200px;}
}

@keyframes mymove {
    from {left: 0px;}
    to {left: 200px;}
}

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

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

Проверка наличия слова в Input и переход на другую страницу?

Ваге @vahe_2000

if($name == 'value'){
header("location:page.php");
} else {
echo "Your text";
}

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

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

Как сделать прозрачной рамку для кнопки?

Ваге @vahe_2000

<input type="button" class="button" value="GO AHEAD" />

CSS

.button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 218px;
  height: 57px;
  cursor: pointer;
  padding: 10px 20px;
  border: 7px solid #BBEBE1;
  font: normal 23px/normal Arial, Helvetica, sans-serif;
  color: rgba(255,255,255,0.9);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #1ABC9C;
}

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

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

Как растянуть картинку на всю высоту ячейки в зависимости от высоты соседней ячейки таблицы?

Ваге @vahe_2000

Я приведу пример из jsfiddle.net/k349os5o
просто вы должны назначить ширину,назначим его 100px.

img {
    width: 100px;
    height:auto;
}

А высоту назначим автоматически height:auto;
А если вы были внимательно в том примеры был ширина автоматически а высота был назначен 100%.Вот и все ширина будет 100px а высота будет автоматически растягиваться на высоту текста.

p{
  display: table-cell;
  vertical-align: top;
}
img {
    width: 100px;
    height:auto;
}
.image {
    display: table-cell;
    vertical-align: top;
    padding: 0 20px 0 0;;
}
.section {
    display: table;
}

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

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

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

Ваге @vahe_2000

добавим border и border-radius,изменяем углы .

HTML
<img src="#"></img>

CSS

img{
  width:110px;
  height:110px;
  border-radius:100%;
  border:5px solid #333;
}

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

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

Как правильно сверстать такую форму поиска(на рис.) с выбором категорий?

Ваге @vahe_2000

Смотри здесь хороший пример,с помощью Bootstrap.

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

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

Как отправить письмо на mail.ru?

Ваге @vahe_2000

Попробуй этот код,возможно у тебя не работает функция mail() праверь.
Примеры есть в w3schools

<?php
$to = "somebody@example.com";
$subject = "Тема";
$txt = "Привет Мир!";
$headers = "From: webmaster@example.com" . "\r\n" .
"CC: somebodyelse@example.com";

mail($to,$subject,$txt,$headers);
?>

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

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

Как сделать вот такое меню?

Ваге @vahe_2000

Наверное вам нужен полоса а не меню просто вот пример

Создаем лист с помощью HTML

<ul>
  <li>Главная</li>
  <li>Галерея</li>
  <li>Доставка</li>
  <li>Контакты</li>
</ul>

Мы будем изменить задний фон ul

ul{
  background:#a1a1a1;
  padding:5px;
  position:absolute;
  left:600px;
  width:830px;
}
ul li{
  position:relative;
  left:-5px;
  list-style:none;
  display:inline;
  padding:5px;
  padding-bottom:6px;
  background:red;
  color:#fff;
}

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

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

Как сделать такую кнопку в css, чтобы были другие углы или другие формы?

Ваге @vahe_2000

Возможно вы имейте виду это посмотрите в JSFIDDLE

HTML

<div>
    <p>text..</p>
</div>

<div>
    <p>text..</p>
</div>

<div>
    <p>text..</p>
</div>

CSS

div:nth-child(1) {
    background: rgb(122, 206, 122);
    height: 140px;
    transform: skew(-10deg) rotate(2deg);
    -webkit-transform: skew(-10deg) rotate(2deg);
    -moz-transform: skew(-10deg) rotate(2deg);
}

div:nth-child(1) p {
    transform: skew(10deg) rotate(-2deg);
    -webkit-transform: skew(10deg) rotate(-2deg);
    -moz-transform: skew(10deg) rotate(-2deg);
    padding: 3% 2%;
}

div:nth-child(2) {
    border-bottom: 180px solid rgb(233, 233, 65);
    border-left: 8px solid transparent;
    border-right: 14px solid transparent;
    height: 0;
    margin-top: 60px;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
}

div:nth-child(2) p {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    padding: 3.5% 3%;
}

div:nth-child(3) {
    border-top: 140px solid rgb(253, 74, 74);
    border-left: 23px solid transparent;
    border-right: 14px solid transparent;
    height: 0;
    margin-top: 20px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
}

div:nth-child(3) p {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    position: absolute;
    top: -140px;
    padding: 3% 3%;
}

div:nth-child(3):before {
    content: '';
    width: 124%;
    height: 80px;
    background: #fff;
    position: absolute;
    left: -20%;
    bottom: 120px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
}

Вместо <div></div> ставьте <button></button> или что то другое
Чтобы не сделать круглые углы как вы же сказали нужно использовать свойство border-radius:none;

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

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

Где можно черпать вдохновение веб-дизайнеру?

Ваге @vahe_2000

AWWWARDS и CSSDESIGNAWARDS
Самые красивые сайты и не только.Смотри работы дизайнеров в CodePen

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

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

Как вернуть CSS3 анимацию, когда убираешь курсор?

Ваге @vahe_2000

Не надо извинятся вот код ты также можешь добавить что хочиш в селекторе :hover
Я создал блог с помощью <div></div> измени добавь id class..

div {
  background: red;
  width:100px;
  height:100px;
   -webkit-animation: mymove 0.3s infinite;
  animation: mymove 0.3s infinite;
}
@-webkit-keyframes mymove {
0% {opacity: 0;} 
100% {opacity: 1;} 
}
@keyframes mymove { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
/* При наведении  */
div:hover{
  -webkit-animation: mymove1 0.3s infinite;
    animation: mymove1 0.3s infinite;
}
@-webkit-keyframes mymove1 {
0% {opacity: 1;} 
100% {opacity: 1;} 
}
@keyframes mymove1 { 
0% {opacity: 1;} 
100% {opacity: 1;} 
}

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

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

Как прикрепить элемент с помощью css?

Ваге @vahe_2000

Чтобы стоял на месте тебе просто надо вот это position:fixed;

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

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

Где можно пройти тесты/курсы для получения сертификатов (HTML5, CSS3, JS, AS3 и др.)?

Ваге @vahe_2000

w3schools
Там ты можешь пройти тесты HTML,CSS,JavaScript,PHP,jQuery,XML но там нет AS3

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

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

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