Här är lämpligt att använda bilder från er verksamhet. Kanske bilder från kontoret, verkstaden, produkter, dig själv eller medarbetare. Logotypen till vänster hittar du på adressen http://www.gbghtml.se/stylesheets/gratis/bilder/logotype.jpg. Vill du använda din egen får du alltså lägga in en annan adress typ http://www.enannansida/dinlogotype.jpg. Du ser mer om hur du använder bilder på din hemsida här>>>
Bakgrunden anpassas till bilderna. Denna grå-vita bakgrund blir mer neutral.
Till bakgrunden här ligger en smal jpg-bild. Du skriver in bilden i din stylesheet så här:
body {
background-color: #ffffff;
background-image:url(http://www.webbgbg.se/webbdesign/kreation/bilder/background.jpg);
}
Hela bodytaggen i css ser ut så här:
body {
background-color: #ffffff;
background-image:url(http://www.gbghtml.se/stylesheets/gratis/bilder/background.jpg);
font-size: 12px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#564b47;
margin: 20px 140px 20px 140px;
text-align: center;
}
Längst upp på sidan har vi lagt en div med id-beteckningen rubrik. id är den funktion som utmärks med en # i stylesheet. Funktionen för rubrik-taggen i stylesheet är
#rubrik {
width:100%;
background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:larger; font-weight:bold;
background-image: url(http://www.gbghtml.se/stylesheets/gratis/bilder/Lobby.jpg)
}
Vi får sedan rubrik-funktionen på toppen genom att skriva en id i div-taggen, så här:
<div id="rubrik">Här kommer en bild på logotype och bakgrundsbild </div>
Du kan kopiera koden till sidan genom att klicka här >>> och sedan använda tangenterna Ctrl+C för att kopiera. Klistra sedan in dem i ett tomt notepad-dokument och spara som html. Precis som vi gjorde på html-skolans första sidor. Läs mer>>>
Som du ser har vi valt bakgrundsfärg i background-color till vitt. Det står här som #ffffff. Sedan finns även en background-image som är http://www.webbgbg.se/webbdesign/kreation/bilder/background.jpg . Nu har vi valt att använda en bredd på 1800 pixels och laddat upp den via ftp på webbhotellet. Tycker ni detta med affärer eller företagside är besvärligt så titta gärna på sidorna om research, vad man letar efter idag eller bokföring
Det finns även några länkar angående webbhotell och design på webbgbg.se
Gratis stylesheet på Html-skolan Vi skulle vara tacksamma om ni bevarar denna koden<-->
