Christian Bugge 7 år, 3 måneder siden.
På min private hjemmeside, vil jeg gerne have et billede der er baggrund, hvor henover der kommer en tekst.
Kan ikke finde ud af programmeringen. Så hvis der er en venlig sjæl Der kan skrive den programstump jeg har brug for så vil jeg være meget taknemmelig.
På forhånd tak.
Jeg har for flere år siden ved hjælp af HTML/CSS fundet ud af en løsning. Nu er det glemt og borte.
Men det med slider mm går lidt over mit hoved.
Det jeg ønsker er en side som har et fast billede som er baggrund, og herover lægger jeg nogen tekst og nogle links.
Siden/baggrunden er den vedhæftede fil “Victoria.jpg”. Ved tryk på et link fremkommer så siden med krateret hvor der er overskrevet med links og tekst.
Der er også en anden måde at bruge baggrunden på nemlig som udfyld mellem billeder og tekst. Der bruger jeg et billede”sky1.jpg”som så udfylder mellemrummene.
Vedhæftede filer:
Kort fortalt så er WordPress et content management system, altså et indholdsstyringssystem, som gør det ganske nemt at lave en smuk og funktionel hjemmeside, tilføje utallige forskellige funktioner ved hjælp af udvidelser, og at opdatere indholdet på siderne.
Hvis du oplyser mig, hvilket webhostingselskab din hjemmeside ligger hos, kan jeg sige noget mere specifikt om mulighederne. I langt de fleste tilfælde, kan WordPress (og mange andre web-applikationer) installeres med ganske få klik, og er nemme at gå til.
Jeg har desværre ikke umiddelbart mulighed for at lave din hjemmeside fra ende til anden og strikke det hele sammen, så det virker, men jeg skal gerne assistere med specifikke problemer, du støder på under vejs.
Her er et eksempel, du kan arbejde videre med:
<html>
<head>
<title>Benthelt’s hjemmeside</title>
<style type=”text/css”>
body {
color: #fff;
text-align: left;
}
.content {
width:80%;
margin:auto;
padding:20px;
background-image: url(“Victoria.jpg”);
background-color: #eee;
background-repeat: repeat-y;
}
</style>
</head>
<div class=”content”><!– Her er en boks, der indeholder alle sidens elementer, sørger for en størrelse på 80% af bredden på vinduet, og centreres på siden –>
<body>
<h1 style=”text-align:center;”>Her er en overskrift som er centreret</h1>
<p>Her er noget indhold i et afsnit</p>
<p>Her er et nyt afsnit</p>
<h2>En lidt mindre overskrift</h2>
<!– Her er en kommentar, som kun kan ses i koden, og ikke på selve siden og herunder en boks (div) med et billede –>
<div style=”position:relative; width:316px,text-align:justify;margin:auto;”>
<img src=”sky01.jpg”>
</div>
<p>Her er endnu et afsnit</p>
<!– …og herunder billedet igen –>
<div style=”position:relative; width:316px,text-align:justify;margin:auto;”>
<img src=”sky01.jpg”>
</div>
</div>
</body>
</html>
