[deleted] ( off ) *
( 18:57 13-02-2017 )
Создание 3д блоков

.block {



background: linear-gradient(-225deg, #d2c1af, #b3a79a);



border:3px solid #a09488;



border-top-color:#d2c1af;



border-left-color:#d2c1af;



border-radius:3px;



box-shadow: 5px 5px 7px #474441;



} [цит]

---

[deleted] ( off ) *
( 18:58 13-02-2017 )
3д текст CSS3

.селектор{text-shadow:1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000, 5px 5px 0 #000, 6px 6px 0 #000} [цит]

---

[deleted] ( off ) *
( 18:59 13-02-2017 )
Задаем эффект изображению

<?php

$image = imagecreatefrompng

('путь к изображению');

imagefilter($image, Название фильтра, Сила фильтра по 5, т.е 5 или 10 или 15 и тд.);

imagedestroy($image);

?> [цит]

---

[deleted] ( off ) *
( 19:00 13-02-2017 )
Текст на картинке

*.html

<div class="div">

<span class="img">

<img src="images/Hight_School.png" />

<span class="text">

Ваш текст!

</span>

</span>

</div>



*.css

.div {

border-top: 1px solid #777;

text-align: center;

padding: 10px;

}

.text {

overflow: hidden;

display: block;

position: absolute;

margin-top: 3px;

bottom: 3px;

left: 0;

width: 100%;

height: 98%;

box-sizing: border-box;

color: #FFF;

text-align: left;

padding: 5px 10px;

opacity: 0;

transition: all .2s ease-in-out;

-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out;

}

.text:hover {

background-color: rgba(0, 0, 0, .9);

opacity: 1;

}



.img {

display: inline-block;

position: relative;

} [цит]

---

[deleted] ( off ) *
( 19:01 13-02-2017 )
Затемнение счетчика

Это пропишите в style.css



.opacity a img{opacity:0.3;

-moz-opacity:0.3;

filter:alpha(opacity=40);

}

.opacity a:hover img

{opacity:1.0;

-moz-opacity:1.0;

filter:alpha(opacity=100);

} [цит]

---

[deleted] ( off ) *
( 19:02 13-02-2017 )
Диаграмма

<?php

//Определяем сколько надо закрасить

$p = (isset($_GET['p']) && $_GET['p']>=0 && $_GET

['p']<=100) ? (int)$_GET['p'] : 50;

//Создаем картинку

$image = imagecreate(123, 8);

//Цвет фона

$bg = imagecolorallocate ($image, 0, 0, 0);

//Цвет активной части и надписи к-ва %

$act = imagecolorallocate($image, 210, 210, 210);

//Цвет пассивной части

$emp = imagecolorallocate($image, 250, 250,

250);

imagefill($image, 0, 0, $bg);

imagefilledrectangle($image, 1, 1, 100, 6, $emp);

if($p > 0)

imagefilledrectangle($image, 1, 1, $p, 6, $act);

//Пишем к-во %

imagestring($image, 1, 102, 0, $p.'%', $act);

header('Content-type: image/png');

imagepng($image);

imagedestroy($image);

?> [цит]

---

[deleted] ( off ) *
( 19:03 13-02-2017 )
Прикол со счетчиком

Добавим это на css:

[code]

#king a:hover{background-color:transparent;opacity:0.9;}

#king img{-moz-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}

#king img:hover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}

[/code]

Вот код для вывода:

[code]



<span id="king"><center>

тут счетчика</span>

[/code] [цит]

---

[deleted] ( off ) *
( 19:03 13-02-2017 )
3д блоки

.block { background: linear-gradient (-225deg, #d2c1af, #b3a79a); border:3px solid #a09488; border-top-color:#d2c1af; border-left-color:#d2c1af; border-radius:3px; box-shadow: 5px 5px 7px #474441; } [цит]

---

[deleted] ( off ) *
( 19:05 13-02-2017 )
Функция определения окончения к минутам

<?php



function wordMinutes($min)

{

$n = substr($min, -2);

if($n > 10 && $n < 15){$t = '';}else{



$n = substr($min, -1);

if($n == 1 ){$t = 'у';}

if($n > 1 && $n < 5){$t = 'ы';}

if($n > 4 && $n <= 9){$t = '';}

if($n == 0){$t = '';}

}



$word = 'минут'.$t.'';

return $word;

}

?> [цит]

---

[deleted] ( off ) *
( 19:06 13-02-2017 )
получение коорденат по адресу для Яндекс карт

function yandex_get_coordinate($addr) {

$key = 'blabla=='; //API ключ для работы с Яндекс картами

$content = file_get_contents('http://geocode-maps.yandex.ru/1.x/?geocode=' . urlencode($addr) . '&key=' . $key);

preg_match('/<pos>(.*?)<\/pos>/', $content, $point); // вырезаем нужные нам координаты

$coordinate = explode(' ', trim(strip_tags($point[1])));

list($x, $y) = $coordinate;

return array($x, $y);

} [цит]

---