Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> рамка для div-a картинкой 
:(
    Опции темы
4epT
Дата 18.9.2010, 14:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 784
Регистрация: 13.8.2007

Репутация: нет
Всего: 3



Добрый день! Вот у меня есть div, как его можно украсить? допустим я скачаю какую то рамку, как кроя div-a украсить какими нибудь приколами?) Например див а по краям переплетение веток или что то в этом духе =) 
PM MAIL   Вверх
KuZyagroup
Дата 18.9.2010, 14:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


magento solution
**


Профиль
Группа: Участник
Сообщений: 283
Регистрация: 16.4.2007
Где: Kiev

Репутация: 2
Всего: 4



Посмотри (гугл) как дивами делаються закруглённые края, и по этому же принципу ты можешь украшать как угодно дивы
PM MAIL   Вверх
4epT
Дата 18.9.2010, 15:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 784
Регистрация: 13.8.2007

Репутация: нет
Всего: 3



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

А по другому можно как то? Просто сайт уже написан ... верстка полностью сделана, а теперь заказчик попросил сделать по кроям контента какой узор.
PM MAIL   Вверх
dеluxe
Дата 18.9.2010, 19:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 48
Регистрация: 4.8.2009

Репутация: 1
Всего: 2



4epT, берете графику узора и делаете если нужен именно узор
PM MAIL   Вверх
4epT
Дата 18.9.2010, 19:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 784
Регистрация: 13.8.2007

Репутация: нет
Всего: 3



Цитата(dеluxe @ 18.9.2010,  19:16)
4epT, берете графику узора и делаете если нужен именно узор

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

вот есть у меня див, который занимает часть экрана, он всегда центрируется ... можно как то стилями задать по его краю картинку(узор)? Или как то тень сделать ....
PM MAIL   Вверх
bars80080
Дата 18.9.2010, 23:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Цитата(4epT @  18.9.2010,  19:39 Найти цитируемый пост)
А можно поподробнее?)

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

Код

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

PM MAIL WWW   Вверх
prom2332
Дата 19.9.2010, 01:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


веб-мастер



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 26.8.2010
Где: Москва

Репутация: нет
Всего: нет



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

Код

<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 зависит от ширины картинок, которые будут по краям.
PM MAIL ICQ   Вверх
4epT
Дата 19.9.2010, 10:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 784
Регистрация: 13.8.2007

Репутация: нет
Всего: 3



спасибо =) попробую)))
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0742 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.