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

Килгор Траут

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

Вложения

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

DrEgor

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

Килгор Траут

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

_MBK_

Пикирующий бомбардировщик
15 лет на форуме
Сообщения
33 138
Реакции
10 835
Я не совсем понимаю, при чем тут градиент.
Попробуйте объяснить общую задачу, меня терзают смутные сомнения, что на самом деле вам нужно нечто принципиально другое
 

DrEgor

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

_MBK_

Пикирующий бомбардировщик
15 лет на форуме
Сообщения
33 138
Реакции
10 835
В качестве первой робкой попытки вангования - оно?
 

bossrus

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

Килгор Траут

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

bossrus

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

_MBK_

Пикирующий бомбардировщик
15 лет на форуме
Сообщения
33 138
Реакции
10 835
Это какой то чудовищно порочный способ рисования полоски сверху блока через градиент
Номинация на самый извращенный
 

Килгор Траут

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

_MBK_

Пикирующий бомбардировщик
15 лет на форуме
Сообщения
33 138
Реакции
10 835

_MBK_

Пикирующий бомбардировщик
15 лет на форуме
Сообщения
33 138
Реакции
10 835

DrEgor

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

1620743548011.png
 

_MBK_

Пикирующий бомбардировщик
15 лет на форуме
Сообщения
33 138
Реакции
10 835
фрейм с градиентом по ширине равный ширине текстового блока копипастится первой строчкой каждого текстового блока (лучше оформить через стиль объекта) - и будт вам счастье :)

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