powered by simpleCommunicator - 2.0.29     © 2024 Programmizd 02
Map
Форумы / Java [игнор отключен] [закрыт для гостей] / Определить основной цвет фона.
25 сообщений из 158, страница 4 из 7
Определить основной цвет фона.
    #40088839
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Просто куда ты не ткнись, везде "это уже сделано".
Увы.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088868
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
mayton
Ты втащил в обсуждение LOD. Зачем? Это слишком общий термин.

Я-бы хотел обсуждать здесь растровую графику. И вечный двигатель здесь не примем.
Я говорю о том что уже разработано и икапсулирует все уровни миниатюр сразу на уровне
формата хранения.

У меня есть сайт с миниатюрами.
Как мне не быть скептиком про "инкапсулирует все все в формате".
Ты о чем?

Давай закончим этот оффтоп. Я верну нас в обсуждение Droodle . Про вейвлетное сжатие ты сам почитай.
Не алгоритм а просто его потребительские характеристики и зачем вообще он создавался.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088882
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Давай закончим.
Ты сказал вейвлетное это круто.
Я сказал - прикладного значения ни в играх, ни в разработке фотоальбома сайта, это не имеет.
Поехали дальше.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088885
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Поехали. Обсуждения.

Надо показывать Droodle (векторное изображение) пользователю сразу. Вместо миниатюр.
А миниатюры - по событию on-load. Предполагаю что миниатюры все-таки
могут лежать на отдельном хранилище от html. С более слабой доступностью.

Как рисовать векторные картинки?

Я знаю 2 способа.

1) Canvas и рисование на чем через JavaScript
2) SVG и изображение. Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.

Droodle (пока) у меня состоит из цепочки градиентов. И (пока) только горизонтального направления.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088894
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.
а зачем?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088898
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton
Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.
а зачем?

Я тут - кастомер Считай что плачу деньги за хотелки.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088901
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
вадя
пропущено...
а зачем?

Я тут - кастомер Считай что плачу деньги за хотелки.
какое это обсуждение))))) LOL
Это дедовщина и распил денег
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088902
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Очень тяжело выдумывать вечный двигатель))
Ничего личного. (с)
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088972
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

ну не надо скатываться до Стаса....
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088991
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.
Можно, насколько я помню. Не помню, правда, как этот вариант формируется.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089006
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton,

ну не надо скатываться до Стаса....

Подскажи лучше как при локальном просмотре зафиксировать линку на css.

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="/css/file.css"/>
</head>
<body>
<h1>103624469_f873987f44_b.jpg</h1>
<img src="103624469_f873987f44_b-mini.jpeg"  style="background-color:#D1A0AB;" loading="lazy"  width=256 height=256 >
<h1>127760979_c2e3f52dd9_o.jpg</h1>
<img src="127760979_c2e3f52dd9_o-mini.jpeg"  style="background-color:#6181A4;" loading="lazy"  width=384 height=256 >
<h1>128172624_cd64be0a1d_o.jpg</h1>
<img src="128172624_cd64be0a1d_o-mini.jpeg"  style="background-color:#92A4B8;" loading="lazy"  width=384 height=256 >
<h1>133168810_66e79919d0_o.jpg</h1>
<img src="133168810_66e79919d0_o-mini.jpeg"  style="background-color:#D0633C;" loading="lazy"  width=384 height=256 >
<h1>133868827_d666f9adf8_o.jpg</h1>
<img src="133868827_d666f9adf8_o-mini.jpeg"  style="background-color:#A79E7E;" loading="lazy"  width=343 height=256 >
<h1>135628016_3595723bbc_o.jpg</h1>
<img src="135628016_3595723bbc_o-mini.jpeg"  style="background-color:#C12B4F;" loading="lazy"  width=256 height=256 >
<h1>136701718_dc504fae8a_o.jpg</h1>



Как бы я не указывал линка ломается при переходе на суб-фолдеры.

Или мне нужно везде писать относительные или в каждый фолдер совать file.css.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089007
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Basil A. Sidorov
mayton
Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.
Можно, насколько я помню. Не помню, правда, как этот вариант формируется.

Вот щас смотрю здесь https://www.freecodecamp.org/news/use-svg-images-in-css-html/
только примеры с <object>, <img>, и просто как часть html контента безо всякого кодирования.
Жирновато выходит. Моя идея не взлетает с таким подходом.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089010
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Как бы я не указывал линка ломается при переходе на суб-фолдеры.

Или мне нужно везде писать относительные или в каждый фолдер совать file.css.
ну это лучше продолжать в соответствующей ветке.

что значит ломается?
и что значит "при переходе на суб-фолдеры" ?
а css лучше не отдельным файлом , а в тэгах <style> </style> в html файле
у тебя css не большой - так, что большого влияния на размер html не повлияет (на загрузку этого html на s3)
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089011
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Basil A. Sidorov
пропущено...
Можно, насколько я помню. Не помню, правда, как этот вариант формируется.

Вот щас смотрю здесь https://www.freecodecamp.org/news/use-svg-images-in-css-html/
только примеры с <object>, <img>, и просто как часть html контента безо всякого кодирования.
Жирновато выходит. Моя идея не взлетает с таким подходом.
ну дак ты не веришь что ты задумал ужас ужас..
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089015
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Вот щас смотрю здесь ...
Главное - правильно сформулировать вопрос гуглу
Значением атрибута src может быть "data:тип/контента;base64,..."
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089016
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089289
mayton
вадя
mayton,

ну не надо скатываться до Стаса....

Подскажи лучше как при локальном просмотре зафиксировать линку на css.

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="/css/file.css"/>
</head>
<body>
<h1>103624469_f873987f44_b.jpg</h1>
<img src="103624469_f873987f44_b-mini.jpeg"  style="background-color:#D1A0AB;" loading="lazy"  width=256 height=256 >
<h1>127760979_c2e3f52dd9_o.jpg</h1>
<img src="127760979_c2e3f52dd9_o-mini.jpeg"  style="background-color:#6181A4;" loading="lazy"  width=384 height=256 >
<h1>128172624_cd64be0a1d_o.jpg</h1>
<img src="128172624_cd64be0a1d_o-mini.jpeg"  style="background-color:#92A4B8;" loading="lazy"  width=384 height=256 >
<h1>133168810_66e79919d0_o.jpg</h1>
<img src="133168810_66e79919d0_o-mini.jpeg"  style="background-color:#D0633C;" loading="lazy"  width=384 height=256 >
<h1>133868827_d666f9adf8_o.jpg</h1>
<img src="133868827_d666f9adf8_o-mini.jpeg"  style="background-color:#A79E7E;" loading="lazy"  width=343 height=256 >
<h1>135628016_3595723bbc_o.jpg</h1>
<img src="135628016_3595723bbc_o-mini.jpeg"  style="background-color:#C12B4F;" loading="lazy"  width=256 height=256 >
<h1>136701718_dc504fae8a_o.jpg</h1>



Как бы я не указывал линка ломается при переходе на суб-фолдеры.

Или мне нужно везде писать относительные или в каждый фолдер совать file.css.
Наверно можно поиграться с file://, но фиг знает сработает ли .

А вообще если работаешь в IntelliJ, то находясь в HTML файле она показывает браузеры в правом верхнем углу. Она сама запустит внутри себя веб сервер (а значит не надо устанавливать nginx), и будет обслуживать файлы начиная с корня рабочей директории. Если положить ресурсы в корень этой директории, то абсолютный путь /blah/blah.css всегда будет идти от этой директории.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089388
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Stanislav Bashkyrtsev, сделал стили внутри документа.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089389
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот пока как-то так получилось. Каждая строчка - таблица. Ширину задаю в пикселах и заполняю
пока миниатюры по ширине в сумме не превышают мой лимит.

Не ругайте сильно - я не претендую на дизайнерские решения. Меня интересовали только
фотки и экономия пространства.

Текущий вопрос. Какого хрена появляются бордюры? Как их убрать совсем. И между таблицами
и между <td>.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089390
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Пример статичного сгенеренного индексного файла

index.html
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<style>
body {
  background-color: #5E2B89;
}

table, th, td {
  border: none;
}

h1 {
  color: #EEE3CE;
  text-align: left;
  font-family: verdana;
  font-size: 20px;
}

ul {
  color: #EEE3CE;
  font-family: verdana;
  font-size: 15px;
}

li {
  color: #EEE3CE;
  font-family: verdana;
  font-size: 20px;
}

a {
  color: #EEE3CE;
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>
<h1>collection1</h1>
<table width=1024 cellspacing="0" cellpadding="0">
 <tr>
<td>   <img id = "98c5435b-06a4-42d5-8268-0fb41a122141" src="103624469_f873987f44_b-mini.jpg"  style="background-color:#D1A0AB;"  width=64 height=64 alt="103624469_f873987f44_b" >
<td>   <img id = "7f7af129-3a67-4627-bece-3f384211bd40" src="127760979_c2e3f52dd9_o-mini.jpg"  style="background-color:#6181A4;"  width=96 height=64 alt="127760979_c2e3f52dd9_o" >
<td>   <img id = "aacc8101-519b-4617-8e3b-b6c0ea70764c" src="128172624_cd64be0a1d_o-mini.jpg"  style="background-color:#92A4B8;"  width=96 height=64 alt="128172624_cd64be0a1d_o" >
<td>   <img id = "223c0644-e008-43fb-8dbe-def78c6b12cc" src="133168810_66e79919d0_o-mini.jpg"  style="background-color:#D0633C;"  width=96 height=64 alt="133168810_66e79919d0_o" >
<td>   <img id = "cd88a6dc-f074-43bc-a444-884953b855be" src="133868827_d666f9adf8_o-mini.jpg"  style="background-color:#A79E7E;"  width=85 height=64 alt="133868827_d666f9adf8_o" >
<td>   <img id = "53ce8e4a-5242-4a7d-b5a3-14a5701fe216" src="135628016_3595723bbc_o-mini.jpg"  style="background-color:#C12B4F;"  width=64 height=64 alt="135628016_3595723bbc_o" >
<td>   <img id = "49c9e7bc-53f8-47fd-9e7a-67a8ba4c8171" src="136701718_dc504fae8a_o-mini.jpg"  style="background-color:#AF747C;"  width=96 height=64 alt="136701718_dc504fae8a_o" >
<td>   <img id = "7443f547-4208-4206-97e9-66fb2050c119" src="136701806_4ba6d22dcb_o-mini.jpg"  style="background-color:#DB2C59;"  width=96 height=64 alt="136701806_4ba6d22dcb_o" >
<td>   <img id = "f6b6631b-3680-4097-a135-7f1f828cb680" src="138679494_ca70fb060a_b-mini.jpg"  style="background-color:#D18C2B;"  width=89 height=64 alt="138679494_ca70fb060a_b" >
<td>   <img id = "10cf9496-fb3c-4e23-8b85-dab2d880d2b2" src="140195098_3037ef7994_b-mini.jpg"  style="background-color:#A2A793;"  width=85 height=64 alt="140195098_3037ef7994_b" >
<td>   <img id = "7cb853cf-def9-4852-ad4c-aa44c5a1948a" src="143956440_48c0d5cc49_b-mini.jpg"  style="background-color:#557535;"  width=95 height=64 alt="143956440_48c0d5cc49_b" >
</tr>
</table>
<table width=1024 cellspacing="0" cellpadding="0">
 <tr>
<td>   <img id = "da0627e2-a7f3-49b0-840a-11c888d8a602" src="144432999_4bc1fcc362_b-mini.jpg"  style="background-color:#087200;"  width=95 height=64 alt="144432999_4bc1fcc362_b" >
.....

...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089397
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Попробуй добавит normalize.css либо https://purecss.io
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089398
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
У тебя стили страницы цсс по умолчанию стоят, они поломаны во всех браузерах, и их всегда сбрасывают используя нормалайз.цсс либо более крупными библиотеками.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089399
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

1) может перенесём в соответствующую ветку?
2) зачем такие огромные id?
3) зачем такие длинные имена?
4) зачем а тэге alt содержимое? у тебя ведь однозначно должно быть наличие картинки.
5) у тебя превьюшки? зачем backgraund?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            *  {
                margin: 0;
                padding: 0;
            }
            img{
                display: block;
                height:  64px;
            }
            div{
                display: flex;
            }
        </style>
    </head>
    <body>
        <div>
            <img src="pic/x01.JPG" alt=""/>
            <img src="pic/x02.JPG" alt=""/>
            <img src="pic/x03.JPG" alt=""/>
            <img src="pic/x04.JPG" alt=""/>
            <img src="pic/x05.JPG" alt=""/>
        </div>
        <div>
            <img src="pic/x01.JPG" alt=""/>
            <img src="pic/x02.JPG" alt=""/>
            <img src="pic/x03.JPG" alt=""/>
            <img src="pic/x04.JPG" alt=""/>
            <img src="pic/x05.JPG" alt=""/>
        </div>
    </body>
</html>
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089401
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя,
+1
Простота и краткость спасут мир.
Если убрать все стили то не будет бордюров.
У меня так и нет никаких стилей
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<div id="links" class="links">
	
			<c:forEach var="itemsFoto" items="${reqattFotoAll}">
	
				<a
					href="photo-album/${pageContext.request.remoteUser}/fulls/<c:out value="${itemsFoto.name}"></c:out>" title="<c:out value="${itemsFoto.name}"></c:out>" data-gallery="">
						<img src="photo-album/${pageContext.request.remoteUser}/preview/<c:out value="${itemsFoto.name}"></c:out>">
				</a>
	
			</c:forEach>
	
	</div>
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089402
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Что дал в коде background-color:#6181A4
Вопрос остается открытым)))))))))
...
Рейтинг: 0 / 0
25 сообщений из 158, страница 4 из 7
Форумы / Java [игнор отключен] [закрыт для гостей] / Определить основной цвет фона.
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]