Het Web ontwikkelaars Topic [deel 3]

Discussie in 'PC, Handheld & Algemeen' gestart door Le Lastpak, 19 mei 2011.

Pagina 13 van 26
  1. The Redman FTW

    The Redman FTW ^_^

    Berichten:
    596
    Leuk Bevonden:
    0
    Principieel: ja. Ik weet echter niet precies hoe het met Facebook werkt als je een pagina liket.
     
    The Redman FTW, 16 dec 2011
    #241
  2. Gdzr

    Gdzr Hmmm?

    Berichten:
    2.751
    Leuk Bevonden:
    62
    of de hrefs weer met een position absolute boven de tussenlaag positioneren
     
    Gdzr, 16 dec 2011
    #242
  3. The Redman FTW

    The Redman FTW ^_^

    Berichten:
    596
    Leuk Bevonden:
    0
    Zojuist een leuke domeinnaam geregistreerd: codmw3.nl

    "cod mw3" heeft maandelijks 165k Google-zoekopdrachten.
     
    The Redman FTW, 18 dec 2011
    #243
  4. Daz

    Daz ✖

    Berichten:
    16.101
    Leuk Bevonden:
    2.258
    En je gaat daar aan verdienen omdat ze op die termen zoeken via Google? Hoe werkt zoiets precies? Google adwords of is dat iets anders?
     
    Daz, 18 dec 2011
    #244
  5. The Redman FTW

    The Redman FTW ^_^

    Berichten:
    596
    Leuk Bevonden:
    0
    Ik kan zowel aan Adsense- als Affliate-marketing gaan doen als ik er een leuke website met goede SEO neerzet. Meer zoekopdrachten en hoger in de zoekmachines leidt tot meer bezoekers en dus meer kansen op inkomsten uit Adsense of affliate-partners.

    Adsense -> Google plaatst advertenties voor je en je verdient geld a.d.h.v. clicks
    Affliate -> Een provider laat bijvoorbeeld advertenties (of tekstlinks, kan je zelf doen) van Bol.com zien voor MW3. Als iemand daarop klikt en binnen X dagen op Bol.com MW3 aanschaft, krijg je €x of x% van de verkoopprijs als beloning.
     
    The Redman FTW, 18 dec 2011
    #245
  6. Gerjan

    Gerjan XBW.nl VIP XBW.nl VIP

    Berichten:
    6.685
    Leuk Bevonden:
    221
    Alleen daarvoor moet je wel goede content op je site hebben voor die SEO, goede URL alleen is niet genoeg.

    Dus moet je er nog best veel moeite voor doen, en het zal echt niet veel opleveren. :) Hoe kom je trouwens aan de 165k? Google toont toch nooit cijfertjes in de google trends?
     
    Gerjan, 18 dec 2011
    #246
  7. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    Je kan inderdaad de aantal zoekopdrachten terug vinden. Niet zo moeilijk om te doen. Je ziet dan bijvoorbeeld hoeveel mensen maandelijks naar call of duty zoeken in Nederland. Daarnaast kan je ook zien hoe zwaar de concurrentie is op bepaalde keywords.

    Ik moet nog een aantal beslissingen maken. Maar kwa php draait het prima, zit in adsense. Watermerken werkt. Zal van de week klaar zijn.
     
    Laatst bewerkt: 19 dec 2011
    Le Lastpak, 19 dec 2011
    #247
  8. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    798
    oeps
     
    Le Lastpak, 19 dec 2011
    #248
  9. The Redman FTW

    The Redman FTW ^_^

    Berichten:
    596
    Leuk Bevonden:
    0
    Teksten die vriendelijk zijn voor Google zijn een must en er moeten er zeker een paar (op verschillende pagina's) zijn. Schrijven kan ik echter zelf wel en vijf teksten conform de SEO-richtlijnen schrijven is een kleine moeite.

    Google Trends? :+ Gebruik de Google Keywords Tool (via Google Adwords): https://adwords.google.com/o/Target...000&ideaRequestType=KEYWORD_IDEAS#search.none

    Trouwens, ik weer uit ervaring dat het wel degelijk aardig wat kan opleveren als je het goed aanpakt. ;)
     
    The Redman FTW, 20 dec 2011
    #249
  10. iNdie^

    iNdie^ Team Pulp

    Berichten:
    727
    Leuk Bevonden:
    79
    Ik ben voor me vriendin een simpele portfolio website aant maken.
    Alles werkt zoals ik wil maar niet in Internet Explorer.
    Het gaat dan over de hover.
    Hieronder heb ik afbeeldingen van de site geplaatst zonder en met hover + me code.
    Kan iemand mij misschien helpen hoe ik dit ook werken maak in IE, ik krijg het niet voor elkaar :mad:.
    Alvast bedankt :D.

    Website zonder hover:
    [​IMG]
    Website met hover:
    [​IMG]
    index:
    PHP:
    <html>
      <    head>
        <    link rel="stylesheet" href="css/style.css" type="text/css">
        <    title>Nadieh Denise</title>

        <    meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      </    head>
      <    body>

        <    div id="container">
          
              <    div id="header">
                <    a href="index.html"><img alt=""  src="img/header.png" style="border:0"></a>
              </    div>
      
                    <    a href="shop.html">          <div id="shop">         </div>      </a>

                    <    a href="illustraties.html">  <div id="illustraties"> </div>      </a>

                    <    a href="info.html">          <div id="info">         </div>      </a>

                    <    a href="3d.html">            <div id="dried">        </div>      </a>

                    <    a href="contact.html">       <div id="contact">      </div>      </a>

        </    div>

      </    body>
    </    html>
    CSS:
    PHP:
    body{
          background-image: url('../img/background.png');
    }

    #container{
          width: 1024px;
          margin: 0 auto;
    }

    a:active,a:focus {
    outline: none;
    }

    #header{
          float: left;
    }

    #shop{
          background-image: url(../img/shop.png);
          background-repeat: no-repeat;
          float: right;
          padding-right: 250px;
          padding-top: 330px;
          margin-top: 150px;
    }

    #shop:hover{
          background-image: url(../img/shop_hover.png);
          background-repeat: no-repeat;
    }

    #illustraties{
          background-image: url(../img/illustraties.png);
          background-repeat: no-repeat;
          float: right;
          padding-right: 300px;
          padding-top: 200px;
          margin-top: 80px;
    }

    #illustraties:hover{
          background-image: url(../img/illustraties_hover.png);
          background-repeat: no-repeat;
    }

    #info{
          background-image: url(../img/info.png);
          background-repeat: no-repeat;
          float: left;
          padding-top: 250px;
          padding-left: 200px;
          margin-left: 240px;
          margin-top: 70px;
    }

    #info:hover{
          background-image: url(../img/info_hover.png);
          background-repeat: no-repeat;
    }

    #dried{
          background-image: url(../img/3d.png);
          background-repeat: no-repeat;
          float: right;
          padding-top: 300px;
          padding-right: 320px;
          margin-top: 30px;
    }

    #dried:hover{
          background-image: url(../img/3d_hover.png);
          background-repeat: no-repeat;
    }

    #contact{
          background-image: url(../img/contact.png);
          background-repeat: no-repeat;
          float: left;
          padding-left: 200px;
          padding-top: 150px;
          margin-left: 230px;
          margin-top: 20px;
    }

    #contact:hover{
          background-image: url(../img/contact_hover.png);
          background-repeat: no-repeat;
    }
     
    iNdie^, 21 dec 2011
    #250
  11. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Dan moet je het anders doen. Ik doe het altijd met een negatief aantal pixels. Zodat een afbeelding opzijgeschoven wordt. Werkt altijd en overal.

    Bijvoorbeeld:

    Code:
    a.button {
	display: block;
	width: 155px;
	height: 86px;
	background: url("images/b-home.png");
	float:left;
	}

a.button:hover {
	background-position: -155px 0;
	}
    Zo'n button ziet er dan zo uit:

    [​IMG]
     
    Kortestier, 21 dec 2011
    #251
  12. Jerreby

    Jerreby Active Member

    Berichten:
    2.043
    Leuk Bevonden:
    32
    Je moet kijken naar exact searches, en dat is 65.000. Als je op google "cod mw3" intypt krijg je het aantal pagina's dat er al over is geschreven. Dat is 10 miljoen+ dus ik geef je weinig kans.

    Misschien dat het anders is omdat je op NL focust, heb alleen wereldwijde SEO geprobeerd.
     
    Jerreby, 21 dec 2011
    #252
  13. Daz

    Daz ✖

    Berichten:
    16.101
    Leuk Bevonden:
    2.258
    Iemand die goed is in het 'slicen' van een lay out in Photoshop en hem vervolgens te gebruiken dmv divs? Ik heb een best lastig design waar niet alles 100% recht of op elkaar overloopt. Vraag me af hoe ik dit het beste kan aanpakken. Indien nodig kan ik de lay out sturen per PM. Overigens is het enige wat ik ter beschikking heb een print screen van de lay out uit een PDF bestand.
     
    Daz, 27 dec 2011
    #253
  14. Willem

    Willem Obi-Willem XBW.nl Bestuur

    Berichten:
    13.173
    Leuk Bevonden:
    686
    Ik wil best een Javascript gebruiken, maar ik weet niet of dat werkt in de iFrame app waarmee je tabs toevoegt op Facebook.

    Voorlopig lijkt HTML mij de beste keuze, omdat dit de minst ingewikkelde taal is (heb ik het idee), om het voor mijn collega's ook makkelijk te houden.

    Kan je dit even verder uitleggen? De 'a href' heeft toch niets te maken met de locatie van één van de afbeeldingen?

    Ik ben op zoek naar een stukje HTML waarmee ik één afbeelding (die transparant is) over meerdere, andere afbeeldingen kan weergeven. Hoe?
     
    Willem, 28 dec 2011
    #254
  15. Gdzr

    Gdzr Hmmm?

    Berichten:
    2.751
    Leuk Bevonden:
    62
    Dat kan op de manier die ik zei, maar het punt is, dat je knoppen hebt gemaakt, op de onderste laag. Zet je daar een afbeelding over heen, dan liggen je a hrefs er onder, dus je kan ze dan niet aan klikken.

    Hoe je het dan kan gaan maken is als volgt, even op een simpele manier uitgelegd:
    1. De onderste laag plaatjes
    2. De bovenste transparante laag
    3. De a hrefs boven de onderste 2 zetten
     
    Gdzr, 30 dec 2011
    #255
  16. Daz

    Daz ✖

    Berichten:
    16.101
    Leuk Bevonden:
    2.258
    Hoe kan ik er voor zorgen dat, als ik bij mijn Joomla website op een artikel klik, hiervan de achtergrond van waarin het artikel geladen wordt (een div) van achtergrond kleur veranderd?

    De div content heeft van origine een background-image (als ik op de hoofdpagina ben), en ik zou graag willen dat wanneer ik op een artikel klik de achtergrond veranderd naar een background-color.

    Edit: Zou ik dit moeten instellen per menu item dmv een page class? Of van het menu type een custom html moeten maken?
     
    Laatst bewerkt: 3 jan 2012
    Daz, 3 jan 2012
    #256
  17. Willem

    Willem Obi-Willem XBW.nl Bestuur

    Berichten:
    13.173
    Leuk Bevonden:
    686
    Het is niet erg dat 't er over ligt. Een Facebook pagina bestaat uit twee onderliggende onderdelen. De 'Base URL', die krijg je te zien nadat je op 'Like' gedrukt heb. Ook heb je de 'Fan gate'. Hier kom je terecht vóórdat je op 'Like' gedrukt heb. Het is dus zo dat ik de transparante bovenste laag óver de normale code wil. Dat doe ik dus alléén in de 'Fan gate'. Het is dan niet erg dat mensen niet op de a hrefs er onder kunnen klikken.

    Ik ga het proberen, thanks.
     
    Willem, 3 jan 2012
    #257
  18. Gdzr

    Gdzr Hmmm?

    Berichten:
    2.751
    Leuk Bevonden:
    62
    Ah oke, dan kan je een div over de rest plakken, als het niet uit maakt dat ze niet op de a hrefs kunnen klikken.

    Als je je code helemaal hier plakt, ook met de overlay erbij, dan wil ik wel mee helpen tot het goed werkt :)
     
    Gdzr, 3 jan 2012
    #258
  19. Willem

    Willem Obi-Willem XBW.nl Bestuur

    Berichten:
    13.173
    Leuk Bevonden:
    686
    Ik probeer het via deze tutorial: http://www.handleidinghtml.nl/css/css-oud/position.htm

    Wat ik in de code die daar gegeven wordt niet snap. Ik heb bijvoorbeeld dit. Waar staat dan de url van de link en waar de url van de afbeelding die ik wil?

    Code:
    #d1 { width: 250px;
      height: 50px;
      position: absolute;
      z-index: 1;
      top: 60px;
      left: 10px;
      background: black;
}
    De HTML-code die nu online staat is als volgt:

    HTML:
    <a href="http://zorgsaam.org/index.php?option=com_vacatures&Itemid=246" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%201.jpg" alt="Paneel 1" height="106" width="500" /></a>

<a href="http://zorgsaam.org/nieuws/pagina-2" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%202.jpg" alt="Paneel 2" height="106" width="500" /></a>

<a href="http://zorgsaam.org/algemeen/over-zorgsaam" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%203.jpg" alt="Paneel 3" height="106" width="500" /></a>

<a href="http://twitter.com/#!/ZorgSaam" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%204.jpg" alt="Paneel 4" height="106" width="500" /> </a>

<a href="http://zorgsaam.org/algemeen/agenda-2" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%205.jpg" alt="Paneel 5" height="106" width="500" /> </a>

<a href="http://www.youtube.com/user/ZorgSaam" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%206.jpg" alt="Paneel 6" height="106" width="500" /> </a>
    De gewenste overlay is: http://zorgsaam.org/images/Facebook/overlay.png

    De Facebook pagina is hier (zie startpagina): http://www.facebook.com/pages/ZorgSaam-Zeeuws-Vlaanderen/101073723275403?
     
    Willem, 3 jan 2012
    #259
  20. Gdzr

    Gdzr Hmmm?

    Berichten:
    2.751
    Leuk Bevonden:
    62
    HTML:
    <div style="width: 500px;">
	<img src="http://zorgsaam.org/images/Facebook/overlay.png" title="Zorgsaam" style="postition: absolute; z-index: 1;" />

	<div style="margin-top: -800px; position: absolute; width: 500px; z-index: -1;" >
		<a href="http://zorgsaam.org/index.php?option=com_vacatures&Itemid=246" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%201.jpg" alt="Paneel 1" height="106" width="500" /></a>
		
		<a href="http://zorgsaam.org/nieuws/pagina-2" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%202.jpg" alt="Paneel 2" height="106" width="500" /></a>
		
		<a href="http://zorgsaam.org/algemeen/over-zorgsaam" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%203.jpg" alt="Paneel 3" height="106" width="500" /></a>
		
		<a href="http://twitter.com/#!/ZorgSaam" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%204.jpg" alt="Paneel 4" height="106" width="500" /> </a>
		
		<a href="http://zorgsaam.org/algemeen/agenda-2" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%205.jpg" alt="Paneel 5" height="106" width="500" /> </a>
		
		<a href="http://www.youtube.com/user/ZorgSaam" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%206.jpg" alt="Paneel 6" height="106" width="500" /> </a>
	</div>
</div>
    Als het goed is moet ie het zo doen.
     
    Gdzr, 3 jan 2012
    #260
Pagina 13 van 26

Deel Deze Pagina