FernandoDiaz

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> ссылки оберните

#sideLeft a {

vertical-align: middle;

text-decoration: none;

color: white;

display: table-cell;

}

<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.: Шрифт хз какой там...