af Kim Ludvigsen » fre okt 17, 2008 18:52
Her kommer så en trin for trin-guide. Du får oprettet nye stilklasser til brug på den pågældende side, så de andre sider ikke påvirkes.
Åbn siden i KompoZer
Åbn css-editoren
Opret disse nye stilklasser:
.bredside
.bredlogo
.bredindhold
.bredsidefod
Markér .bredside i oversigten og indsæt dette i det hvide felt (på fanen Generelt):
margin-top: 5px;
text-align: left;
background-color: white;
Marker .bredlogo i oversigten og indsæt dette i det hvide felt:
height: 75px;
text-align: center;
position: relative;
background-color: #9999ff;
font-size: 150%;
Markér .bredindhold i oversigten og indsæt dette i det hvide felt:
position: relative;
background-color: white;
float: left;
Marker .bredsidefod i oversigten og indsæt dette i det hvide felt:
padding: 0px;
position: relative;
text-align: center;
clear: both;
background-color: #9999ff;
Du kan endnu ikke se nogen forskel på siden, men det kommer nu. Klik på OK for at lukke css-editoren. Klik på fanen Kildekode. Du skal nu finde og udskifte de gamle stilklasser med de nye. Find først koden <div class="side"> og ændr den til <div class="bredside">, find koden class="logo" og ændr den til class="bredlogo", og ændr på samme måde class="indhold" og class="sidefod". Klik på fanen Normal, og du kan nu se ændringerne.
Her kommer så en trin for trin-guide. Du får oprettet nye stilklasser til brug på den pågældende side, så de andre sider ikke påvirkes.
Åbn siden i KompoZer
Åbn css-editoren
Opret disse nye stilklasser:
[b].bredside[/b]
[b].bredlogo[/b]
[b].bredindhold[/b]
[b].bredsidefod[/b]
Markér .bredside i oversigten og indsæt dette i det hvide felt (på fanen Generelt):
[b]margin-top: 5px;
text-align: left;
background-color: white;
[/b]
Marker .bredlogo i oversigten og indsæt dette i det hvide felt:
[b]height: 75px;
text-align: center;
position: relative;
background-color: #9999ff;
font-size: 150%;
[/b]
Markér .bredindhold i oversigten og indsæt dette i det hvide felt:
[b]position: relative;
background-color: white;
float: left;
[/b]
Marker .bredsidefod i oversigten og indsæt dette i det hvide felt:
[b]padding: 0px;
position: relative;
text-align: center;
clear: both;
background-color: #9999ff;[/b]
Du kan endnu ikke se nogen forskel på siden, men det kommer nu. Klik på OK for at lukke css-editoren. Klik på fanen Kildekode. Du skal nu finde og udskifte de gamle stilklasser med de nye. Find først koden [b]<div class="side">[/b] og ændr den til [b]<div class="bredside">[/b], find koden [b]class="logo"[/b] og ændr den til [b]class="bredlogo"[/b], og ændr på samme måde [b]class="indhold"[/b] og [b]class="sidefod"[/b]. Klik på fanen Normal, og du kan nu se ændringerne.