Rimon Lusi (fotovivo) wrote,
Rimon Lusi
fotovivo

⛄⛄⛄ Новогодний коллаж своими руками

1


Научимся делать текст с блестками и блестящие рамочки - без фоторедактора, непосредственно на веб-странице

Read more...Collapse )


В отличии от цельнокроенных открыток, в коллаж можно подставить любой текст по своему выбору, поменять цвет, шрифт, что угодно:

[Утащилка]
<div style="display:inline-block; border:1px solid silver; padding:18px; background:#fff; box-shadow:2px 2px 4px grey;"><div style="background:url(https://ic.pics.livejournal.com/fotovivo/19078119/2545083/2545083_original.gif); width:550px; height:550px;"><div style="width:111px;height:143px;padding-top: 60%;padding-left: 385px;opacity: 0.7;"><img src='https://ic.pics.livejournal.com/fotovivo/19078119/2555261/2555261_original.gif' /></div></div><div style="background:url(https://ic.pics.livejournal.com/fotovivo/19078119/2552976/2552976_original.gif) 0 36% repeat-x; background-size:40% 40%; width:550px;height:150px;"><div style="background: #0d250c; font-family:Lucida Console; font-size: 3.6em;font-weight: 900;color:#fff;mix-blend-mode: multiply;width: 530px;height:150px;padding-left: 20px;"><div style="padding-left:4px;padding-top:24px;text-shadow: 0 -4px 8px #fff;">ТУТ_БУДЕТ_ТЕКСТ</div></div></div></div>

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


С Наступающим!



Tags: НГ, блоговодство, веб-штучки
Subscribe

Featured Posts from This Journal

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 49 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →

Featured Posts from This Journal