Зацените мой фото блог

[bakabek 4]

http://bahlulaskerov.com/

[Compton 34]

К дизайну не придраться Понравился первый свадебный репортаж

[Critical Error 155]

Все красиво, только вопрос - Че аж четыре темы создали? о_0

Правда, есть одно что напрягает, голосование. Вернее вывод результатов, надо под дизайн подогнать, то есть цветовую гамму подобрать под общий вид сайта

[bakabek 4]

да я не знаю почему 4 раза опубликовалось. была ошибка nginx я просто обновлял и получилось 4 раза

Все красиво, только вопрос - Че аж четыре темы создали? о_0

Правда, есть одно что напрягает, голосование. Вернее вывод результатов, надо под дизайн подогнать, то есть цветовую гамму подобрать под общий вид сайта

а что с голосовалкой не то?) вроде нормально

[Critical Error 155]

Ну цвета полсоок результатов как-то вообще не в тему =(

Вы бы полоску каким-нибудь цветом одним сделали именно под общий фон сайта. Красивей будет смотреться!

[- Den - 32]

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

[bakabek 4]

анука скажи как это сделать, я как раз задавался вопросом почему так

[WWW.ZEOS.IN 1 161]

bakabek,

http://forum.dle-news.ru/index.php?showtopic=56775&view=findpost&p=279530

[bakabek 4]

Вот как я сделал

button.votebutton{

display: block;

background-image:url(../images/votebutton1.png);

width: 100px;

border:none;

height: 32px;

}

/* наведение */

button.votebutton:hover {

display:block;

background-image:url(../images/votebutton2.png);

border:none;

width:100px;

height:32px;

}

button.votebutton:active {

display:block;

background-image:url(../images/votebutton3.png);

border:none;

width:100px;

height:32px;

}

bakabek,

http://forum.dle-news.ru/index.php?showtopic=56775&view=findpost&p=279530

что в твоем коде по другому?

[WWW.ZEOS.IN 1 161]

что в твоем коде по другому?

Всё

У тебя три разные картинки. У меня одна картинка. У тебя три запроса к серверу, у меня один запрос.

Зайди сюда http://zeos.ho.ua/1.html и посмотри исходный код

[bakabek 4]

Я сделал по твоему методу, так картинка вообще не меняется

и где описана другая кнопка.. у тебя в коде 1.png

[- Den - 32]

у тебя в коде 1.png

Всё верно, картинка одна

Только в нужный момент (a:hover) подставляется нужная часть картинки в виде фона и его позиционирования относительно ссылки.

a:hover { background-position: -130px 0 }

-130px - отступ от левого края картинки; 0 - отступ сверху.

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

[bakabek 4]

а как мне сделать в моем случае ?

[Motorc 0]

Мне сайт очень понравился!

[bakabek 4]

Мне сайт очень понравился!

Спасибо)

[bakabek 4]

a.mainpage {

display:block;

background-image:url(../images/mainpage1.png);

width:262px;

height:56px;

}

a.mainpage:hover {

display:block;

background-image:url(../images/mainpage2.png);

width:262px;

height:56px;

}

Как должен выглядеть код чтобы не было мерцаний

[WWW.ZEOS.IN 1 161]

Я же дал пример

[bakabek 4]

это пример не меняет картинки

[WWW.ZEOS.IN 1 161]

bakabek, то-есть, ты хочешь сказать, что у тебя вот тут: http://zeos.ho.ua/1.html картинка не меняется при наведении и нажатии мыши?

[WebSet 74]

http://bahlulaskerov.com/templates/Gemini/images/votebutton1.png

http://bahlulaskerov.com/templates/Gemini/images/votebutton2.png

http://bahlulaskerov.com/templates/Gemini/images/votebutton3.png

Объединить картинки эти в 1 как http://zeos.ho.ua/1.png под названием votebutton.png

далее код:

button.votebutton{

 display: block;

 background-image:url(../images/votebutton.png);

 width: 100px;

 border:none;

 height: 32px;

 }


 /* наведение */

button.votebutton:hover {

 background-position: -100px 0;

 }


button.votebutton:active {

 background-position: -200px 0;

 }

[bakabek 4]

всё догнал! спасибо, красава...

[alexmurphy 45]

Ссылки в меню и вообще надписи надо делать текстом, а не картинками, а ссылки на полную новость - подчеркнуть. Шапка по высоте слишком большая, занимает больше половины экрана при разрешении 1920x1080, а полезной информации не несет. Не понятно почему весь контент на английском, а "сертификат" на русском + не видно что там написано, сделали бы ему тогда увеличение хайслайдом. Надпись "the artphotography" заклеена скотчем - не зачет. В общем дизайн пока на тройку.

[bakabek 4]

Ссылки в меню и вообще надписи надо делать текстом, а не картинками, а ссылки на полную новость - подчеркнуть. Шапка по высоте слишком большая, занимает больше половины экрана при разрешении 1920x1080, а полезной информации не несет. Не понятно почему весь контент на английском, а "сертификат" на русском + не видно что там написано, сделали бы ему тогда увеличение хайслайдом. Надпись "the artphotography" заклеена скотчем - не зачет. В общем дизайн пока на тройку.

Добро)

[bakabek 4]

alexmurphy, спасибо за ваше мнение

По поводу ссылок согласен, но это не так важно.

Шапку сайта я сделал в виде билборда и особой информации на сайте нет так как это моя персональная страница - это было мое видение...

Сертификат - приложение , который на русском он служит подставкой для счетчика Li )

Если вы обратили внимание на сам лист , он порвался и его прилепили на билборд при помощи скотча. А билборд с надписями не виноват, что лист наклеили на него )) Не надо смотреть буквально и чтобы все было идеально и четко. Я мог бы надпись конечно перенести в другое место, но именно такая была затея