|
~ ~ ~
Om du gjort grafiken till din
cornermall klar så är det nu dags att sätta ihop mallen.
Du ska, om du inte gjort det tidigare, ladda hem
zippen med cornerscriptet. Filen zippar
du upp där du vill ha den.
Jag tycker det är enklast att ha både scripet, (HTML-filen) och bilderna
i samma mapp på hårddisken. Hur man gör är en smaksak.
Vi behöver också topbilden och bakgrundsbilden som vi
nyss skapat.
Du öppnar upp scriptet. Använd det sätt du är van att
arbeta på. Ex vis HTML Kit, Note Pad (Anteckningar) eller FrontPage.
Kopiera INTE scripet här nedanför, di ska använda det som är i zippen.
Jag har angett var bilder (och bildmått) och
midi ska sättas in. Även tickersen är markerad. Natuligtvis så kan också
alla saker mellan <style> och </style> ändras. Flytta marginaler, byta
font och färg mm.
Här är scripet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0 Transitional//EN">
<HTML><HEAD>
<title> your title </title>
<STYLE>BODY {
FONT-WEIGHT: normal; FONT-SIZE: 14pt; MARGIN: 350px 10px 10px 250px;
COLOR: #294D6C; FONT-FAMILY: lucida handwriting; BACKGROUND-COLOR: #Ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#ffffff
}
</STYLE>
</HEAD>
<BODY bgColor=#Ffffff
background="bakgrunden.jpg"> <!--Här
lägger du in din bakgrundsbild - glöm inte att sätta " före och efter
filnamnet -->
<DIV> </DIV><BGSOUND balance=0
src="C:\Program Files\Common Files\Microsoft Shared\stationery\your_midi.mid"
volume=0
loop=infinite> <!--Här lägger du in hela
sökvägen till din midi-->
<DIV><IMG style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px"
height=300
src="topbilden.jpg" <!--Här ska din topbild
skrivas in-->
width=1024
border=0> <!--
Det rödmarkerade ändrar du till dina egna
mått, i mitt exempel 200 och 1024 px -->
<DIV>text comes here</DIV> <!--Din text -
kan skrivas direkt i OE i redigeraläget-->.
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
ScrollSpeed = 100; // milliseconds between scrolls
ScrollChars = 1; // chars scrolled per time period
function SetupTicker() {
// add space to the left of the message
msg = " ~~Your ticker message~~
"; <!--Ändra
till din egen tickerstext-->
RunTicker();}
function RunTicker() {
window.setTimeout('RunTicker()',ScrollSpeed);
window.status = msg;
msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();
<!-- end -->
</SCRIPT>
</BODY></HTML>
~ ~ ~ ~
Ja, nu är det bara att sätta ihop mallen;-)
Om något är oklart så fråga gärna...det är saker man
gör utan att tänka på det så det är lätt att man missar något när man
ska förklara
Den färdiga
mallen.
Jag har exempel på andra cornermallar med annan grafik.
Titta gärna för att få tips.
corner 2
corner 3
corner4
Lycka Till!
Tillbaka till Grafiksidan
Tillbaka till index
Denna tutorial och idé kommer från
Rose-Marie
Remnevik
2003
|