@Glomen

Как сделать раскраску ссылок выводимых через foreach (php)?

Подскажите как сделать цвет ссылок по порядку их вывода, сайт на битрикс.

Пример тут: note.utinet.ru/notebook Особенности

65705f6603cc4dd684e4544301f981f5.jpg
  • Вопрос задан
  • 2246 просмотров
Решения вопроса 1
DmitriyEntelis
@DmitriyEntelis
Думаю за деньги
stackoverflow.com/questions/4342531/generate-smoot...
<?php

function Gradient($HexFrom, $HexTo, $ColorSteps) {
  $FromRGB['r'] = hexdec(substr($HexFrom, 0, 2));
  $FromRGB['g'] = hexdec(substr($HexFrom, 2, 2));
  $FromRGB['b'] = hexdec(substr($HexFrom, 4, 2));

  $ToRGB['r'] = hexdec(substr($HexTo, 0, 2));
  $ToRGB['g'] = hexdec(substr($HexTo, 2, 2));
  $ToRGB['b'] = hexdec(substr($HexTo, 4, 2));

  $StepRGB['r'] = ($FromRGB['r'] - $ToRGB['r']) / ($ColorSteps - 1);
  $StepRGB['g'] = ($FromRGB['g'] - $ToRGB['g']) / ($ColorSteps - 1);
  $StepRGB['b'] = ($FromRGB['b'] - $ToRGB['b']) / ($ColorSteps - 1);

  $GradientColors = array();

  for($i = 0; $i <= $ColorSteps; $i++) {
    $RGB['r'] = floor($FromRGB['r'] - ($StepRGB['r'] * $i));
    $RGB['g'] = floor($FromRGB['g'] - ($StepRGB['g'] * $i));
    $RGB['b'] = floor($FromRGB['b'] - ($StepRGB['b'] * $i));

    $HexRGB['r'] = sprintf('%02x', ($RGB['r']));
    $HexRGB['g'] = sprintf('%02x', ($RGB['g']));
    $HexRGB['b'] = sprintf('%02x', ($RGB['b']));

    $GradientColors[] = implode(NULL, $HexRGB);
  }
  $GradientColors = array_filter($GradientColors, "len");
  return $GradientColors;
}

function len($val){
  return (strlen($val) == 6 ? true : false );
}

$count = 0;
$steps = 9;
$Gradients = Gradient("FFFFFF", "FF0000", $steps);
foreach($Gradients as $Gradient)
    echo '<div style="background-color: #' . strtoupper($Gradient) . '">' . htmlentities('<option value="' . strtoupper($Gradient) . '">' . strtoupper($Gradient) . '</option>') . '</div>';
$count += count($Gradients);

$Gradients = Gradient("df1f00", "00FF00", $steps);
foreach($Gradients as $Gradient)
    echo '<div style="background-color: #' . strtoupper($Gradient) . '">' . htmlentities('<option value="' . strtoupper($Gradient) . '">' . strtoupper($Gradient) . '</option>') . '</div>';
$count += count($Gradients);

$Gradients = Gradient("00df1f", "0000FF", $steps);
foreach($Gradients as $Gradient)
    echo '<div style="background-color: #' . strtoupper($Gradient) . '">' . htmlentities('<option value="' . strtoupper($Gradient) . '">' . strtoupper($Gradient) . '</option>') . '</div>';
$count += count($Gradients);

$Gradients = Gradient("0000df", "000000", $steps);
foreach($Gradients as $Gradient)
    echo '<div style="background-color: #' . $Gradient . '">' . htmlentities('<option value="' . $Gradient . '">' . $Gradient . '</option>') . '</div>';
$count += count($Gradients);

echo 'count: ' . $count;
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
В приведенном как пример сайте на самом деле все намного проще..

У span, враппера тега a, просто стоят 10-ять разных классов от ui-highlight0 до ui-highlight9, каждый класс только задает цвет. То есть алгоритм приблизительно следующий - взять все ссылки, первой десятой части всех ссылок поставить класс ui-highlight0, второй десятой поставить класс ui-highlight1, и т.д. Этот вывод формируется, в приведенном Вами случае, на сервере.

алгоритм приблизительно такой
$count_colors = 10;
$count_links = count($links);
$step = $count_links / $count_colors;
$idx = 0;
foreach($links as $link) {
    $class = "color-".intval($idx/ $step);
    echo '<a href={$link['href']} class="{$class}">{$link['title']}</a>';
    $idx++;
}
Ответ написан
@Glomen Автор вопроса
решил задачу с помощью совета Дмитрий Энтелис
aa20721148ce4f22b7d7890125a54a05.jpg
Ответ написан
Комментировать
prototype_denis
@prototype_denis
Symfony
Почему не css?

<style>
    .wrap {
        background: -webkit-linear-gradient(top, #f00 0%, #00f 100%);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
    }
    .wrap > a {
        color: transparent;
    }
</style>
<div class="wrap">
    <a href="#">Color link</a> Black text <a href="#">Color link</a> Black text <br>
    <a href="#">Color link</a> Black text <a href="#">Color link</a> Black text <br>
    <a href="#">Color link</a> Black text <a href="#">Color link</a> Black text <br>
</div>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы