Lägga banner ovanför header?

[jonthee]

Hej,

Hur gör jag för att bäst och snyggast (och mest korrekt) lägga en banner ovanför headern? dvs. fortfarande inne i wrappern men ovanför headern/logon osv.?

Tack så jättemycket på förhand.

PS, ni kan se mitt forum i "min profil".

Mvh
Jonthee

[jonthee]

adressen är www.xusaxbilxforumx.se (utan X)

[Sinom]

Hej Jonathan!

Vill du endast lägga till en reklambanner ovanför ditt forum?

Gå till \styles\ProNight\template och öppna overall_header.html

Hitta:

Kod: Markera allt

<div id="wrap">

Lägg till på en ny rad under:

Kod: Markera allt

<div class="banner-top"><img width="728" height="90" border="0" alt="Leaderboard" src="//www.google.com/intl/en/adwords/select/images/samples/leaderboard.jpg"></div>

Jag använde mig utav en test-bild från Google.

Gå till \styles\ProNight\theme och öppna content.css

Lägg till längst ner i filen:

Kod: Markera allt

.banner-top {
   width: 728px ;
   margin-left: auto ;
   margin-right: auto ;
}

Detta placerar din banner i mitten längst upp på sidan, utanför den vita ramen runt om ditt forum.

Vill du placera bannern inuti den vita ramen, precis ovanför headern, placera banner-koden ovanför <div class="headerbar"> i overall_header.html

Lycka till!

Hugs

[jonthee]

Tackar!!

Det jag har gjort med tidigare bilder är att jag länkat till dem direkt i html-filen, och inte skickat dem vidare till .css men det kanske inte gör någon skillnad?

Bannern är ingen reklambanner utan en sponsorbanner som ska upp om några dagar

Tack så mycket återigen, nu vet jag hur man länkar vidare till .css-filen då

Trevlig kväll.

Mvh
Jonthee

[jonthee]

Hej igen,

Jag testade nyss lägga in en testbanner och det fungerade bra TACKAR!

Men hur får man den att hamna längst upp utan "marginal" mot toppen? Samt hur får man ner bilden där det står "Projektbil"?

Plus att avståndet från "toppen" blev mycket större i andra webbläsare än IE9?

Tack så mycket på förhand.

Mvh
Jonthee

[Sinom]

Ja det går bra att länka till bilden på detta sättet.

Om du kommer få en bild utav din sponsor och du väljer att lägga den på din server, så kan du använda:

Kod: Markera allt

<div class="banner-top"><img width="728" height="90" border="0" alt="Leaderboard" src="{T_THEME_PATH}/images/sponsorbild.png"></div>

För att minska avståndet till toppen, så kan du lägga till ett attribut i din CSS-kod:

Kod: Markera allt

margin-top: -24px;

Ändra siffran så att det passar.

Du kan placera Projektbil-bilden i en div likaså, och applicera en margin-top: 10px;

Lycka till!

Hugs

[jonthee]

Hej igen

Om du tittar på forumet nu så har jag förberett för kommande sponsorbanner, men i Firefox, Chrome osv. fungerr det inte riktigt bra

I IE9 fungerar det dock med bannern, men hur får man ner "Projektbilden" till vänster om wrappern, kommer ihåg att du hjälpte mig med special där

Tack så jättejättemycket på förhand.

Mvh
Jonthee

[jonthee]

Jag tog bort Projektbilden, räcker med att ha "Projekt" i menyn i headern tänkte jag

Tack så mycket återigen.