WordPress DK Forum

1. 

   Ivan Fraer
   

   Seniormedlem
   Joined: feb '10
   Posts:

   Reputation:

    

   Hej

   Er der nogen som har en kode der gør det muligt at indsætte et slags "overlay banner" ude i siden af WP?

   Eksempel:
   http://www.gpsforalle.dk/images/banner_.png

   På forhånd tak

   Med venlig hilsen
   Ivan Fræer
   http://www.gpsforalle.dk

   Med venlig hilsen
   Ivan Fraer - http://www.gpsforalle.dk

   Skrevet 14 years siden #
2. 

   John
   

   Administrator
   Joined: okt '09
   Posts:

   Reputation:

    

   Hej Ivan
   Du kunne måske sætte det ind som baggrundsbillede i din body og så positionere det med CSS, så det bliver stående uanset opløsning.

   med mindre det skal være noget googlescript banner

   Mvh John

   Skrevet 14 years siden #
3. 

   stffn
   

   Admin
   Joined: feb '09
   Posts:

   Reputation:

    

   @John - det gør det bare ret svært at klikke på — det er gerne formålet md et banner.

   Skrevet 14 years siden #
4. 

   Ivan Fraer
   

   Seniormedlem
   Joined: feb '10
   Posts:

   Reputation:

    

   Tak begge to og ja, det er netop det som er problemet. Folk skulle jo helst kunne klikke på det... Jeg kan se at der er flere som har efterspurgt det rundt på nettet, men jeg har endnu ikke set en løsning, så det er nok ikke så let som man ellers umiddelbart skulle tro.

   Skrevet 14 years siden #
5. 

   Jesper Jarlskov
   

   Supermedlem
   Joined: sep '11
   Posts:

   Reputation:

    

   Jeg er ikke helt sikker på hvad problemet er. Du vil gerne have et billede man kan klikke på, som vises til venstre for resten af indholdet af dit site? Det burde der ikke være det store css-magi i.

   Blogger om både tech og open source og Øl og Mad.
   Arbejder på lancering af PHPguiden

   Skrevet 14 years siden #
6. 

   Ivan Fraer
   

   Seniormedlem
   Joined: feb '10
   Posts:

   Reputation:

    

   Jeg er ikke helt sikker på hvad problemet er. Du vil gerne have et billede man kan klikke på, som vises til venstre for resten af indholdet af dit site? Det burde der ikke være det store css-magi i.

   
   Muligvis ikke, men jeg ved ikke hvordan :-)
   Men ja, du har forstået det rigtigt, det er den funktion jeg efterlyser.

   Skrevet 14 years siden #
7. 

   Ivan Fraer
   

   Seniormedlem
   Joined: feb '10
   Posts:

   Reputation:

    

   Det skal så lige siges, at banner billedet naturligvis skal "glide ind" UNDER selve webside indholdet, hvis folk besøger siden med en lav opløsning.

   Skrevet 14 years siden #
8. 

   John
   

   Administrator
   Joined: okt '09
   Posts:

   Reputation:

    

   @steffen
   

   det gør det bare ret svært at klikke på — det er gerne formålet md et banner.

   Jo men med lidt fiksfakseri kan det tilpasses med CSS således at et bg bliver til et link
   Kan sikkert også positioneres som Ivan ønsker det, og inkluderes i hans tema.

   http://www.wp-theme.dk/test.html

   Skrevet 14 years siden #
9. 

   Ivan Fraer
   

   Seniormedlem
   Joined: feb '10
   Posts:

   Reputation:

    

   :-) Det ser RET spændene ud John... ?

   Skrevet 14 years siden #
10. 

    John
    

    Administrator
    Joined: okt '09
    Posts:

    Reputation:

     

    @Ivan
    Bare gå i krig, det burde kunne lykkes for dig at inkludere.
    Har ikke lige rodet så meget med det ;-)

    Brugte engang noget lignende med et logo.

    Skrevet 14 years siden #
11. 

    Ivan Fraer
    

    Seniormedlem
    Joined: feb '10
    Posts:

    Reputation:

     

    Kunne jeg "låne" den kode du har brugt i dit eksempel? Så har jeg et udgangspunkt :-)

    Skrevet 14 years siden #
12. 

    John
    

    Administrator
    Joined: okt '09
    Posts:

    Reputation:

     

    Du kan også bruge en transparent png som nedenstående

    http://www.wp-theme.dk/test2.html

    ps du kan stjæle koden med "vis kildekode" i din Browser

    Skrevet 14 years siden #
13. 

    Ivan Fraer
    

    Seniormedlem
    Joined: feb '10
    Posts:

    Reputation:

     

    1000 tak, den vil jeg straks teste af :-)

    Skrevet 14 years siden #
14. 

    Ivan Fraer
    

    Seniormedlem
    Joined: feb '10
    Posts:

    Reputation:

     

    OK, jeg har lagt hele koden ind i bunden af http://www.gpsforalle.dk/index.php og nu er vi pludselig et STORT skridt nærmere :-)

    To problemer:
    1. Banneret er ikke klikbart?
    2. Banneret vises langt nede på siden, ikke oppe i toppen som på dit eksempel?

    men selve det at den "glider ind bagved" ved lav opløsning, det virker faktisk - YES :-)

    Skrevet 14 years siden #
15. 

    John
    

    Administrator
    Joined: okt '09
    Posts:

    Reputation:

     

    Du skal nok lige tilrette koden til din side ;-)

    Kan se koden peger stadig mod mig på din side.
    Du skal jo have banneret liggende hos dig selv
    bannerleft.png

    body {
background-image: url("http://www.wp-theme.dk/bannerleft.png");
background-position: left center;
background-repeat: no-repeat;
margin-top: 0;
}

    Skrevet 14 years siden #
16. 

    Ivan Fraer
    

    Seniormedlem
    Joined: feb '10
    Posts:

    Reputation:

     

    Fejl... Undskyld :-)

    Skrevet 14 years siden #
17. 

    Ivan Fraer
    

    Seniormedlem
    Joined: feb '10
    Posts:

    Reputation:

     

    OK, nu ser koden så således ud og alt virker, bortset altså fra at jeg ikke kan hitte ud af at gøre banneret "aktivt" (klikbart)?

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <style type="text/css">
    body {
    background-image:url(http://www.gpsforalle.dk/bannerleft.png);
    background-repeat:no-repeat;
    background-position:top left;
    margin-top:0;
    }
    #link {
    width:150;
    height:800;
    margin:auto;
    }
    #link a {
    width:150px;
    height:800px;
    display:block;
    }
    </style>

    </head>
    <body>

    <div id="link">
    
    </div>

    </body>

    Skrevet 14 years siden #
18. 

    John
    

    Administrator
    Joined: okt '09
    Posts:

    Reputation:

     

    Dette skal du kopiere ind i dit style CSS:
    
body {
background-image:url(http://www.dinsidedk/bannerleft.png);
background-repeat:no-repeat;
background-position:center left;
margin-top:0;

    }
#link {
width:150;
height:800;
margin:auto;
}
#link a {
width:150px;
height:800px;
display:block;
}


    Og kun dette skal ind på siden:
    

    <div id="link">
    <a href="http://www.dinside.dk"></a>
    </div>

    body har du i forvejen så brug kun det der står under body i eksemplet her

    Selve banneret skal ligge i din images mappe.

    Burde kunne lade sig gøre.

    Skrevet 14 years siden #
19. 

    Ivan Fraer
    

    Seniormedlem
    Joined: feb '10
    Posts:

    Reputation:

     

    jeg kan ikke indsætte koder i mit indlæg mere... Jeg prøver lige forfra. Ved ikke hvad der gik galt.

    Skrevet 14 years siden #
20. 

    John
    

    Administrator
    Joined: okt '09
    Posts:

    Reputation:

     

    Du har link i forvejen i dit CSS så prøv at omdøbe:
    <div id="link"> til <div id="link2"> evt og så
    #link2 {
    #link2 a {

    Du har set at det kan virke Ivan, så du må blot klø på desværre.

    ps vedr SEO og søgemaskiner, så vær i øvrigt opmærksom på at du har 2 gange "!DOCTYPE" bla, samt måske andre ikke så heldige ting i din kode der gør siden knapt så sematisk opstillet perfekt for søgemaskinerne, ikke at siden ikke fungerer for os der besøger den.

    Bemærkede det blot da jeg skimmede din kode.

    Skrevet 14 years siden #
21. 

    Ivan Fraer
    

    Seniormedlem
    Joined: feb '10
    Posts:

    Reputation:

     

    Tak skal du have John. Det får jeg lige tjekket op på.

    Skrevet 14 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.