Sida 1 av 2

Ladda innehåll med DIV

Postat: 2009-04-28 14:18
av Holger
Hej,

jag skulle vilja ladda mina annonser sist på sidan, men visa dem överst.
Ni tipsade mig om att använda CSS och DIV.
Hur gör jag, finns det exempelkod någonstans?

/Holger

Re: Ladda innehåll med DIV

Postat: 2009-04-28 14:30
av Kjell
sist men överst, är inte det dubbla budskap :mrgreen:

Kod: Markera allt

<style type="text/css">
.test {
	text-align: center;
}
</style>

Kod: Markera allt

<div class="test">
	<strong>Det här är min annons i fet stil </strong></div>

Re: Ladda innehåll med DIV

Postat: 2009-04-28 14:33
av Holger
Hallå, du vet vad jag menar. :twisted:
Annonserna ska laddas sist i koden, men visas uppe på sidan.

Re: Ladda innehåll med DIV

Postat: 2009-04-28 14:35
av Kjell
Jag bara retas lite, kunde inte låta bli :lol: , du har ett exempel ovanför, du var snabb att svara :)
Sedan så får du lägga till i stilmallen vart och hur den ska visas, den bästa infon har du här http://www.w3schools.com/css/
Jag brukar använda Padding till rätt mycket

Re: Ladda innehåll med DIV

Postat: 2009-04-28 14:56
av Holger
Sorry, fattar inte ett dyft vad jag ska göra!

Re: Ladda innehåll med DIV

Postat: 2009-04-28 15:14
av Kjell
<div kalla på stilmallvariabel> vilket är det första, sedan kommer bilder eller text och avsluta med </div> den här lägger du i ditt html tema där den ska visas.

I stilmallen, som kan ligga på samma sida mellan <head> och slut på huvudet</head> eller i en egen fil som du kallar på med en länk på samma ställe <link rel="stylesheet" href="sökväg/din_stil.css" type="text/css" media="screen" /> men i en stilmalls fil så ska inte <style type="text/css"> och </style> vara med...

Är du med så långt?

Re: Ladda innehåll med DIV

Postat: 2009-04-28 15:27
av Holger
Jag lägger alltså

Kod: Markera allt

<div class="annonser">annonskoder osv</div>
där jag har annonskoderna nu.

Nu till stilmallen, jag använder phpBBs egna.

Re: Ladda innehåll med DIV

Postat: 2009-04-28 15:48
av Kjell
och i common.css lägger du

Kod: Markera allt

.annonser{
   text-align: center;
}
text-align: frågar vart texten ska vara, vänster, höger eller i centrum och avslutar med att gå till nästa rad med ; där du kan ha exempelvis padding.
Ha som vana att alltid avsluta med ;

Re: Ladda innehåll med DIV

Postat: 2009-04-28 15:53
av Holger
Eh, och hur påverkar detta laddningen?

Re: Ladda innehåll med DIV

Postat: 2009-04-28 15:55
av Kjell
Det som påverkar är om du har externa länkar till annonser (bilder) och det är vad jag har försökt tala om förut att annonser bör ligga på sin egen domän så långt det bara går.

Re: Ladda innehåll med DIV

Postat: 2009-04-28 16:18
av Holger
Eh, ursäkta, men jag är nog mycket dum just nu ...
Annonserna laddas från en annan domän via JavaScript.

Re: Ladda innehåll med DIV

Postat: 2009-04-28 16:48
av Kjell
Det som brukar ta lång tid är om man har reklam på en annan sida och kan den inte kan ladda snabbt eller inte alls, då får man krulligt hår oavsett vart den ligger på sin egen sida.

Re: Ladda innehåll med DIV

Postat: 2009-04-28 19:51
av Holger
Eh, du ska inte bekymra dig över den delen ... detta fungerar utmärkt, snabbare går inte, tro mig!

Jag har den starka känslan av att vi inte förstår varandra ...
Jag vill alltså ladda en del av sidan (som ska visas överst på sidan) i slutet av koden, så att allt annat visas innan dess.

Re: Ladda innehåll med DIV

Postat: 2009-04-28 23:45
av Kjell
Testa så får du se om det här kan funka för dig, du har ju JavaScript redan, så då kan det inte göra så mycket med lite till :D

Lägg in den här snutten där du vill ha den på sidan

Kod: Markera allt

<span id="annonser"></span>
och före </body> </html> (foten) så lägger du in

Kod: Markera allt

<script language="javascript">
document.getElementById("annonser").innerHTML = "Här kommer <b>annonsen</b>, eller har jag fel";
</script>

Re: Ladda innehåll med DIV

Postat: 2009-04-29 19:43
av Holger
Usch, det blir krångligt ser jag.
Det är en massa JavaScripter med ' och " här och där ... ska rota runt lite ...