Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > рамка для div-a картинкой

Автор: 4epT 18.9.2010, 14:52

Добрый день! Вот у меня есть div, как его можно украсить? допустим я скачаю какую то рамку, как кроя div-a украсить какими нибудь приколами?) Например див а по краям переплетение веток или что то в этом духе =)

Автор: KuZyagroup 18.9.2010, 14:57

Посмотри (гугл) как дивами делаються закруглённые края, и по этому же принципу ты можешь украшать как угодно дивы

Автор: 4epT 18.9.2010, 15:08

Цитата(KuZyagroup @ 18.9.2010, 14:57)

А по другому можно как то? Просто сайт уже написан ... верстка полностью сделана, а теперь заказчик попросил сделать по кроям контента какой узор.

Автор: dеluxe 18.9.2010, 19:16

4epT, берете графику узора и делаете если нужен именно узор

Автор: 4epT 18.9.2010, 19:39

Цитата(dеluxe @ 18.9.2010, 19:16)

4epT, берете графику узора и делаете если нужен именно узор

А можно поподробнее?)

вот есть у меня див, который занимает часть экрана, он всегда центрируется ... можно как то стилями задать по его краю картинку(узор)? Или как то тень сделать ....

Автор: bars80080 18.9.2010, 23:52

Цитата(4epT @ 18.9.2010, 19:39

)

А можно поподробнее?)

фоном ставите картинку. ровно такую, какая нужна. если только по левому краю повторяющийся узор, то:

Код


#content { background: url(fon.gif) repeat-y; }

Автор: prom2332 19.9.2010, 01:41

привожу пример, как можно сделать картинки по левому и правому краю дива:

Код


<div id="left_img">
    <div id="right_img">
        тут будет содержимое всего дива
    </div>
</div>

Код


div#left_img {background: url(left_img.gif) repeat-y left top; width:10px;}
div#right_img {background: url(right_img.gif) repeat-y right top; width:10px;}

width зависит от ширины картинок, которые будут по краям.

Автор: 4epT 19.9.2010, 10:35

спасибо =) попробую)))