[ID CS4-CS6] Полоска фиксированной ширины градиентом

Килгор Траут

Участник
Топикстартер
Сообщения
39
Реакции
2
Доброго дня, уважаемые форумчане!
Вопрос такой: как реализовать скриптом хитрый градиент в виде горизонтальной полоски фиксированной ширины вверху текстового блока (например 1 пункт). Ширина полоски не должна изменяться вместе с высотой блока. Я догадываюсь, что нужно вычислять location дополнительных цветов в градиенте, но как это сделать, ума не приложу. Хотелось бы понять принцип программирования подобных градиентов.
Буду благодарен за любую помощь!
 

Вложения

  • Untitled-1.jpg
    Untitled-1.jpg
    70.8 КБ · Просм.: 60

DrEgor

Участник
Сообщения
625
Реакции
59
а просто скопипастить нужную полоску в текстовой блок?
 

Килгор Траут

Участник
Топикстартер
Сообщения
39
Реакции
2
а просто скопипастить нужную полоску в текстовой блок?
На полосе несколько десятков текстовых блоков, они разной высоты. Задача в том, чтобы скриптом перебрать текстовые блоки и применить к каждому градиент, предварительно вычислив позиции начала и конца градиента таким образом, чтобы получилась полоска заданной толщины. Копипастить не получится, так как при на разных размерах блока ширина полосы тоже получается разная, а нужно, чтобы везде была фиксированная величина.
 

_MBK_

Пикирующий бомбардировщик
12 лет на форуме
Сообщения
30 208
Реакции
9 912
Я не совсем понимаю, при чем тут градиент.
Попробуйте объяснить общую задачу, меня терзают смутные сомнения, что на самом деле вам нужно нечто принципиально другое
 

DrEgor

Участник
Сообщения
625
Реакции
59
На полосе несколько десятков текстовых блоков, они разной высоты. Задача в том, чтобы скриптом перебрать текстовые блоки и применить к каждому градиент, предварительно вычислив позиции начала и конца градиента таким образом, чтобы получилась полоска заданной толщины. Копипастить не получится, так как при на разных размерах блока ширина полосы тоже получается разная, а нужно, чтобы везде была фиксированная величина.
это нужно проделать именно с текстовыми блоками? или можно оперировать понятием абзац?
 

_MBK_

Пикирующий бомбардировщик
12 лет на форуме
Сообщения
30 208
Реакции
9 912
В качестве первой робкой попытки вангования - оно?
 

bossrus

шибка умный, аднака
10 лет на форуме
Сообщения
423
Реакции
68
Ширина полоски не должна изменяться вместе с высотой блока.
чтобы градиент не менялся с шириной бокса — это должна быть полоска не в ширину бокса, а размером с нужный градиент. и выравнивание по левому краю.
 
Последнее редактирование:

Килгор Траут

Участник
Топикстартер
Сообщения
39
Реакции
2
чтобы ширина полоски не менялась с шириной бокса — это должна быть полоска не в ширину бокса, а размером с нужный градиент. и выравнивание по правому краю.
Ширина бокса везде одна и та же - меняется высота.
 

bossrus

шибка умный, аднака
10 лет на форуме
Сообщения
423
Реакции
68
а вариант градиента отдельным боксом не рассматривается?
 

_MBK_

Пикирующий бомбардировщик
12 лет на форуме
Сообщения
30 208
Реакции
9 912
Это какой то чудовищно порочный способ рисования полоски сверху блока через градиент
Номинация на самый извращенный
 

Килгор Траут

Участник
Топикстартер
Сообщения
39
Реакции
2
Это какой то чудовищно порочный способ рисования полоски сверху блока через градиент
Номинация на самый извращенный
Полностью согласен))) Но тем не менее, вопрос открыт )))
 

_MBK_

Пикирующий бомбардировщик
12 лет на форуме
Сообщения
30 208
Реакции
9 912

DrEgor

Участник
Сообщения
625
Реакции
59
фрейм с градиентом по ширине равный ширине текстового блока копипастится первой строчкой каждого текстового блока (лучше оформить через стиль объекта) - и будт вам счастье :)

1620743548011.png
 

_MBK_

Пикирующий бомбардировщик
12 лет на форуме
Сообщения
30 208
Реакции
9 912
фрейм с градиентом по ширине равный ширине текстового блока копипастится первой строчкой каждого текстового блока (лучше оформить через стиль объекта) - и будт вам счастье :)

Посмотреть вложение 143211
Так там и градиент не нужен по сути - достаточно линии