X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Рамки для картин
Lark_hb
Lark_hb
Topic Starter сообщение 6.4.2009, 18:34; Ответить: Lark_hb
Сообщение #1


Здравствуйте! Скажите пожалуйста как сделать такие же рамки как на картинке?[IMG]http://s57.radikal.ru/i155/0904/bb/e4869808931f.jpg[/IMG]

Что нужно прописать в стилях и как скажите пожалуйста? И еще вот кусочек моего кода!:rolleyes:


<br />
<img alt="Натюрморт." src="040320091056.jpg" width="220" height="175" />&nbsp; </br>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 6.4.2009, 18:52; Ответить: pomp
Сообщение #2


<br />
<img alt="Натюрморт." src="040320091056.jpg" width="220" height="175" style="bodrer: 4px solid #422d23; padding:2px;" />&nbsp;
</br>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lark_hb
Lark_hb
Topic Starter сообщение 6.4.2009, 19:06; Ответить: Lark_hb
Сообщение #3


Благодарю!:goodpost:Только вот еще вопрос...это нужно вставлять в каждый рисунок? а можно ли сделать так что бы сразу все картинки были так ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 6.4.2009, 19:24; Ответить: klenovnn
Сообщение #4


Можно, только для всех картинок нужно задать общий класс. То есть если они все находятся в таблице, нужно для этой таблицы прописать
table#kartinki img {border: 4px solid #422d23; padding:2px;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lark_hb
Lark_hb
Topic Starter сообщение 6.4.2009, 19:35; Ответить: Lark_hb
Сообщение #5


Большое спасибо!:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lark_hb
Lark_hb
Topic Starter сообщение 7.4.2009, 19:12; Ответить: Lark_hb
Сообщение #6


Скажите пожалуйста как называеться этот скрипт и где его найти как на этом сайте http://palitra-oil.narod.ru/ Когда при нажатии на картинку она открываеться в полный размер и с описанием! Спасибо в заранее!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 7.4.2009, 19:43; Ответить: klenovnn
Сообщение #7


Шаг 1 - Установка

1. Lightbox 2 использует Prototype Framework и Scriptaculous Effects библиотеки. Вам нужно включить все Javascript файлы в тег header .

<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script>
2. Включите Lightbox CSS файл (или дополните ваш css).

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
3. Проверьте CSS и создайте прозрачный prev.gif и next.gif афйлы и расположите на сайте. После создайте loading.gif и close.gif файлы .

Шаг 2 - Активация

1. Добавьте rel="lightbox" атрибут к любой ссылке если хотите использовать эффект lightbox. Для примера:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Дополнение: Используйте title атрибут если нужно описание к картинке.
2. Групповое использование. К примеру:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>


[attachment=35676:lightbox2.04.zip]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lark_hb
Lark_hb
Topic Starter сообщение 7.4.2009, 19:47; Ответить: Lark_hb
Сообщение #8


Спасибо большое!!!!:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lark_hb
Lark_hb
Topic Starter сообщение 7.4.2009, 21:47; Ответить: Lark_hb
Сообщение #9


Я что-то не так делаю я не понимаю?!! пишет такой то .jpg не найден на диске!!!


<a href=”040320091056.jpg” rel="lightbox[roadtrip]" title=”Leto”><img src=”040320091056.jpg” alt="leto" width="223" height="175" style="border: 2px solid #422d23; padding:2px;">&nbsp;</a>


Где ошибка подправьте плиззз меня!!!!:wacko:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 7.4.2009, 22:00; Ответить: klenovnn
Сообщение #10


<a href=”040320091056.jpg”
Это еще что за кавычки? Исправь на обычные ""
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Посоветуйте массажер для спины и шеи
9 Boymaster 866 Сегодня, 13:56
автор: Vmir
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
14 Aloof 3368 Сегодня, 13:50
автор: Vmir
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыЛюблю творить! Статьи для вас
Копирайтинг- моя жизнь!
312 Zoya83 190658 Сегодня, 7:51
автор: DimonX
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСовременный сервис для быстрого и безопасного обмена валют.
15 CryptoTims 4948 Вчера, 22:32
автор: CryptoTims
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
2 Rebex 819 Вчера, 20:04
автор: Rebex


 



RSS Текстовая версия Сейчас: 23.4.2024, 20:39
Дизайн