Disallow: */online.html
У кнопок реальная высота 55px, а у вас в CSS прописано height: 59px, поэтому получается чуть ниже центра.
Следовательно исправьте на 55px и LI поправьте на:
#sideLeft li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-left: 20px; margin-top: 0px; line-height: 1; list-style-type: none; }
#sideLeft a { text-decoration:none; color: white; display: block; }
Как вы так вставляете код, что у вас в итоге получается это:
#sideLeft a { text-decoration: none; color: white; display: block; }
У меня все как надо:
А css кто менять будет? =)
В данный момент у вас:
#sideLeft a { vertical-align: middle; text-decoration: none; color: white; display: block; }
Поменяйте на:
#sideLeft a { vertical-align: middle; text-decoration: none; color: white; display: table-cell; }
😂 +1
brokkoli, в <li> ссылки оберните
<div class="sidebar" id="sideLeft"> <h2>Продукция:</h2> <li><a class="button" href="/stellazhi-polochnye/">Полочные стеллажи</a></li> <li><a class="button" href="/palletnye-stellazhi/">Паллетные стеллажи</a></li> <li><a class="button" href="/palletnye-stellazhi/">Паллетные стеллажи</a></li> <li><a class="button" href="/gruzovie-stellaji/">Грузовые стеллажи</a></li> <li><a class="button" href="/stellazhi-konsolnii/">Консольные стеллажи</a></li> <li><a class="button" href="/universalnye-serii-kombi/">Универсальные стеллажи</a></li> <li><a class="button" href="/peredvizhnye-stellazhi/">Передвижные стеллажи</a></li> <li><a class="button" href="/mezonin/">Мезонин</a></li> <li><a class="button" href="/stellazhi-dlja-doma/">Металлические стеллажи для дома</a></li> <li><a class="button" href="/torgovie-stellaji/">Торговые стеллажи</a></li> <li><a class="button1" href="/nashi-stellazhi/">Еще стеллажи</a></li> <li><a class="button1" href="/produktsija/">Еще продукция</a></li> <li><a class="button" href="/stati/">Информация</a></li> </div>
Как вариант:
display: table-cell;vertical-align: middle;
6666, ну если надписи статичные, то есессно проще так.
Предполагалось, что у вас на картинке будет имя прошедшего тест и прочие другие динамические данные.
Если все статично, то вообще проблем не вижу...
а) Заготавливаете нужное кол-во картинок, загружаете на хост.
б) Кнопке "Завершить тест" добавляете query_string к урлу, мол ?test=finished
в) Подсчитываете рез-ты теста (results)
г) if (results < 5) echo '<img src="/menee5.jpg" />'; и т.д
д) if($_GET['test'] == 'finished') тут код кнопки ВК:
[не проверял]
<script type="text/javascript"> <!-- document.write(VK.Share.button({ url: 'http://site.com', title: '<?php if( ... < 5) echo 'menee 5' ?>', description: ''<?php if ( ... < 5) echo 'menee 5 desc' ?>', image: '<?php if (... < 5) echo 'http:/site.ru/menee5.jpg' ?>', noparse: true })); --> </script>
Первое, что пришло в голову - это сделать надпись на картинке средствами PHP-GD:
1) Ставим куку юзеру (можно на предпоследней странице теста)
<?php $setcookie = rand(1, 1000000).'.jpg'; if (!isset($_COOKIE['TestCookie'])) setcookie("TestCookie",$setcookie); ?>
2) В конце подсчитываем результаты, в зав-ти от этого выдаем $path (background картинку) и текст $kakoitotext (image.php)
Файл image.php:
$showcookie = $_COOKIE["TestCookie"]; $path = "https://ssl.gstatic.com/s2/oz/intl/ru/images/mobile-main-baae0a1d70c7666865a68f8375f823c1.jpg"; $im = imagecreatefromjpeg($path); $kakoitotext = "Магия"; imagettftext ($im, 11, 0, 195, 440, $white, "arial.ttf", $kakoitotext ); header("Content-Type: image/jpeg"); imagejpeg($im, null, 100); imagejpeg($im, $showcookie, 100);
3) Готовая картинка автоматом загрузится в папку со скриптом в виде 892839.jpg
4) Выводим картинку на финальной странице теста:
<script> function select_field (field) { field.focus(); field.select(); } </script> <img src="/image.php" /> <p>Поделитесь картинкой с друзьями: <input style="padding: 1px; background-color: white; border: 2px inset;" type="text" onclick="select_field(this);" size="55" value="/<?php echo $_COOKIE["TestCookie"] ?>"> </p>
Типа такого в итоге получится:
В общем, думаю идея ясна. Ну, разумеется, допиливать еще немало надо.
<?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() && !is_front_page()) { the_post_thumbnail(array(150,150), array("class" => "alignleft post_thumbnail")); } ?>
Ну так и наложите эти циферки на пустой LI счетчик:
<div style="background:url(/liveinternet.png); width:88px; height:31px; position: relative;font-family: tahoma; letter-spacing: 1px;"> <div style="color:#7f7f7f; text-align: center;padding-right: 20px;width: 100%; font-size: 8px; height: 10px;position: relative;top: -3px;"> <?php echo round(gmdate("Hi",time()+(4*3600))/4); ?> </div> <div style="color:#7f7f7f; text-align: center;padding-right: 20px;width: 100%; font-size: 8px; height: 10px;position: relative;top: -4px;"> <?php echo round(gmdate("Hi",time()+(4*3600))/6); ?> </div> <div style="color:#7f7f7f; text-align: center;padding-right: 20px;width: 100%; font-size: 8px; height: 10px;position: relative;top: -6px;"> <?php echo round(gmdate("Hi",time()+(4*3600))/7); ?> </div> </div>
4*3600
- цифра 4 это мск время
P.S.: Шрифт хз какой там...