Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Закрытая тема
Ваша тема закрыта, почему это могло произойти? Возможно,
Нет наработок или кода, если нужно готовое решение - создайте тему в разделе Фриланс и оплатите работу.
Название темы включает слова - "Помогите", "Нужна помощь", "Срочно", "Пожалуйста".
Название темы слишком короткое или не отражает сути вашего вопроса.
Тема исчерпала себя, помните, один вопрос - одна тема
Прочитайте правила и заново правильно создайте тему.
 
Опции темы Поиск в этой теме
Старый 30.08.2018, 15:37   #11
skotopsid
Пользователь
 
Регистрация: 26.08.2018
Сообщений: 15
По умолчанию

Ага, всё-таки Вам лень самому создать примитивное изображение с кружочками. )))
Сможете их самостоятельно раскрасить в Фотошопе?
Изображения
Тип файла: png circles.png (70.8 Кб, 51 просмотров)
skotopsid вне форума
Старый 31.08.2018, 07:00   #12
Javany
Пользователь
 
Регистрация: 15.05.2018
Сообщений: 75
По умолчанию

В очередной раз поражаюсь людям. расскажи, объясни, напиши код, и еще исходники сам делай...
Код:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<style type="text/css">
div{
width: 400px;
height: 400px;
font-weight: bold;
font-size: 50px;
text-shadow: 2px 2px 5px green;
text-align: center;
border-style: solid;
border-width: 150px ;
-moz-border-image: url(circles.png) 140 170 140 150 repeat round;
-webkit-border-image: url(circles.png) 140 170 140 150 stretch;
-o-border-image: url(circles.png) 140 170 140 150 stretch;
border-image: url(circles.png) 140 170 140 150  fill stretch;
}
	</style>

	<div>Всё работает!</div>
</body>
</html>
Не задавай вопрос, если не знаешь что делать с ответом...

Последний раз редактировалось Javany; 31.08.2018 в 09:36.
Javany вне форума
Старый 31.08.2018, 08:04   #13
skotopsid
Пользователь
 
Регистрация: 26.08.2018
Сообщений: 15
По умолчанию

Послушайте, уважаемый, мне не надо, чтобы у Вас всё работало. Мне надо, чтобы всё работало, как на картинке! Вы же не слепой!? Вы же видите, что на картинке совсем другие результаты!? Что вы мне всё подсовываете какое-то гумно?!

Сделайте так, чтобы центральный кусочек png-изображения заполнял центральную область блока. Не отображался там во всю ширь, а, сцуко, заполнял, как у Дунаева в книжке!!! Я вам предоставил все исходные материалы и картинки.
Вы в очередной раз присылаете мне какую-то хрень.
У вас даже вызовы функции для разных браузеров выглядят по-разному!
Если не можете, так и напишите!!!
skotopsid вне форума
Старый 31.08.2018, 09:33   #14
Javany
Пользователь
 
Регистрация: 15.05.2018
Сообщений: 75
По умолчанию

Во первых, уважаемый, Вы написали что у Вас не отображается центральная область. Я не поленился, полез в книгу в которой кстати достаточно информации для выполнения поставленной задачи, далее написал код и для удобства загрузил его в песочницу. Вы не поняли и попросили сделать с кругами, при этом я должен был их сам еще разукрасить. Я Вам сделал кругами с ЗАПОЛНЕННОЙ СЕРЕДИНОЙ, но Вы все равно не поняли, и рассказали что даже функции для кроссбраузерности у меня разные. Вы наверное не понимаете что такое функция, как она выглядит и почему она не может быть в CSS. Если Вы не способны понять элементарных вещей и попробовать хоть немного изменить код под себя, то может Вам лучше не заниматься веб разработкой? Там ведь дальше JS, PHP, базы данных...
Вот тут я сделал всё по книге, специально для Вас, уважаемый, но мне не совсем приятно то, как Вы, уважаемый, мне хамите. Поэтому демонстрационная картинка что так можно сделать есть, а вот код я Вам, уважаемый, не покажу, либо думайте сами, либо работайте грузчиком.
Изображения
Тип файла: jpg 11.jpg (89.4 Кб, 45 просмотров)
Не задавай вопрос, если не знаешь что делать с ответом...

Последний раз редактировалось Javany; 31.08.2018 в 10:11.
Javany вне форума
Старый 31.08.2018, 11:22   #15
skotopsid
Пользователь
 
Регистрация: 26.08.2018
Сообщений: 15
По умолчанию

>и рассказали что даже функции для кроссбраузерности у меня разные.

Я этого не говорил. У вас, похоже, проблемы с восприятием информации. Я написал, что у Вас, уважаемый, разные вызовы функциИ для разных браузеров! Для одного браузера у Вас "140 170 140 150 repeat round", для другого "140 170 140 150 stretch"...

Вы же не будете это отрицать?!

ЗЫ: Поэтому-то вы до сих пор мне так и не прислали то, что я от вас хотел.
Картинку такую можно и в фотошопе нарисовать. Вы мне код пришлите, мать вашу! ))
skotopsid вне форума
Старый 31.08.2018, 11:48   #16
Javany
Пользователь
 
Регистрация: 15.05.2018
Сообщений: 75
По умолчанию

Цитата:
Сообщение от skotopsid Посмотреть сообщение
Вы же не будете это отрицать?!
Да, я это отрицать на буду, я живой человек, и могу ошибаться. Причем на мою ошибку Вы мне сразу указали, а вот себя не замечаете. Вам для общего развития:
так выглядит функция в JS
Код:
function moveRight(){
intR = setInterval(moveR,10);
}
а так вызов функции
Код:
moveRight();
Вот почему так, стараешься людям помочь, а они тебя еще хаят?
Такой пример тоже был у Вас в книге?
Изображения
Тип файла: jpg 22.jpg (38.5 Кб, 47 просмотров)
Не задавай вопрос, если не знаешь что делать с ответом...
Javany вне форума
Старый 31.08.2018, 11:49   #17
skotopsid
Пользователь
 
Регистрация: 26.08.2018
Сообщений: 15
По умолчанию

>Вы наверное не понимаете что такое функция,
>как она выглядит и почему она не может быть в CSS.

Я знаю, что такое функция. Не надо цепляться к словам. Я программировал на С/С++, когда вы еще, видимо, под стол пешком ходили, да памперсы марали.

Функция - это подпрограмма, которая на входе принимает аргументы, а на выходе возвращает результат.
Синтаксис в CSS довольно забавный.
Данной _функции_ мы передаём в качестве параметров:
1. файл в формате png
2. информацию о том, как его "нарезать на кусочки" и как этими кусочками заполнить рамку блока и центральную область.

Вот это всё и выполняет данная функция.
Называйте, как угодно, но суть от этого не меняется.
Это - функция чистой воды!!!
skotopsid вне форума
Старый 31.08.2018, 11:52   #18
Javany
Пользователь
 
Регистрация: 15.05.2018
Сообщений: 75
По умолчанию

Цитата:
Сообщение от skotopsid Посмотреть сообщение
Я программировал на С/С++, когда вы еще, видимо, под стол пешком ходили
Писали бы на си, не задавали бы такие глупые вопросы...
Не задавай вопрос, если не знаешь что делать с ответом...
Javany вне форума
Старый 31.08.2018, 15:00   #19
skotopsid
Пользователь
 
Регистрация: 26.08.2018
Сообщений: 15
По умолчанию

Цитата:
Сообщение от Javany Посмотреть сообщение
Писали бы на си, не задавали бы такие глупые вопросы...
На чём мне писать, это не ваше дело.

Я привёл Вам код, который не работает. Вы мне прислали картинки, типа, результат работы кода. Но я изначально задавал конкретный вопрос, почему у меня не работает код из книжки. Там очень простой код. Так вот, он не работает либо потому что он в принципе не должен работать, либо по какой-то другой причине.
Я пробовал со всеми префиксами (-o-, -moz- и проч.).
Вот такие 4 вызова функции у Дунаева:

1. border-image:url(circles.png) 33.3%;
2. border-image:url(circles.png) 33.3% round;
3. border-image:url(circles.png) 33.3% repeat;
4. border-image:url(circles.png) 33.3% round stretch;

при этом приведены вполне конкретные изображения результатов выполнения данного кода.
Я подобрал вполне приемлемые параметры для блока <div>, чтобы получить точно такие же результаты. Я их не получил.
Код я Вам предоставил.
Вы сделали всё, но только не то, о чём я просил. Мне достаточно было бы, если бы вы указали мне на мою ошибку. Но Вы этого не сделали.
И кто вы после этого? Чмо, которое тешит своё раздутое эго тем, что всё понимает в этой жизни и смеётся над другими, кто чего-то не догоняет? Или чёткий пацан, который всё норм объяснит и покажет?

Пока что для чёткого пацана ни единого шанса...
skotopsid вне форума
Старый 31.08.2018, 15:34   #20
Javany
Пользователь
 
Регистрация: 15.05.2018
Сообщений: 75
По умолчанию

Цитата:
Сообщение от skotopsid Посмотреть сообщение
Как видно, и в случае png-файла и в случае jpg-файла результат один и тот же: чёрный кружок не заполняет центральную область!
Ваши слова? Я прислал код, в котором чёрный кружок заполняет центральную область. После чего прочитал от Вас что я слепой и подсовываю Вам всякое г-но а не то что Вам нужно. Или не так? Если Вы просите помощи, то как минимум ведите себя корректно, получается что я помог, еще и муд-ком остался. После таких как Вы пропадает желание вообще помогать людям.
Смотрите!
Код:
div{
width: 400px;
height: 400px;
border-style: solid;
border-width: 60px ;
-webkit-border-image: url(circles.png)32.4% round;

}
где width: 400px; height: 400px; размер дива
border-style: solid; тип рамки
border-width: 60px ; ширина рамки

-webkit-border-image: url(circles.png)32.4% round;
-webkit- стандарт под хром и подобные
32.4% Устанавливает границы одинаковой толщины на каждой стороне рисунка.
Если хотим указать в пикселях, то РХ после числа писать не нужно.
Если укажем два число то первое значение устанавливает высоту верхней и нижней границы, а второе — левой и правой.
Если укажем три числа то первое значение определяет высоту верхней границы, второе — левой и правой, а третье — высоту нижней границы.
Если укажем четыре числа то устанавливается размеры верхней, правой, нижней и левой границы, начиная с левой.
четыре числа используют если исходная рамка асимметричная.
пересечение границ образует центральную область, которая наследуется от вертикальной и горизонтальной области.
round повторяет рисунок и масштабирует чтобы изображение осталось целым.
repeat просто повторяет рисунок
stretch растягивает рисунок до границы рамки, причем используется по дефолту.

Я Вам доступно объяснил? Или есть еще вопросы?
Не задавай вопрос, если не знаешь что делать с ответом...
Javany вне форума
Закрытая тема


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
От какого блока border? kpripper HTML и CSS 3 14.06.2018 14:44
Mouse Without Border Jaloliddin Софт 5 20.12.2017 12:54
Убрать border у PageControl nibufep Общие вопросы Delphi 8 25.10.2015 19:36
CSS image border не работает Bub HTML и CSS 5 24.02.2012 08:44
Не работает border-width _PROGRAMM_ HTML и CSS 7 27.04.2010 14:56