Задать вопрос
JustinBieber

Justin Bieber

Звизда
Ответы пользователя по тегу CSS

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

    JustinBieber
    @JustinBieber
    Звизда
    min max width?
    Ответ написан
    1 комментарий
    1 комментарий

  • Почему могло перестать корректно выводить погоду?

    JustinBieber
    @JustinBieber Автор вопроса
    Звизда
    а еще заметил, другой парсер над бругом сайте тоже перестал работать

    <?php

if(!defined('DATALIFEENGINE')) {die("Hacking attempt!");} 
$meteo = dle_cache('meteo', $config['skin']); // смотрим в кэше, если есть - берем
if(!$meteo){
    $data_file = "http://export.yandex.ru/weather-ng/forecasts/".$city.".xml"; // Берем прогноз у Яндекса
    $xml = simplexml_load_file($data_file); // обрабатывае xml файл simple_xml'ом
    $temp = $xml->fact->humidity; // получаем текущую температуру
    if ($temp>0) $temp='+'.$temp; // если выше нуля, добавляем +
    foreach ( $xml->informer->temperature as $ttemp ) { // температура на завтра
        if ($ttemp>0) $ttemp='+'.$ttemp; // если выше нуля, добавляем +
    }
    $meteo = "{$temp}&deg;C"; // формируем отображение погоды
    create_cache('meteo', $meteo, $config['skin']); // кэшируем это дело
}
echo $meteo;


    https://export.yandex.ru/weather-ng/forecasts/35229.xml

    почему не парсит пункт 
    <temperature color="F0F0EC" plate="e5e5ba">2</temperature>
    Ответ написан
    Комментировать
    Комментировать

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

    JustinBieber
    @JustinBieber Автор вопроса
    Звизда
    CODE BY рони с Javascript.Ru

    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="//code.jquery.com/jquery-git.js"></script>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type="text/css">
    .spacer {
    position: relative;
    height: 2500px;
    width: 100px;
}

.paravozik {
    position: fixed;
    bottom: 0; left: 0;
    width: 100px;
    height: 50px;
    background:  transparent  url(http://www.cshrzc.com/Match/images/join.gif) no-repeat;
    background-size: cover;
    margin-left: -100px;
  -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.right {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

  </style>
<title> by IonDen</title>
</head>

<body>
<div class="spacer"></div>

<div class="paravozik right"></div>
<script>
window.addEventListener('DOMContentLoaded', function() {
    var temp = 0;
  window.addEventListener('scroll', function() {
    var height = document.documentElement.clientHeight,
    width = document.documentElement.clientWidth,
    el = document.querySelector(".paravozik"),
    widthEl = el.clientWidth,
    fullHeight = document.documentElement.scrollHeight;
    var p = window.pageYOffset/(fullHeight - height);
    var left = (width + widthEl)* p|0;
       el.classList[p != 1 && (!left || temp  < left) ?   "add":"remove"]("right");
       temp = left;
       el.style.left = left + "px";
  });
    });

</script>
</body>

</html>
    Ответ написан
    Комментировать
    Комментировать