Отправляет email-рассылки с помощью сервиса Sendsay

Web-дизайн, верстка, раскрутка - разработка web-сайтов

Подписаться Бесплатный дискуссионный лист Подписчиков 656
←   Июль 2004   →
 1
 2
 3
03.07.2004
09:50:32
14:58:52
 4
 5
 6
 7
 8
 9
10
11
12
13
14
14.07.2004
01:17:06
22:38:58
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
30.07.2004
11:07:17
17:40:39
31


За последние 60 дней ни разу не выходила


Сайт листа: http://blog.nundesign.com
Открыт: 06-08-2003
Пре-модерация: Да
Адрес для писем в лист: inet.webbuild.webbuilding-list@subscribe.ru
Адрес модератора: inet.webbuild.webbuilding-owner@subscribe.ru

Модератор
NunDesign

Статистика

656 подписчиков
0 за неделю

Параметры рисунка

У меня имеется рисунок (логотип) на странице. Допустим я хочу поменять его размеры.
<img border="0" src="images/logo_new_small.jpg" width="40" height="42">

Изменить параметры width="40" height="42 несложно. На одной странице. А если
у меня 50 страниц.
Существует ли возможность (с помощью CSS) прописать название рисунка на нескольких
страницах, а потом в одном месте
изменять его параметры? Если да, то как?


Артем.





библиотекa сайтостроительства http://www.i2r.ru/static/244/

-*Информационный канал Subscribe.Ru
Адрес подписки:
Написать в лист: mailto:inet.webbuild.webbuilding-list@subscribe.ru
Отписать: mailto:inet.webbuild.webbuilding--unsub@subscribe.ru

http://subscribe.ru/ mailto:ask@subscribe.ru

Ответить  
Артем
Sun, 18 Jul 2004 21:54:30 +0400 (#193448)

 

Ответы:

Здравствуйте, Артем.

Вы писали 18 июля 2004 г., 20:54:30:

размеры.

Лучше всего данную проблему решать с помощью SSI (эту технологию
должен поддерживать сервер).
Создается файл, например header.html и в него заносим наш рисунок:

<img border="0" src="images/logo_new_small.jpg" width="40" height="42">

Больше в файл ничего не пишем.
Далее, во всех остальных файлах на месте рисунка пишем следующее:
<!--#include virtual="header.html" -->
(Путь указывается относительный)

Теперь при необходимости изменяем header.html и рисунок изменяется на
всех страницах.
(Кроме рисунка можно вставлять в header.html любой текст и теги - все
корректно будет перенесено в остальные файлы)

По технологии css тоже можно воспользоваться похожим решением:

создаем файл img.css и добавляем в него стиль:
#image {
background-image: url(images/logo_new_small.jpg);
background-position: center;
background-repeat: no-repeat;
width:40px;
height:42px;
}
далее во всех файлах подключаем img.css и на месте картинки используем
следующую конструкцию:
<div id=image></div>

К недостаткам данного метода можно отнести то, что браузеры часто
загружают картинки, прописанные таким образом в последнюю очередь.

Ответить   Алексей Mon, 19 Jul 2004 08:47:17 +0300 (#193651)

 

Да пребудут с вами исходники!

Это сделано через одно место :-) не скажу, какое. Это неверно и это нельзя расенивать
как
инклуд или его замену. Если SSI нет, можно попробовать инклудить через JS,
делая файлы с
document.write, а потом вставляя их как код JS (<script src="">). CSS не
катит, ибо в
данном случае картинка будет в бэкграунде, и не станет сохраняться на диск
как картинка
(то бишь если пользователю захочется ее загрузить, он должен будет сохранять
ФОН, а не
ИЗОБРАЖЕНИЕ, это неудобно.).

картинки,

Еще бы, это всего лишь ФОН.

Ответить  
Алексей
Tue, 20 Jul 2004 19:36:34 +0400 (#194793)

 

Здравствуйте, Алексей.

Исправленный код в соответствии с рекомендациями w3с http://www.w3.org

#image {
background-image: url(images/logo_new_small.jpg) no-repeat;
background-position: 50% 50%;
width:40px;
height:42px;
}
далее во всех файлах подключаем img.css и на месте картинки используем
следующую конструкцию:
<div id=image></div>

расенивать

Разрешите привести цитату из другого Вашего письма:

JS.
Так зачем предлагать, если не знаете?

Во-первых, вопрос задавался именно про css, про него и ответ был.
Во-вторых, при отсутствии на сервере поддержки ssi, наиболее правильно
использовать именно css, а не JS, т.к. JS может быть и выключен, и
ваших картинок никто не увидит. А вот с css такой проблемы не
возникнет (ну только если пользователь отключит всю графику).

Я что-то не пойму разницы между командами "Сохранить рисунок как..." и
"Сохранить фон как..."
Конечно, есть недостаток при сохранении страниц полностью, но при
описанных выше условиях это единственно приемлимый вариант.

Ответить   Алексей Wed, 21 Jul 2004 08:57:17 +0300 (#195173)

 

Да пребудут с вами исходники!

Я ПРЕДЛАГАЮ ЧТО ЗНАЮ!!! Если для вас незнание выражается исключительно в том,
что вы не
знаете ПРОСТЕЙШИХ ОСНОВ, то не у всех так. Я JS знаю далеко не идеально,
но уж, черт
возьми, про document.write я может слышал, а???

при

css,

Для этого есть <noscript></noscript>! Под этим надо приладить текст о том,
что поддержка
JS важна. И кто отключает JS? Попробуйте отключить JS и Cookies и потом
пуститься в
путешествие по сети!

отключит всю

Универсальнее с JS, ибо не всегда эта картинка. А если у этих ОДИНАКОВЫХ картинок
нужно
альты сделать? А если все картинки являются навигационными элементами
и должны быть
заключены в тег <a></a>?!

диск

фон

при описанных

При сохранении полностью часть браузеров вообще не сохранит картинку!

Ответить  
Алексей
Wed, 21 Jul 2004 13:38:32 +0400 (#195363)

 

Вы писали 21 июля 2004 г., 16:38:32:

в том,

Вставка кода из внешнего файла - небольшая конструкция и может быть использована
даже без какого-либо опыта в яваскрипте.
стало быть я поддерживаю Алексея (того, который beshen***@b*****.ru)

А вообще можно использовать прогу Finger. Вот цитата из абаута:

"
Предположим у Вас есть сайт, который создан на основе какой-то страницы (шаблона).
Так как сайт делался по шаблону, то во всех страницах есть одна, всегда постоянная
для всех страниц часть - скелет. Теперь предположим у Вас не одна-две страницы,
а скажем штук 50 или 150. У Вас появилась необходимость добавить, например, новый
раздел или изменить/добавить/удалить META-определитель. Для этого, ранее, Вам
нужно было каждую страницу открывать и изменять вручную, но теперь Ваши проблемы
решены - за Вас всё сделает данная программа. Ваша задача заключается только
в том, чтобы задать кусок кода страницы, который будет заменён другим или этим
же, но только изменённым, а также, Вам нужно создать список файлов, в которых
будет производится замена.

Хочу ещё сказать, что с момента, написания этой программы, внесение одинаковых
изменений на всех страницах моего сайта, стало простой операцией, не требующей
больших затрат времени.
"

По русcки - поиск и замена в нескольких файлах.

сайт автора - http://sapachev.boom.ru/





библиотекa сайтостроительства http://www.i2r.ru/static/244/

-*Информационный канал Subscribe.Ru
Адрес подписки:
Написать в лист: mailto:inet.webbuild.webbuilding-list@subscribe.ru
Отписать: mailto:inet.webbuild.webbuilding--unsub@subscribe.ru

http://subscribe.ru/ mailto:ask@subscribe.ru

Ответить   Denis Fri, 23 Jul 2004 22:39:10 +0700 (#197099)

 

Здравствуйте, Denis.

Я, как вариант, использую Extended Replace из HomeSite.
Поддерживает регулярные выражения и шаблоны, поэтому позволяет
заменять не только строго заданный кусок текста, но и подходящий по
шаблону.

Ответить   Алексей Sat, 24 Jul 2004 08:48:21 +0300 (#197408)

 

Здравствуйте, Алексей.

Вы писали 21 июля 2004 г., 12:38:32:

в том,

Во-вторых,

именно

и

Немного отвлекусь на теорию. Картинка размером 40х42. В пикселях. Я
тут долго пытался всунуть в этот квадратик сообщение с просьбой
включить JS. Ну, если только самым мелким шрифтом. Который
пользователь и смотреть то не будет. А если шрифт не менять, сообщение
картинки так хорошо все форматирование портит. Так что картинку надо
все-таки показать.

По поводу отключения JS и Cookies. Сам я, например, очень часто
работаю в инете с отключенными JS и C. И если сайт действительно стоит
того, чтобы их включить, я это сделаю. Но речь не обо мне. По
статистике, от 5 до 15% пользователей отключают данные технологии.
Не случайно все счетчики имеют страховочные методы, позволяющие им
работать и без JS. Ведь не напишут в SpyLog'e вместо кнопки
"включите пожалуйста JS, чтобы мы вас посчитали".

Посему предлагаю компромиссное решение, которое будет работать в любом
случае. (см в конце письма)

картинок

Вот с этим утверждением я полностью согласен. К сожалению, обладая
большей живучестью, метод с css проигрывает в функциональности.
По поводу <a></a> решение есть, но оно довольно громоздкое.

"Сохранить

Скажу больше, не часть браузеров, а процентов 90. (Зато какая хорошая
защита от копирования :)

Подведем итоги нашего спора. Универсальный метод добавления картинки
будет при одновременном использовании двух технологий:
1. Попробовать подключить картинку через JS
2. Если не отработало, используем css

#image {
background-image: url(images/logo_new_small.jpg) no-repeat;
background-position: 50% 50%;
width:40px;
height:42px;
}

document.write('<img src="images/logo_new_small.jpg" width="40" height="42" border="0"
alt="">');

<script language="JavaScript" src="img.js" type="text/javascript"></script>
<noscript>
<div id=image></div>
</noscript>

Ответить   Алексей Sat, 24 Jul 2004 09:13:59 +0300 (#197409)

 

Здравствуйте, Алексей.

Вы писали 21 июля 2004 г., 12:38:32:

в том,

Во-вторых,

именно

и

Немного отвлекусь на теорию. Картинка размером 40х42. В пикселях. Я
тут долго пытался всунуть в этот квадратик сообщение с просьбой
включить JS. Ну, если только самым мелким шрифтом. Который
пользователь и смотреть то не будет. А если шрифт не менять, сообщение
картинки так хорошо все форматирование портит. Так что картинку надо
все-таки показать.

По поводу отключения JS и Cookies. Сам я, например, очень часто
работаю в инете с отключенными JS и C. И если сайт действительно стоит
того, чтобы их включить, я это сделаю. Но речь не обо мне. По
статистике, от 5 до 15% пользователей отключают данные технологии.
Не случайно все счетчики имеют страховочные методы, позволяющие им
работать и без JS. Ведь не напишут в SpyLog'e вместо кнопки
"включите пожалуйста JS, чтобы мы вас посчитали".

Посему предлагаю компромиссное решение, которое будет работать в любом
случае. (см в конце письма)

картинок

Вот с этим утверждением я полностью согласен. К сожалению, обладая
большей живучестью, метод с css проигрывает в функциональности.
По поводу <a></a> решение есть, но оно довольно громоздкое.

"Сохранить

Скажу больше, не часть браузеров, а процентов 90. (Зато какая хорошая
защита от копирования :)

Подведем итоги нашего спора. Универсальный метод добавления картинки
будет при одновременном использовании двух технологий:
1. Попробовать подключить картинку через JS
2. Если не отработало, используем css

#image {
background-image: url(images/logo_new_small.jpg) no-repeat;
background-position: 50% 50%;
width:40px;
height:42px;
}

document.write('<img src="images/logo_new_small.jpg" width="40" height="42" border="0"
alt="">');

<script language="JavaScript" src="img.js" type="text/javascript"></script>
<noscript>
<div id=image></div>
</noscript>

Ответить   Алексей Sat, 24 Jul 2004 10:22:44 +0300 (#197460)