Tycker att https://www.Nollkoll.nu har väldigt snygg funktion att publicera hemsidor med text, bild och länk.
Finns den någon färdig mall/funktion på nätet att ladda hem?
Söker en viss effekt
18 svar · 583 visningar · startad av Webber2003
Om det är faden när man byter sidor så är det JavaScript/DHTML som gäller. :)
Okej då får jag gå vidare till "JavaScript, DHTML" här på Webforum.nu
Söker en viss effekt
Skulle höra med er hur man skapar effekten som finns på Nollkoll.nu som jag tycker ser snyggt ut när man byter sida.
Finns det något färdigt script att hämta hem från nätet?
Å då flyttas den från Flash/Shockwave
Funktionen funkar inte i Firefox.
Det skulle också vara önskvärt att inte på en gång starta ny tråd i rätt forum, utan i stället be moderator flytta till rätt ställe, som nu har skett.
Tills nästa gång! :-)
Mvh
Oj det tänkte jag aldrig på, varje dag lär man sig något nytt :h
Sidan kan inte hittas
Jesper T skrev:
Sidan kan inte hittas
Ja antingen så ligger sidan tillfälligt nere eller så har den fått väldigt mycket besökare från Webforum ;)
(Trådarna sammanslagna)
Sidan du visade använde visserligen flash för sin effekt. Men jag lyckades återskapa nåt liknande:
<html>
<head>
<style>
.speciallink {display: block; background: white; width: 100px; font-size: 10px;
font-family: verdana; color: black; text-decoration: none; padding: 1px;}
body {background: white;}
</style>
</head>
<body>
Text före menyn
<script>
menuColors=[
"#ffffff", // Black
"#ffd0d0",
"#ffc0c0",
"#ffa0a0",
"#ff8080",
"#ff6060",
"#ff4040",
"#ff2020",
"#ff0000"
]
menuItems=[
["Google", "http://www.google.se"],
["webForum", "http://www.webforum.nu"],
["Hotmail", "http://www.hotmail.com"],
["Gmail", "http://www.gmail.com"],
["Globalfun", "http://www.globalfun.com"]
]
menuStates=new Array(menuItems.length)
dw="";
for (i=0; i<menuItems.length; i++){
dw += "<a id=\"menuitem" + i + "\" onmouseover=\"hoverMenu(" + i + ")\" onmouseout=\"unhoverMenu(" + i + ")\" class=\"speciallink\" href=\"" + menuItems[i][1] + "\">" + menuItems[i][0] + "</a>"
menuStates[i]=0;
}
document.write(dw);
window.onload=function(){
menuTimer();
}
function menuTimer (){
for (i=0; i<menuItems.length; i++){
if (menuStates[i]>0){
if(2==(--menuStates[i]))
document.getElementById("menuitem" + i).style.color = "black";
document.getElementById("menuitem" + i).style.background = menuColors[menuStates[i]];
}
}
setTimeout("menuTimer();", 50)
}
function hoverMenu(witem){
with (document.getElementById("menuitem" + witem).style){
background = "rgb(255,0,0)";
color = "white";
}
menuStates[witem] = 8;
}
function unhoverMenu(witem){
witem;
}
</script>
Text efter menyn
</body>
</html>
Ja det där med menyn blev ju snyggt nitro2k01 :)
Var kanske lite otydlig med min fråga, det var mer hur man gjorde det där som är på den högra sidan (alltså inte menyn), någon som kanske även vet det?
Menar du alltså hover-effekten till höger?
nitro2k01 skrev:
Menar du alltså hover-effekten till höger?
Ja det jag menar är den snygga övergången när man går till nästa sida, du kanske har någon lösning på även detta?
Aha, det missade jag eftersom jag bara kollade i Opera, och denna effekt är IE-specifik.
<meta http-equiv="page-enter" content="blendtrans(duration=1.5)">
<meta http-equiv="page-exit" content="blendtrans(duration=1.5)">
... är svaret på din fråga. Detta ska alltså ligga mellan head-taggarna.
Tack så mycket nitro2k01 för hjälpen.
Jag har själv tänkt bygga upp en liknande sajt och publicera en massa länkar men det måste vara lätt att lägga in nya länkar tillsammans med texter och bilder, någon som har förslag hur man gör detta på bästa sätt?
Det kan du fråga om i t ex PHP-forumet, eftersom något sådant enklast görs i ett serverspråk.
För övrigt så får du gärna acceptera mitt svar som slutgiltigt.
Okej då vet jag, tack för hjälpen nitro2k01.