у меня в закладках вот этот пост:
/ru/forum/398001
Добрый вечер!
Нужна фотогалерея такого плана, как на картинке, с админ-панелью.
Кто возьмётся и какая цена?
Всплывающее окно, как здесь: http://ruseller.com/lessons/les406/example/demo.php
Примерный вид такой, только блоки, как на моей картинке + поля для стрелок (png), которые можно видоизменять.
Чтобы оставалась возможность менять количество блоков, например не 5х3, а 4х5, 5х5 и т.д. в css.
Подключение блока галереи через include в нужное место.
И админ-панель для добавления одной или нескольких фотографий в уже существующий блок с картинками.
Подскажите грамотного исполнителя пожалуйста!
Спасибо за помощь всем!
Сделал вот так, кому интересны Меню на спрайтах:
html:
<ul class="menutop"> <li class="main"><a href="#">О нас</a></li> <li class="photo"><a href="#">Фотосессия</a></li> <li class="master"><a href="#">Лавка мастеров</a></li> </ul>
css:
.menutop ul { margin: 0; padding: 0; list-style: none; clear: both; } .menutop li { overflow: hidden; text-indent: -9999px; display: inline; float: left; } .menutop li a { background: url(img/menutop.jpg) no-repeat; width: 100%; height: 100%; display: block; } /* Menu Top */ .menutop li.main { width: 79px; height: 32px; } .menutop li.main a { background-position: 0px 0px;} .menutop li.main a:hover { background-position: 0px -32px;} .menutop li.photo { width: 94px; height: 32px; } .menutop li.photo a { background-position: -79px 0px;} .menutop li.photo a:hover { background-position: -79px -32px;} .menutop li.master { width: 126px; height: 32px; } .menutop li.master a { background-position: -173px 0px;} .menutop li.master a:hover { background-position: -173px -32px;}
Помогли musulman и http://ruseller.com/lessons.php?rub=29&id=523
Благо дарю!
да не прав ))
musulman, подскажи пожалуйста как сделать меню на спрайтах из этой картинки.
Снизу положение a:hover, сверху обычный вид.
Здесь не могу понять как это сделать при разной длине рисунка..
размеры такие: 79, 94, 126 - длина соответственно.
32 - ширина видимой области.
PS. или выход только один? - делить на три спрайта..
musulman, это называется кнопкой ; ) на изображении слово "ГЛАВНАЯ" и фон - есть единая картинка. Поэтому список здесь не поможет..
кстати, указал размер для тега а - тоже самое - ничего ))
За спрайты спасибо - буду экспериментировать с ними!
4arger, сделал, не получается все равно, ничего не происходит, а если убираю float: left;
то кнопка вообще убегает, уже пробовал по разному включать и отключать поочередно в css всё, что можно..
кнопка заработала при таких условаиях:
html <div class="main"> <a href="index.php"><img src="img/main.jpg" border="0"></a> </div>
css .main { background: url(img/main.jpg); background-repeat: no-repeat; display: block; float: left; width: 126px; height: 32px; }
Теперь не могу сделать так, чтобы при наведении мышки на кнопку, картинка менялась на другую...
Как можно это сделать?
Пишу следующее:
.main a:hover { background-image: url(img/main_col.jpg); background-repeat: no-repeat; }
и ничего не происходит..
скажите, что не правильно?
спасибо за ответы.
seven UP
ПС: ошибку исправь:
Сегодня была представлен проект..
