Как сделать резиновый логотип на сайте?

Уроки и советы. Шаблоны, стили и их создание.

Re: Как сделать резиновый логотип на сайте?

Сообщение Dragon Rising » 14 окт 2009, 20:24

lol писал(а):
У тебя то монитор 1280х1024 , а у некоторых стоит ещё и 800 х 600, то при твоей 'резиновой ' шапке будет так выпирать в один из углов!

не будет выпирать там главный параметр это ширина это же шапка следовательно по высоте она не велика поэтому задаеца только ширина и ничего выпирать не будет но согласен шапка таких размеров это извращение =)


Шапка такого размера, это я только проверял... :wink:
Изображение
Аватара пользователя
Dragon Rising
Активный участник
 
Сообщения: 138
Зарегистрирован: 11 окт 2009, 10:58
Домен: valve.vfose.ru

Re: Как сделать резиновый логотип на сайте?

Сообщение JavaExport » 15 окт 2009, 08:44

Dragon Rising писал(а):
Шапка такого размера, это я только проверял... :wink:
Шапку надо делать как сказал doliar. Потому что у кого расщирение не как у тебя у того будет не ровно... помойму это можно реализовать с помощью css без проблем!
JavaExport
Активный участник
 
Сообщения: 937
Зарегистрирован: 15 сен 2008, 18:45
Домен: http://mobilephone.ixbb.r

Re: Как сделать резиновый логотип на сайте?

Сообщение Dragon Rising » 15 окт 2009, 09:07

JavaExport писал(а):
Dragon Rising писал(а):
Шапка такого размера, это я только проверял... :wink:
Шапку надо делать как сказал doliar. Потому что у кого расщирение не как у тебя у того будет не ровно... помойму это можно реализовать с помощью css без проблем!


Да мне главное наброски были нужны, а дальше я уже пойму что, да как делать! :good:
Изображение
Аватара пользователя
Dragon Rising
Активный участник
 
Сообщения: 138
Зарегистрирован: 11 окт 2009, 10:58
Домен: valve.vfose.ru

Re: Как сделать резиновый логотип на сайте?

Сообщение On-line » 15 окт 2009, 15:05

Dragon Rising писал(а):Да мне главное наброски были нужны, а дальше я уже пойму что, да как делать! :good:

Ну посмотри исходный код главной странице вфосе.ру... что тут сложного то..
Аватара пользователя
On-line
Активный участник
 
Сообщения: 1083
Зарегистрирован: 31 окт 2008, 23:54
Домен: http://vbalashove.ru

Re: Как сделать резиновый логотип на сайте?

Сообщение Dragon Rising » 15 окт 2009, 16:37

On-line писал(а):
Dragon Rising писал(а):Да мне главное наброски были нужны, а дальше я уже пойму что, да как делать! :good:

Ну посмотри исходный код главной странице вфосе.ру... что тут сложного то..


Ты меня не понял, прекращаем флуд, проблема давно решена!
Изображение
Аватара пользователя
Dragon Rising
Активный участник
 
Сообщения: 138
Зарегистрирован: 11 окт 2009, 10:58
Домен: valve.vfose.ru

Re: Как сделать резиновый логотип на сайте?

Сообщение Online » 09 ноя 2009, 15:07

Код: Выделить всёРазвернуть
google.load("jquery", "1.3.1");
google.setOnLoadCallback(function()
{
// Распознает, что размер окна браузера изменен и производит перерасчет
$(window).bind("resize", calculateContent);

// Подсчитывает загруженный контент
calculateContent();
});

/**
* Функция, которая решает как должен вести себя контент.
**/
function calculateContent( e ) {
// Показывает все объекты, если они были скрыты
$("#content img").show();

// Так как мы знаем ширину каждого изображения (100px + 40px + 40px + 2px + 2px
= 184px)
// Мы можем подсчитать, сколько рядов будет отображаться
var imageWidth = 184;
var contentAreaWidth = $("#content").width();
var itemsPerRow = Math.floor(contentAreaWidth / imageWidth);


// Извлекает информацию оь общем числе изображений
var totalNrOfItems = $("#content img").length;


// Подсчитывает сколько рядов будет показано
var fullRows = Math.floor(totalNrOfItems / itemsPerRow);

// Подсчитывает сколько изображений не вместилось
var itemsToHide = totalNrOfItems - fullRows * itemsPerRow;

// Скрывает не вместившиеся изображения, производя подсчет в обратном порядке
(т.е. с конца)
for(var i = totalNrOfItems; i > totalNrOfItems - itemsToHide; i--) {
// Функция "eq()" ведет отсчет с нуля, поэтому нам надо вычесть единицу
var remover = i - 1;
$("#content img:eq("+remover+")").hide();
}
}

нэ?
Online
Активный участник
 
Сообщения: 91
Зарегистрирован: 07 ноя 2009, 16:40

Re: Как сделать резиновый логотип на сайте?

Сообщение Zver » 09 ноя 2009, 15:40

>_< о май год...
Код: Выделить всёРазвернуть

<img src="путь/к/картинке.jpg" alt="logo" style="width:100%; height:auto;" />
 

Этот код буит сам автоматически вытягивать шапку по ширине, а там поропорционально и по высоте :)
Zver
Активный участник
 
Сообщения: 1333
Зарегистрирован: 18 дек 2008, 18:51
Откуда: Саратов, Заводской

Re: Как сделать резиновый логотип на сайте?

Сообщение Online » 09 ноя 2009, 20:53

Zver писал(а):>_< о май год...
Код: Выделить всёРазвернуть

<img src="путь/к/картинке.jpg" alt="logo" style="width:100%; height:auto;" />
 

Этот код буит сам автоматически вытягивать шапку по ширине, а там поропорционально и по высоте :)

Чет тупанул я :D
Online
Активный участник
 
Сообщения: 91
Зарегистрирован: 07 ноя 2009, 16:40

Re: Как сделать резиновый логотип на сайте?

Сообщение JavaExport » 09 ноя 2009, 21:54

Zver писал(а):>_< о май год...
Код: Выделить всёРазвернуть

<img src="путь/к/картинке.jpg" alt="logo" style="width:100%; height:auto;" />
 

Этот код буит сам автоматически вытягивать шапку по ширине, а там поропорционально и по высоте :)
Не вариант... а если он растянет так что моя шапка будет обезображена =)
JavaExport
Активный участник
 
Сообщения: 937
Зарегистрирован: 15 сен 2008, 18:45
Домен: http://mobilephone.ixbb.r

Re: Как сделать резиновый логотип на сайте?

Сообщение Zver » 09 ноя 2009, 22:03

тогда
Код: Выделить всёРазвернуть
<img src="путь/к/картинке.jpg" alt="logo" style="width:<|IMAGE_WIDTH|>px; height:auto;" />
 
Zver
Активный участник
 
Сообщения: 1333
Зарегистрирован: 18 дек 2008, 18:51
Откуда: Саратов, Заводской

Пред.След.

Вернуться в Дизайн

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 43

cron