Здесь располагаете Ваш текст. Текст будет иметь отступ сверху 20 пикселей, а по бокам - по 40 пикселей. Их устанавливать на свое усмотрение. Я поставила так для информации. Цвет рамки, размер, обозначение - тоже можно менять. Фон записи - тем более

Код рамки:
<table align="center"><tr><td width="730"><div style="background: url('////img0.liveinternet.ru/images/attach/d/4/161/545/161545338_153064492_0.jpg');border: ridge 10px #3ADF00;box-shadow:17px 17px 20px 10px rgba(0,0,0,.1);#000000;"><div style="margin-top:20px; margin-left:40px;margin-right:40px;margin-bottom:20px;"><font color="#000000" size="4" face="tahoma">Здесь располагаете Ваш текст. Текст будет иметь отступ сверху 20 пикселей, а по бокам - по 40 пикселей. Их устанавливать на свое усмотрение. Я поставила так для информации. Цвет рамки, размер, обозначение - тоже можно менять. Фон записи - тем более</font></div></div></td></tr></table>
-----------------------------------------------------------------
В этой просто поменяла значения. Формула та же.

Здесь располагаете Ваш текст. Текст будет иметь отступ сверху 7 пикселей, а по бокам - по 15 пикселей. Их устанавливать на свое усмотрение. Я поставила так для информации. Цвет рамки, размер, обозначение - тоже можно менять. Фон записи - тем более

Cокращенный вариант border-radius: 10px 5px 4px 8px; углы начинаются от верхнего-левого/верхний-правый/нижний-правый/нижний-левый

Очистка кэша шрифтов Windows – эффективное общее решение проблем со шрифтами в Photoshop. Вы можете стереть системный шрифт, открыв Проводник. Откройте этот путь к папке в проводнике: C:> Windows> ServiceProfiles> LocalService> Appdata> Local. Затем щелкните правой кнопкой мыши файл * FNTCACHE * .DAT или * FontCache * .dat и выберите Удалить. Вы также можете перейти в Пользователи> [имя пользователя]> AppData> Роуминг> Adobe> Adobe Photoshop CC, CC 2014 или CC 2015 в проводнике, чтобы очистить кэш шрифтов в Photoshop. Нажмите правой кнопкой мыши на папку CT Font Cache и выберите Удалить, чтобы стереть ее. ЯблочкоНаливное

Сокращенное свойство для установки всех четырех границ. Cвойства border-radius. border-top-left-radius Определяет форму границы верхнего левого угла border-top-right-radius Определяет форму границы верхнего правого угла border-bottom-right-radius Определяет форму границы нижнего правого угла border-bottom-left-radius Определяет форму границы нижнего левого углаЯблочоНаливное

Чтобы нарисовать прямую, выполните следующие действия:
➔ щелчком мыши выберите в палитре цвет линии;
➔ нажмите кнопку инструмента линия ;
➔ в наборе образцов выберите ширину линии;
➔ поместите указатель в ту точку рабочей области, откуда вы начнете проводить линию. Указатель примет вид перекрестия. Удерживая нажатой кнопку, переместите мышь в конечную точку отрезка. При перемещении за указателем будет «тянуться» прямая линия.
Рисование линии закончится, когда будет отпущена кнопка мыши.
Чтобы провести прямую линию вертикально, горизонтально или под углом 45 градусов, прежде чем отпустить кнопку мыши, нажмите клавишу Shift.

Чтобы нарисовать прямоугольник с прямыми углами, щелчком мыши выберите инструмент Прямоугольник. Затем задайте цвет границы на палитре и тип заполнения в рамке под набором инструментов. Указатель установите в точке, где будет находиться одна из вершин фигуры, и при нажатой левой кнопке мыши переместите его в противоположный (по диагонали) угол, растягивая рисунок до требуемого размера. Квадрат рисуют так же, как прямоугольник, нажав при растягивании фигуры клавишу Shift.

Чтобы нарисовать прямоугольник с определенной шириной линии контура, выберите инструмент линия и в наборе образцов задайте ее ширину, затем щелкните на инструменте прямоугольник и нарисуйте фигуру. Прямоугольник со скругленными углами рисуют аналогичным образом, выбрав одноименный инструмент.

Переустановила Paint Net. Сейчас у меня Paint Net 4-2-16 install
Нужны были прозрачные фоны, а в этом паинте, функции изменились. Раньше прозрачность в процентах обозначалась, а сейчас по-другому. Сидела двигала рычажок, а показатель прозрачности указала в названии фона: белый-170, белый-200. Вот теперь буду смотреть и соображать к какой цифре двигать рычажок..

ЯблочоНаливное

Тыкаюсь в ФШ.Пробовала раскрашивать разноцветными цветами нарисованные кистью рисунки и нечаянно в палитру образцов цвета (прямоугольную) наляпала кучу повторных образцов. Надо было от них избавиться, потыкалась и нашла как это сделать.
На серой панельке, вверху этого квадрата образцов, справа, самый последний стоит знак - полоски. Шмякнула по нему - появилась большая рамка с описанием разных функций, нажала - Управление наборами. Появилась больная рамка с образцами. Подвела стрелку мышки к образцу лишнему, стрелка превратилась в пипетку. Левой кнопкой шмякнула и вместо пипетки уже появилась рука, потом стрелку мышки повела на "удалить" и нажала кнопку мышки. Образец ненужный удалился. Продолжила дальше, удалила таким образом все наляпанные цвета.

ФШ CS5

Это в фотошопе CS5 сделала! И всё ж до кое-чего сама дотумкивалась, в уроках хоть и описывают как это делать, но у меня не получалось такого результата.
1. Открыть нужную картинку. Можно создать самому фон.
2. Инструментом Т написать текст.
3. В верхней части панели Слои кликнуть - Создать обтравочную маску.
4. Внизу справа в окне панелей слоёв : Слои и есть ниже окошко, нажимаем, выпадает инфа, выбираем - Умножение. Рядом стоит - непрозрачность 100%, не меняем ничего.
5. В верхней части панели в Слои переходим в Стиль слоя, жмем Тиснение. Справа в рамке поставила галочку в Контур и щелкнула Тиснение, потом - ОК. Непрозрачность не меняла, она стоит по умолчанию 75%.
Всё получилось!
Теперь идем Фаил - Сохранить как... и не забыть поставить jpeg (внизу в выпадающей рамке)
Результат

Сделано в Paint.net. Мой урок 1. Файл - создать. В выпавшем окне устанавливаем размер фона. ОК Фон будет белого цвета. 2. В верхней панели инструментов: Заливка - Сплошной цвет. Чувствительность - устанавливаем по желаемой непрозрачности, перемещая движок или кликая по плюсику справа. 3. В палитре цветов выбираем цвет будущей градиентной заливки. Переходим в панель инструментов, кликаем по инструменту "Заливка", подводим мышку к фону, кликаем и заливаем фон выбранным цветом. 4. Кликаем по инструменту "Градиентная заливка". Переходим на верхнюю панель. Кликаем по иконке градиентной заливке "Линейная". 5. За набором градиентных панелек идёт панелька - Режим прозрачности и цветовая заливка. Кликаем "Прозрачность". 6. Подводим мышку к боковой стороне фона (можно хоть слева, хоть справа) и ведём к противоположной стороне. Фон становится прозрачным и оттенком выбранного цвета. 7. В верхней панели кликаем "Готово" 8. Сохраняем как - обязательно PNG У первого фона прозрачность 50%, у второго 30% (чувствительность) ЯблочкоНаливное

Ниже приводится пример тени текста, которая смещена на два пикселя вниз и на четыре пикселя вправо, размыта на три пикселя и имеет черный цвет с уровнем непрозрачности 30%. text-shadow: 2px 4px 3px rgba(0,0,0,0.3); Почему используется rgba? Вам не обязательно использовать rgba для задания цвета тени при определении свойства. Однако, rgba добавляет еще одну размерность при определении тени - уровень прозрачности. Данный метод существенно проще, чем другие способы определения цвета. Вам не надо акцентировать внимание на определении оттенка цвета тени, который может быть лишь немного темнее или светлее цвета фона. С rgba вы можете просто использовать белый или черный цвета и увеличить их прозрачность, чтобы добиться нужного оттенка фона при смешении красок.ЯблочкоНаливное

Тень представляет собой копию элемента, смещенную на указанное расстояние. Тени бывают внешние или внутренние, размытые или плоские, они могут следовать контурам блоков со скругленными углами. С помощью ключевого слова inset создаются тени внутри элемента, делая элемент визуально объёмным или вдавленным.

Свойство box-shadow Свойство box-shadow прикрепляет одну или несколько теней к блоку. Свойство принимает либо значение none, которое указывает на отсутствие теней, либо список теней через запятую, упорядоченный от начала к концу.

Каждая тень является отдельной тенью, представленной от 2 до 4-х значений длины, необязательным цветом и необязательным ключевым словом inset. Допустимые длины 0; опущенные цвета по умолчанию равны значению свойства color.

Свойство не наследуется.


box-shadow - Значения x-offset - Задает горизонтальное смещение тени. Положительное значение рисует тень, смещенную вправо от текста, отрицательная длина — влево.
y-offset - Задает вертикальное смещение тени. Положительное значение смещает тень вниз, отрицательное — вверх.
blur - Задает радиус размытия. Отрицательные значения не допускаются. Если значение размытия равно нулю, то край тени четкий. В противном случае, чем больше значение, тем больше размыт край тени.
растяжение - Задает расстояние, на которое тень увеличивается. Положительные значения заставляют тень расширяться во всех направлениях на указанный радиус. Отрицательные значения заставляют тень сжиматься. Для внутренних теней расширение тени означает сжатие формы периметра тени.
цвет Задает цвет тени. Если цвет отсутствует, используемый цвет берется из свойства color. Для Safari цвет тени указывать обязательно.
inset - Изменяет отбрасываемую тень блока с внешней тени на внутреннюю.
none - Значение по умолчанию, означает отсутствие тени.
initial - Устанавливает значение свойства в значение по умолчанию.
inherit - Наследует значение свойства от родительского элемента.
Эффекты тени применяются следующим образом: первая тень находится сверху, а остальные — сзади. Тени не влияют на компоновку и могут перекрывать другие элементы или их тени. С точки зрения контекстов укладки и порядка рисования внешние тени элемента рисуются непосредственно под фоном этого элемента, а внутренние тени элемента рисуются непосредственно над фоном этого элемента (ниже border и border-image, если таковые имеются).

Если элемент имеет несколько ящиков, все они получают тени, но тени рисуются только там, где также будут нарисованы границы; см. box-decoration-break.

Тени не вызывают прокрутку или не увеличивают размер прокручиваемой области.

Во втором обозначении тени box-shadow:0px 0px 20px - 20рх придаёт тень фону для записи. При уменьшении этого значения верхняя и левая часть становятся менее отделёнными. Славница

HTML позволяет устанавливать отступы для всех сторон по-отдельности. Для этого используются следующие параметры:
Для padding:
padding-left - отступ слева
padding-right - отступ справа
padding-top - отступ сверху
padding-bottom - отступ снизу

И аналогично для margin:
margin-left - отступ слева
margin-right - отступ справа
margin-top - отступ сверху
margin-bottom - отступ снизу

- div style="margin-left:10px;margin-right:10px;" - Здесь пишется текст или вставляется ряд картинок. Отступ будет справа и слева на расстояние по 10рх . Вместо тире ставятся треугольные скобки < и > - /div -

Выглядит так:


<div style="margin-left:10px;margin-right:10px;">Здесь пишется текст или вставляется ряд картинок. Отступ будет справа и слева на расстояние по 10рх. Размер пикселей ставить можно на своё усмотрение. Вместо margin можно вставить padding, текст будет смотреться точно также.</div>

Здесь будет ваш текст

Код:
<table align="center"><tr><td><blockquote style="background: #F8F8FF; border-bottom: #0e9e08 5px solid; border-left: #eeeeee 5px solid; border-right: #eeeeee 5px solid; border-top: #029D74 5px solid; height:100%; width:600px;padding:15px;"><span style="font-family:georgia;color:#000000;font-size:16px"><b>Здесь будет ваш текст</b></span></blockquote></td></tr></table>
-----------------------------------------------------------------------------------------------------------------

Здесь будет ваш текст

Код:
<table align="center"><tr><td><div style="background-color: ghostwhite; border-bottom: 2px dashed #ff0000; border-left: 4px groove#ff0000; border-right: 4px groove#ff0000; border-top: 2px dashed #ff0000; height:100%; width: 500px; padding:10px;"><span style="font-family:georgia;color:#000000;font-size:16px">Здесь будет ваш текст</span></div></td></tr></table>
-----------------------------------------------------------------------------------------------------------------

Здесь поставлены разные размеры линий рамки и разные формы линий (противоположные) Цвет и размер можно менять по своему усмотрению.

Код:
<table align="center"><tr><td><div style="background-color: ghostwhite; border-bottom: 7px groove #CAAA34; border-left: 3px dashed #CAAA34; border-right: 3px dashed #CAAA34; border-top: 7px groove #CAAA34;height:100%;width:600px;padding:15px;"><span style="font-family:georgia;color:#000000;font-size:16px">Здесь поставлены разные размеры линий рамки и разные формы линий (противоположные)<br /> Цвет и размер можно менять по своему усмотрению.</span></div></td></tr></table>
-----------------------------------------------------------------------------------------------------------------

Здесь специально поставлены все разные обозначения линий рамочки

Код:
<table align="center"><tr><td><div style="border-bottom: 4px dotted #aad7c6; border-left: 5px groove #2db3e9; border-right: 5px outset #ab82ff; border-top: 3px dashed #871f78; height:100%; width: 500px; padding:10px;"><span style="font-family:georgia;color:#000000;font-size:16px">Здесь специально поставлены все разные обозначения линий рамочки</span></div></td></tr></table>

• border-left - слева
• border-right - справа
• border-top - сверху
• border-bottom - снизу

<div style="background-color: #e54651; border-top: 3px dashed #0e5198; margin-top: 2em;"></div>
-----------------------------------------------------------------------------------------------------
Точечная (dotted) линия

---

<hr style="border: 2px dotted #2c1294;" />
-----------------------------------------------------------------------------------------------------
Двойная (double) линия

---

<hr style="border: 3px double #029d74;" />
-----------------------------------------------------------------------------------------------------
Выпуклая (outset) линия

---

<hr style="border: 3px outset #b561ff;" />
-----------------------------------------------------------------------------------------------------
Вогнутая (groove) линия

---

<hr style="border: 2px groove #00b2a1;" />
-----------------------------------------------------------------------------------------------------
Линия (ridge) кромкой

---

<hr style="border: 2px ridge #e74444;" />
-----------------------------------------------------------------------------------------------------
Простая тройная линия

---

---

---

<hr style="height: 0px;" /><hr style="height: 0px;" /><hr style="height: 0px;" />
-----------------------------------------------------------------------------------------------------
Варианты цветной тройной линии

---

---

---

<hr style="height: 0px; border-bottom: 2px solid #e74444;" /><hr style="height: 0px; border-bottom: 2px solid #00b2a1;" /><hr style="height: 0px; border-bottom: 2px solid #e74444;" />
-----------------------------------------------------------------------------------------------------