|
Автор | Сообщение |
---|
T-REX Двукратный победитель турнира "Планшетомания"
Сообщения : 10605 1978-01-02 2013-01-20 Возраст : 46
| Тема: Фоны Пн 5 Янв - 13:48 | |
| |
|
| |
TISHINA капитан клана *Crazy*/КН/
Сообщения : 11069 1983-12-22 2013-01-23 Возраст : 40 Волжский
| Тема: Re: Фоны Ср 21 Янв - 16:18 | |
| Ром обьясни плиз, как делать фон, чет у меня не получается |
|
| |
T-REX Двукратный победитель турнира "Планшетомания"
Сообщения : 10605 1978-01-02 2013-01-20 Возраст : 46
| Тема: Re: Фоны Ср 21 Янв - 18:26 | |
| Обьясняю поэтапно как сделать пост с фоном.
1/ Для начала находим сам фон.Это может быть как анимация так и простая картинка.Для примера возьму вот эту картинку
Именно она http://fonerus.ru/_ph/29/2/750464968.jpg и будет фоном в нашем посту. 2/ Для того чтобы использовать эту картинку как фон необходим код. Вот этот код: - Код:
-
<div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="тут ссылка на фон"><tbody><tr><td width="100%"><br><div align="center"> </td></tr></tbody></table> 3/ Теперь берем этот код, вставляем в пост, а там где написано "тут ссылка на фон" вставляем ссылку http://fonerus.ru/_ph/29/2/750464968.jpg Получается следующий код: - Код:
-
<div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="100%"><br><div align="center"> </td></tr></tbody></table> 4/ Далее добавляем текст. Пусть будет такой: "Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже " После вставки этого поста в код получится следующее: - Код:
-
<div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="100%"><br><div align="center"> Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже </td></tr></tbody></table> 5/ Нужно учитывать, что фон сам по себе небольшой и при длинном посту он продублируется.Иногда этот дубляж очень заметен, поэтому следует аккуратно выбирать фон и смотреть как он будет выглядеть в посту после завершения дизайна.
6/ Наш текст стандартный и черный.На некоторых фонах он даже может затеряться, поэтому я советую его увеличить и изменить спец.тегами, добавить "жирность", и поменять цвет.После всех изменений получается следующий код: - Код:
-
<div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="100%"><br><div align="center"> [b][size=18][color=#0033ff]Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже[/color][/size][/b] </td></tr></tbody></table>
Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже | 7/ Далее добавляем линейки сверху поста и снизу с сайта http://mirgif.com/ Беру вот эту линейку как вариант Вот это - Код:
-
[img]http://mirgif.com/razdeliteli/7238.gif[/img] копируем сверху и снизу поста и получаем следующее: - Код:
-
<div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="100%"><br><div align="center"> [img]http://mirgif.com/razdeliteli/7238.gif[/img] [b][size=18][color=#0033ff]Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже[/color][/size][/b] [img]http://mirgif.com/razdeliteli/7238.gif[/img] </td></tr></tbody></table>
Последний раз редактировалось: T-REX (Чт 22 Янв - 14:05), всего редактировалось 1 раз(а) |
|
| |
TISHINA капитан клана *Crazy*/КН/
Сообщения : 11069 1983-12-22 2013-01-23 Возраст : 40 Волжский
| Тема: Re: Фоны Чт 22 Янв - 8:41 | |
| |
|
| |
anna4842 Капитан клана "Russia" /1000/ Мисс Очарование 2015 /1000/
Сообщения : 8577 1975-01-11 2013-02-15 Возраст : 49 Карелия
| Тема: Re: Фоны Чт 22 Янв - 15:37 | |
| Небольшое дополнение: Если посмотреть, то можете найти среди кода цифру "100%" (td width="100%">) это обозначает, что заливка фона будет на весь пост по ширине. Так как вы видите это ниже. - Код:
-
<div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="100%"><br><div align="center"> [img]http://mirgif.com/razdeliteli/7238.gif[/img] [b][size=18][color=#0033ff]Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже[/color][/size][/b] [img]http://mirgif.com/razdeliteli/7238.gif[/img] </td></tr></tbody></table>
Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже | Но если эту цифру сменить на "1" (td width="1">) то заливка фона будет только на ширину ваших картинок и написанного текста. Пример ниже: - Код:
-
<div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="1"><br><div align="center"> [img]http://mirgif.com/razdeliteli/7238.gif[/img] [b][size=18][color=#0033ff]Здравствуйте! Представляю Вашему вниманию новый пост с фоном. Тут дальше все будет оформлено но чуть позже[/color][/size][/b] [img]http://mirgif.com/razdeliteli/7238.gif[/img] </td></tr></tbody></table> |
|
| |
TISHINA капитан клана *Crazy*/КН/
Сообщения : 11069 1983-12-22 2013-01-23 Возраст : 40 Волжский
| Тема: Re: Фоны Пт 23 Янв - 17:26 | |
| |
|
| |
T-REX Двукратный победитель турнира "Планшетомания"
Сообщения : 10605 1978-01-02 2013-01-20 Возраст : 46
| Тема: Re: Фоны Пт 23 Янв - 19:02 | |
| Добавил к посту "турнир создан...." несколько черточек и фон растянулся.То есть длина текста небольшая и фон растягивается по длине поста.Можно черточки заменить другими символами или добавить картинки.
Последний раз редактировалось: T-REX (Пт 23 Янв - 19:12), всего редактировалось 1 раз(а) |
|
| |
T-REX Двукратный победитель турнира "Планшетомания"
Сообщения : 10605 1978-01-02 2013-01-20 Возраст : 46
| Тема: Re: Фоны Пт 23 Янв - 19:10 | |
| Еще один совет при использовании фонов.Картинки, которые будут на фоне должны быть в формате PNG Это формат изображения без фона.При использовании этого формата картинка будет хорошо смотреться в посту с фоном.Формат JPEG (jpg) весит меньше, но имеет свой фон, который будет перекрывать основной поэтому не рекомендую использовать этот формат.
Последний раз редактировалось: T-REX (Пт 23 Янв - 23:18), всего редактировалось 1 раз(а) |
|
| |
TISHINA капитан клана *Crazy*/КН/
Сообщения : 11069 1983-12-22 2013-01-23 Возраст : 40 Волжский
| Тема: Re: Фоны Пт 23 Янв - 23:09 | |
| Ром сделай 3.4. пост широкий фон плиз, так не красиво( |
|
| |
T-REX Двукратный победитель турнира "Планшетомания"
Сообщения : 10605 1978-01-02 2013-01-20 Возраст : 46
| Тема: Re: Фоны Сб 24 Янв - 0:22 | |
| Аня в 3 и 4 посту тоже самое.Я там чуток подкорректировал, а вот в 4 посту с результатами, пришлось фон убрать, так как где то конфликт идет между тегами фона и остальными тегами. P.S.: одно из решений по результатам это использование таблиц. Будет красивее но работы побольше с таблицами |
|
| |
TISHINA капитан клана *Crazy*/КН/
Сообщения : 11069 1983-12-22 2013-01-23 Возраст : 40 Волжский
| Тема: Re: Фоны Сб 24 Янв - 9:49 | |
| |
|
| |
T-REX Двукратный победитель турнира "Планшетомания"
Сообщения : 10605 1978-01-02 2013-01-20 Возраст : 46
| Тема: Re: Фоны Сб 24 Янв - 9:50 | |
| |
|
| |
-CHAK- статус
Сообщения : 8669 1977-11-12 2013-01-18 Возраст : 46 Саратов
| Тема: Re: Фоны Ср 20 Май - 14:55 | |
| Хороший фон для поздравлений с эффектом падающих конфети http://fonerus.ru/_ph/86/2/724289263.gif?1430081416 Текст поздравления можно обработать кодом с тенью - Код:
-
<left style="color: #000000; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">сюда вставляем текст</left > В этом коде можно изменить положение текста (по умолчанию текст по левому краю left style) цвет (черный по умолчанию #000000), размер (стоит 20 пикселей), добавить тень (text-shadow: #000000 черная по умолчанию) и указать ее размеры (по умолчанию 0px 1px 1px) Еще можно картинку вставить (например по этой ссылке http://s017.radikal.ru/i404/1505/a3/a3b3e780a06f.gif) и вот окончательный результат: - Код:
-
<div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/86/2/724289263.gif?1430081416"><tbody><tr><td width="100%"><br><div align="center"> <center style="color: #0000ff; font-size: 30px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">С днем варения именинник))) Счастья тебе, здоровья и исполнения всех желаний))) [img]http://s017.radikal.ru/i404/1505/a3/a3b3e780a06f.gif[/img]</center> </td></tr></tbody></table>
С днем варения именинник))) Счастья тебе, здоровья и исполнения всех желаний)))
|
|
|
| |
-CHAK- статус
Сообщения : 8669 1977-11-12 2013-01-18 Возраст : 46 Саратов
| Тема: Re: Фоны Вт 13 Окт - 10:24 | |
| Неплохая подборка фонов
https://fotki.yandex.ru/users/vera-asafova/album/190222/ |
|
| |
|