Chipsenok
Сообщение
25/09/2008 18:17
Копия темы
.
если на флеше будете делать то в аську стукните помогу за просто так. там работы не много)
.
если на флеше будете делать то в аську стукните помогу за просто так. там работы не много)
gerasin
Сообщение
25/09/2008 18:22
Копия темы
.
это да, дело в том что там нет ровной грани соединения одной кнопки с другой
.
это да, дело в том что там нет ровной грани соединения одной кнопки с другой
KAMPAT
Сообщение
25/09/2008 18:24
Копия темы
.
делал что-то подобное давно.
positon:relative и absolute
потом margin'ы отрицательные
помню пропарился дофигищи
.
делал что-то подобное давно.
positon:relative и absolute
потом margin'ы отрицательные
помню пропарился дофигищи
landie
Сообщение
25/09/2008 18:26
Копия темы
.
Тебе надо реализовать подмену картинок при наведении. Например так
<head>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<BODY onLoad="MM_preloadImages('картинка для наведения 1','картинка для наведения 2','картинка для наведения 3','картинка для наведения 4')">
...
<A HREF="." onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('general','','Картинка для замещения 1'',1)"><IMG SRC="img/menu_general_off.jpg" NAME="general"></A>
.
Тебе надо реализовать подмену картинок при наведении. Например так
<head>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<BODY onLoad="MM_preloadImages('картинка для наведения 1','картинка для наведения 2','картинка для наведения 3','картинка для наведения 4')">
...
<A HREF="." onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('general','','Картинка для замещения 1'',1)"><IMG SRC="img/menu_general_off.jpg" NAME="general"></A>
landie
Сообщение
25/09/2008 18:28
Копия темы
.
Это реально работающий мой код... если интересно, то полностью страницу вышлю и сам решишь, что тебе там поменять :)
.
Это реально работающий мой код... если интересно, то полностью страницу вышлю и сам решишь, что тебе там поменять :)
KAMPAT
Сообщение
25/09/2008 18:34
Копия темы
.
+1. Если бы мне не было лень я бы сделал тебе пример на одних ссылках и спанах без скриптов
.
+1. Если бы мне не было лень я бы сделал тебе пример на одних ссылках и спанах без скриптов
s-design
Сообщение
25/09/2008 18:34
Копия темы
.
Я бы просто на ссылках :D
мб спаны на крайняк + без позиционирования
.
Я бы просто на ссылках :D
мб спаны на крайняк + без позиционирования
landie
Сообщение
25/09/2008 18:36
Копия темы
.
Зато реально хоть чем то помог, а не принялся рассуждать как это будет клёво сделать на всякой фигне.
и a:hover в качестве ответа не годится, ибо не обьясняет что к чему :)))
.
Зато реально хоть чем то помог, а не принялся рассуждать как это будет клёво сделать на всякой фигне.
и a:hover в качестве ответа не годится, ибо не обьясняет что к чему :)))
xadminx
Сообщение
25/09/2008 18:38
Копия темы
$) .
<ul class="tabs">
<li style="z-index: 100;"><a href="#">#</a>
<li style="z-index: 99;"><a href="#">#</a>
<li style="z-index: 98;"><a href="#">#</a>
$) .
<ul class="tabs">
<li style="z-index: 100;"><a href="#">#</a>
<li style="z-index: 99;"><a href="#">#</a>
<li style="z-index: 98;"><a href="#">#</a>
landie
Сообщение
25/09/2008 18:42
Копия темы
.
Задай вопрос разработчикам дримвивера о рассовом составе их компании!
.
Задай вопрос разработчикам дримвивера о рассовом составе их компании!
landie
Сообщение
25/09/2008 18:47
Копия темы
.
Я не обиделся :)))
Дело в том, что я – не верстальщик и не хочу этим себе даже голову забивать. Я пишу код, а все украшательства, стили, вебдваноли – не моя заслуга. Поэтому говорю что знаю и что работает, а не изобретаю велосипед. :)
.
Я не обиделся :)))
Дело в том, что я – не верстальщик и не хочу этим себе даже голову забивать. Я пишу код, а все украшательства, стили, вебдваноли – не моя заслуга. Поэтому говорю что знаю и что работает, а не изобретаю велосипед. :)
landie
Сообщение
25/09/2008 18:48
Копия темы
.
Да, кстати и мне интересно будет узнать как это получше сделать :)
.
Да, кстати и мне интересно будет узнать как это получше сделать :)
KAMPAT
Сообщение
25/09/2008 19:44
Копия темы
Можешь не благодарить .
я особо не ретушировал, но тебе осталось:
1) сделать спанам в first и last фоны при наведении, думаю сможешь (там по сути всего ничего)
2) act оформить под first и ласт, тоже фигня-вопрос
3) цвет ссылок и прочая фигня
4) ну и я делал для активной ссылки края гифками, можешь либо улучшить, либо сделать png
Гугль Хром и IE поняли отлично. Никаких z-index и скриптов, чистый css
Можешь не благодарить .
я особо не ретушировал, но тебе осталось:
1) сделать спанам в first и last фоны при наведении, думаю сможешь (там по сути всего ничего)
2) act оформить под first и ласт, тоже фигня-вопрос
3) цвет ссылок и прочая фигня
4) ну и я делал для активной ссылки края гифками, можешь либо улучшить, либо сделать png
Гугль Хром и IE поняли отлично. Никаких z-index и скриптов, чистый css
rar, 330.75 Кб
gerasin
Сообщение
25/09/2008 19:56
Копия темы
.
Спасибо Владислав, очень памог.
Алексей Владирович, тебе тоже спасибо
.
Спасибо Владислав, очень памог.
Алексей Владирович, тебе тоже спасибо
xadminx
Сообщение
26/09/2008 05:46
Копия темы
.
если еще CSS Sprites заюзать, так вообще красота была бы
0
.
если еще CSS Sprites заюзать, так вообще красота была бы