Вот хотел спросить, как можно, чтобы лого как бы стекало по странице и чтобы основные переходы находились на картинке. Вот как здесь http://forum.linkinpark.ru/
Переходы на лого сайта
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться22006-05-03 02:49:47
- Аgминиcmpamop
- Откуда: Москва
- Зарегистрирован: 2006-01-04
- Приглашений: 0
- Сообщений: 3561
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Возраст: 40 [1984-10-21]
- Провел на форуме:
Не определено - Последний визит:
2010-01-10 17:49:08
Чтобы лого стекало, нужно иметь во-первых такое лого, во-вторых, поставить себе скрипт, поправляющий png-картинки так, что б они были прозрачными, в третьих знать хотябы немного html и css.
Скрипт поправки картинок:
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
Чтобы ссылки были на лого, можно тоже несколькими вариантами, они сделали через "мяп", наложили на картинку текст, ну а можно и по другому, пример с моим форумом:
<table class='tableborder' width='80%' cellspacing="0" cellpadding="0" >
<tr>
<td cellspacing="0" cellpadding="0" width='100%' style='background-color: #6392D6; background-image:url(http://1bb.ru/uploads/creos/post-72-1139354572.gif);' >
<a href='index.php?' title='Board Home'><img src='http://1bb.ru/uploads/creos/post-72-1139358546.gif' alt='Powered byInvision Power Board' border="0" /></a>
</td>
<td cellspacing="0" cellpadding="0" style='background-color: #6392D6; background-image:url(http://1bb.ru/uploads/creos/post-72-1139354572.gif); padding: 0px 10px 0px 0px;'>
<a href=''>ссылка</a>
<a href=''>ссылка</a>
<a href=''>ссылка</a>
<a href=''>ссылка</a>
</td>
</tr>
</table>
Выглядит так:
[doHTML]<table class='tableborder' width='80%' cellspacing="0" cellpadding="0" >
<tr>
<td cellspacing="0" cellpadding="0" width='100%' style='background-color: #6392D6; background-image:
url(http://1bb.ru/uploads/creos/post-72-1139354572.gif);' >
<a href='index.php?' title='Board Home'><img src='http://1bb.ru/uploads/creos/post-72-1139358546.gif' alt='Powered by
Invision Power Board' border="0" /></a>
</td>
<td cellspacing="0" cellpadding="0" style='background-color: #6392D6; background-image:
url(http://1bb.ru/uploads/creos/post-72-1139354572.gif); padding: 0px 10px 0px 0px;'>
<a href=''>ссылка</a>
<a href=''>ссылка</a>
<a href=''>ссылка</a>
<a href=''>ссылка</a>
</td>
</tr>
</table>[/doHTML]
Страница: 1