Оформление изображений CSS на сайте - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Здесь вы узнаете как красиво оформить изображение при помощи CSS. На сайте будет смотреться красиво, так как еще название будет его сопровождать. Основном все это оформление происходит как в самом материале, но также можно его поставить в отдельную страницу или сделать фотоальбом. Все очень просто, вам нужно выставить в стилях ширину которая вам нужна, и потом уже идет код под картинку, где вы ставите ссылку на изображение и прописываете к нему название.

Установка:

CSS:
Code
.poster-box {position: relative; overflow: hidden;width: 700px;} 
.poster-title {position: absolute; bottom:0px;width: 679px; text-align: center; color: #fff; text-shadow: 0 0 6px #fff; text-transform: uppercase;background: rgba(68, 68, 68, 0.6); padding: 10px 0}

Код:
Code
<div class="poster-box"> 
<img src="http://zornet.ru/Ajaxoskrip/Abaveg/0764eac0e6cf4e67a4a4784013135bd9.png"> 
<div class="poster-title"> 
Кошки флудят в на сайте ZORNRT.Ru 
</div> 
</div>

Также вы можете закруглить углы...

Смотреть: DEMO

Важно!

При копировании материала указывать ссылку на источник.

- 609
- 29-Ноября-2016
- 0
Материал разместил:

Похожий материал
Статьи сайта