КАРТА САЙТА
Sibnet.ru
Sibnet.ru

Sibnet.ru — это информационно-развлекательный интернет-проект, ориентированный на широкий круг Сибирского региона.
По данным Rambler Top100, Sibnet.ru является самым популярным порталом в Сибири.

Контакты:
АО "Ринет"
ОГРН 1025402475856
г. Новосибирск, ул. Якушева, д. 37, 3 этаж
отдел рекламы:
(383) 347-10-50, 347-06-78, 347-22-11, 347-03-97

Редакция: (383) 347-86-84

Техподдержка:
help.sibnet.ru
Авторизируйтесь,
чтобы продолжить
Некоторые функции доступны только зарегистрированным пользователям
Неправильный логин или пароль

Внимание! Теперь для входа на форум необходимо вводить единый пароль регистрации сервисов sibnet.ru!

Здравствуйте, гость ( Вход | Регистрация )



31 страниц V  1 2 3 > »   
Ответить в эту темуОткрыть новую тему
> Web-мелочи, Обмен опытом по конкретным проблемам web-дизайна
SlavaJS
сообщение 24.3.2009, 13:51
Сообщение #1


Молчун
Group Icon


Группа: Sibnet-club
Сообщений: 65
Регистрация: 23.12.2008
Из: Саяногорск
Пользователь №: 69 431



Репутация:   2  


Пытаюсь создать свой сайт. Материалов везде масса. Учителей и советчиков - еще больше. однако, когда касается чего-то вполне определенного, никто не может дать вразумительный ответ. предлагаю в этой теме обсуждать не постройку сайта от начала и до конца, а отдельных узлов и деталей.
Если это кому-то кроме меня интересно, буду рад.

А вот и конкретный вопрос (и не последний): Как фоновую картинку растянуть на весь экран? Не замостить, а именно растянуть. Так, чтобы она сохраняла пропорции при любом разрешении экрана и размере окна браузера?


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
mephisto
сообщение 24.3.2009, 14:07
Сообщение #2


ортодоксальный линуксоид
Group Icon


Группа: VIP
Сообщений: 7 724
Регистрация: 17.11.2007
Из: столицы вашей родины
Пользователь №: 10 849



Цитата(SlavaJS @ 24.3.2009, 12:51) *

А вот и конкретный вопрос (и не последний): Как фоновую картинку растянуть на весь экран? Не замостить, а именно растянуть. Так, чтобы она сохраняла пропорции при любом разрешении экрана и размере окна браузера?

JS
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
SlavaJS
сообщение 24.3.2009, 14:15
Сообщение #3


Молчун
Group Icon


Группа: Sibnet-club
Сообщений: 65
Регистрация: 23.12.2008
Из: Саяногорск
Пользователь №: 69 431



Репутация:   2  


Цитата(mephisto @ 24.3.2009, 13:07) *

JS


А такое вообще возможно? Или тоже JS?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
mephisto
сообщение 24.3.2009, 14:41
Сообщение #4


ортодоксальный линуксоид
Group Icon


Группа: VIP
Сообщений: 7 724
Регистрация: 17.11.2007
Из: столицы вашей родины
Пользователь №: 10 849



Цитата(SlavaJS @ 24.3.2009, 13:15) *

А такое вообще возможно? Или тоже JS?

С помощью JavaScript сделать можно, как с помощь CSS можно сделать не знаю, скорей всего просто нельзя.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
(-=Dargin=-)
сообщение 24.3.2009, 15:52
Сообщение #5


.
Group Icon


Группа: Пользователи
Сообщений: 471
Регистрация: 8.12.2007
Из: Барнаула
Пользователь №: 12 820



Репутация:   43  


Не ты один сталкиваешься с этой проблемой smile.gif Вот решение на CSS. Не айс, но вариант.

2mephisto расскажи о чем ты про js?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
mephisto
сообщение 24.3.2009, 17:46
Сообщение #6


ортодоксальный линуксоид
Group Icon


Группа: VIP
Сообщений: 7 724
Регистрация: 17.11.2007
Из: столицы вашей родины
Пользователь №: 10 849



Цитата((-=Dargin=-) @ 24.3.2009, 14:52) *

2mephisto расскажи о чем ты про js?

Да собственно почти то же самое, что привёл ты, но масштабировать картинку предполагал с помощью JS. Собственно оно и так там с помощью JS масштабируется вроде.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
SlavaJS
сообщение 29.3.2009, 21:41
Сообщение #7


Молчун
Group Icon


Группа: Sibnet-club
Сообщений: 65
Регистрация: 23.12.2008
Из: Саяногорск
Пользователь №: 69 431



Репутация:   2  


Еще две проблемы:
1. Как на рисованной кнопке расположить текст?
2. Как сделать так, чтобы при наведении курсора на текст, он (текст) менял цвет на другой, например с черного на красный?
Если можно прстыми тегами, напишите, какими.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
dima75
сообщение 29.3.2009, 22:34
Сообщение #8


радость в жизни - это когда есть кто-то рядом.
Group Icon


Группа: Sibnet-club
Сообщений: 958
Регистрация: 11.10.2007
Из: Новосибирск
Пользователь №: 7 686



Репутация:   66  


Цитата(SlavaJS @ 29.3.2009, 21:41) *

Еще две проблемы:
1. Как на рисованной кнопке расположить текст?
2. Как сделать так, чтобы при наведении курсора на текст, он (текст) менял цвет на другой, например с черного на красный?
Если можно прстыми тегами, напишите, какими.

1) сделать картинку кнопки фоновым изображением через CSS
.knopka{background:url(knopka.jpg)}
<td class=knopka>Тут текст кнопки</td>

2) <p>бла бла бла</p>
p{color:000;}
p:hover{color:red}

Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
(-=Dargin=-)
сообщение 30.3.2009, 15:22
Сообщение #9


.
Group Icon


Группа: Пользователи
Сообщений: 471
Регистрация: 8.12.2007
Из: Барнаула
Пользователь №: 12 820



Репутация:   43  


Поправлю слегка.
Цитата(dima75 @ 29.3.2009, 21:34) *

1) сделать картинку кнопки фоновым изображением через CSS
.knopka{background:url(knopka.jpg)}
<td class=knopka>Тут текст кнопки</td>

Код
.knopka{background:url(knopka.jpg) no-repeat; line-height: Высота картинки px; }
<a href="/" class=knopka>Тут текст кнопки</a>

Цитата(dima75 @ 29.3.2009, 21:34) *

2) <p>бла бла бла</p>
p{color:000;}
p:hover{color:red}

:hover работает только с ссылками. Для обычных элементов использовать лучше js
Код
<p onmouseover="this.style.color='red';" onmouseout="this.style.color='#000';">текст</p>
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Serega_pc
сообщение 1.4.2009, 21:25
Сообщение #10


Молчун
Group Icon


Группа: Пользователи
Сообщений: 22
Регистрация: 6.5.2008
Пользователь №: 31 906



Репутация:   0  


Привет всем! У меня такой вопрос. Есть у меня сайт, можно сказать, что ещё в стадии разработки. Написал я текст странички простой, с одной гипер ссылкой. И этой ссылке задал определённый шрифт. Но так как шрифт я в систему Windows добавил сам, то у других пользователей которые будут просматривать мой сайт, этого шрифта нет. ВОПРОС: Как сделать так чтобы при загрузке страницы автоматом устанавливался шрифт пользователю.И чтобы текст отображался именно тем шрифтом который я выбрал.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
(-=Dargin=-)
сообщение 1.4.2009, 21:53
Сообщение #11


.
Group Icon


Группа: Пользователи
Сообщений: 471
Регистрация: 8.12.2007
Из: Барнаула
Пользователь №: 12 820



Репутация:   43  


Пробуй

Хотя может в начале показать трудноватым.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
ildar.soft
сообщение 2.4.2009, 16:05
Сообщение #12


Молчун
Group Icon


Группа: Sibnet-club
Сообщений: 41
Регистрация: 4.10.2008
Пользователь №: 53 046



Репутация:   0  


Как сделать вместо галочек или точек в форме, картинки?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
(-=Dargin=-)
сообщение 2.4.2009, 18:54
Сообщение #13


.
Group Icon


Группа: Пользователи
Сообщений: 471
Регистрация: 8.12.2007
Из: Барнаула
Пользователь №: 12 820



Репутация:   43  


» Спойлер (нажмите, чтобы прочесть) «


В твоем случае:
Код
<ul style="list-style: url(foto.jpg);">
...
</ul>

Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Serega_pc
сообщение 2.4.2009, 23:29
Сообщение #14


Молчун
Group Icon


Группа: Пользователи
Сообщений: 22
Регистрация: 6.5.2008
Пользователь №: 31 906



Репутация:   0  


Цитата((-=Dargin=-) @ 1.4.2009, 20:53) *

Пробуй

Хотя может в начале показать трудноватым.


Спасибо! Но чёт всеравно ни канает. Хотя делю всё по инструкции. Руки откуда надо растут smile.gif Оставлю я эту затею smile.gif . Как наберусь опыта побольше, так уже и испытаем. Пока не охота замораживаться.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Magic+
сообщение 3.4.2009, 9:39
Сообщение #15


Молчун
Group Icon


Группа: Пользователи
Сообщений: 42
Регистрация: 22.6.2007
Пользователь №: 473



Репутация:   1  


А, вот такой вопрос! Я думаю, это тоже мелочь, конечно, но все ; таки неприятно.
Не отображается фавикон почему-то. В смысле в поиске в Яндексе не отображается. Почему это может происходить? Фавикон делал по всем правилам, размер соответствует(16х16), расширение ICO, 894 байта всего. Лежит в корне сайта, причем уже прошло много времени, сайт не раз уже проиндексирован. Делал его и сам и с помощью онлайн сервиса - все бесполезно! Прописывал в тегах, хотя на другом сайте ничего в тегах не прописывал, а фавикон показывается. Т.е. можно прописать, а можно и нет я так понимаю, все равно должен отображаться.
Вот задачка то!
Кстати, во всех браузерах, в строке навигации и на вкладках, все кажет норм. Нету только на странице Яндекса.

Сообщение отредактировал Magic+ - 3.4.2009, 9:42
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
dima75
сообщение 3.4.2009, 14:41
Сообщение #16


радость в жизни - это когда есть кто-то рядом.
Group Icon


Группа: Sibnet-club
Сообщений: 958
Регистрация: 11.10.2007
Из: Новосибирск
Пользователь №: 7 686



Репутация:   66  


в <head> страницы (каждой страницы с которой хочешь показать значок) прописать следующий код:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Adobe
сообщение 3.4.2009, 16:56
Сообщение #17


Поддерживает разговор
Group Icon


Группа: Sibnet-club
Сообщений: 142
Регистрация: 4.3.2009
Из: Колпашево
Пользователь №: 87 864



Репутация:   0  


Цитата(dima75 @ 3.4.2009, 13:41) *
каждой страницы с которой хочешь показать значок

омфг, а index зачем?))
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
JiLiZART
сообщение 3.4.2009, 22:48
Сообщение #18


трололо
Group Icon


Группа: Пользователи
Сообщений: 1 094
Регистрация: 31.8.2007
Пользователь №: 5 152



Репутация:   170  


избавимся от всех ботов в мире :-D
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
And(R)ey
сообщение 6.4.2009, 22:23
Сообщение #19


 
Group Icon


Группа: Sibnet-club
Сообщений: 3 989
Регистрация: 10.8.2007
Из: Бийск
Пользователь №: 3 633



Цитата((-=Dargin=-) @ 30.3.2009, 15:22) *
Поправлю слегка.

Позвольте и мне поправить вас.
Цитата((-=Dargin=-) @ 30.3.2009, 15:22) *
Код
.knopka{background:url(knopka.jpg) no-repeat; line-height: Высота картинки px; }
<a href="/" class=knopka>Тут текст кнопки</a>

Кто научил использовать ссылки вместо кнопок?
Был вопрос:
Цитата(SlavaJS @ 29.3.2009, 21:41) *
1. Как на рисованной кнопке расположить текст?

Мы за семантический веб:
Код
button { background:url(%imageurl%); }

<button>text</button>

Если надо, настраивешь отступы, убираешь границы.

Цитата((-=Dargin=-) @ 30.3.2009, 15:22) *
:hover работает только с ссылками. Для обычных элементов использовать лучше js
Код
<p onmouseover="this.style.color='red';" onmouseout="this.style.color='#000';">текст</p>

Смотрим спецификацию: http://www.w3.org/TR/CSS/selector.html#dyn...-pseudo-classes
Цитата
The :hover pseudo-class applies while the user designates an element (with some pointing device), but does not activate it. For example, a visual user agent could apply this pseudo-class when the cursor (mouse pointer) hovers over a box generated by the element. User agents not supporting interactive media do not have to support this pseudo-class. Some conforming user agents supporting interactive media may not be able to support this pseudo-class (e.g., a pen device).

Здесь о ссылках ничего не говорится.. :hover работает со всеми элементами.
Нерабочий :hover - бага IE6. Для него есть скрипт который учит его псевдо-классам, альфа-каналу png и еще кое чего исправляет.

Сообщение отредактировал And(R)ey - 6.4.2009, 22:30
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
(-=Dargin=-)
сообщение 7.4.2009, 14:49
Сообщение #20


.
Group Icon


Группа: Пользователи
Сообщений: 471
Регистрация: 8.12.2007
Из: Барнаула
Пользователь №: 12 820



Репутация:   43  


Семантика в HTML для сайтов с оформлением аля w3c.org. И лучше ставить упор не на неё, а учиться кроссбраузерности, что бы не использовать никаких хаков и отдельных стилей.

ИЕ6 до недавнего времени был основным браузером, и то что он обрабатывает :hover для a и a img это уже спецификация.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

31 страниц V  1 2 3 > » 
Ответить в эту темуОткрыть новую тему
1 чел. просматривают этот форум (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 

Текстовая версия Сейчас: 29.3.2024, 0:20
Редакция: (383) 347-86-84

Техподдержка:
help.sibnet.ru
Размещение рекламы:
тел: (383) 347-06-78, 347-10-50

Правила использования материалов