Helpmij.nl
Helpmij.nl
Helpmij.nl
Steun Helpmij.nl! Klik hier     Computerprobleem? Klik hier!

Quote

Weergeven resultaten 1 tot 7 van 7

Onderwerp: Omhoog schuivende social media icons

  • Vraag is opgelost
  1. #1

    Exclamation Omhoog schuivende social media icons

    Hallo allemaal,

    Op deze site, staat bijna helemaal onderaan de pagina een blok met de titel 'Share the knowledge'. Daaronder staat een rijtje met social media icons en als je er met de muis overheen gaat springen ze omhoog.

    Hoe krijg je dat voor elkaar? Ik wil dan bijv. als je op het 'Facebook'-icon klikt; er wordt gelinkt naar mijn facebook pagina.

    Alvast bedankt,

    Jelle

  2. #2
    Mega Honourable Senior Member csshunter's avatar
    Geregistreerd
    4 augustus 2009
    Hoi Jelle,
    Die site blijkt te zijn gemaakt met WordPress, en daarvoor is dit blokje social-media icoontjes/links een speciale plug-in.
    Daar kom je achter als je in de broncode van de pagina gaat kijken:
    HTML Code:
    1
    2
    3
    
    <li class="shr-ekudos">
       <a href="http://www.shareaholic.com/api/share/?title=Layouts+leren+slicen+met+Photoshop&amp;link=http://computerfaq.be/layouts-leren-slicen-met-photoshop/&amp;... enz. 
       ... enz.
    Er wordt gebruik gemaakt van een API ("Application Programming Interface") bij www.shareaholic.com. Via "Shareaholic for your WordPress blog »" kom je uit op de downloadbare WP plug-in "SexyBookmarks" (http://wordpress.org/extend/plugins/sexybookmarks/screenshots/). - Dus als je een WordPress-site hebt, is het betrekkelijk eenvoudig als je met plug-ins om kunt gaan. Hoewel, er staat een uitvoerige gebruiksaanwijzing bij. Er zit een speciale beheer-pagina in om de icoontjes te kiezen, die wordt meegeleverd. Er is ook een eigen SexyBookmarks-forum.
    =====

    "Creatieve zelfwerkzaamheid"
    Anders zal je zelf zoiets moeten nabouwen met html en css, waarschijnlijk gaat dat nog sneller ook. Dat is namelijk best te doen, als je gebruik maakt van een "css-sprite", een gecombineerde afbeelding van de normale en de hover-toestand van alle icoontjes die je nodig hebt:


    Met vriendelijke groet,
    CSShunter
    Als een webpagina plots niet doet wat je wilt, raadpleeg dan eerst de html-validator, vóórdat je wanhopig aan de css gaat sleutelen. En vraag de css-validator om op alle punten en komma's te letten. Staat er een (goed) DOCtype boven? Doet de pagina niet gewoon wat moet volgens de html-specificatie en de regels voor css? Daarna pas sleutelen!
    (als dat nog nodig is!) - O, ken je de Webrichtijnen (test) al?

  3. #3

    Oplossing

    oplossing
    Laatst aangepast door crash : 13 juli 2011 om 21:45 Reden: Het is niet nodig te citeren als je direct reageert. De topics worden anders zo lang, met dezelfde tekst.

  4. #4
    Ik vind die omhoog schuivende blokjes ook erg leuk.
    Nu zou ik ze graag toevoegen als handtekening in mijn outlook mail account.
    Is dit mogelijk zonder vergaande kennis van html en css etc?

    Alvast bedankt!

  5. #5
    Offtopic:
    Zou ik mogen vragen welk comment-systeem je gebruikt?

    Mitchell.

  6. #6
    @Mitchell, hoe bedoel je?
    Voor dit forum gebruik ik gewoon: reageer op vraag, maar ik neem aan dat je dat niet bedoeld?

    Groet, John

  7. #7
    Hoofdmoderator
    Bestuurslid
    crash's avatar
    Geregistreerd
    16 augustus 2001
    Locatie
    Purmerend
    Afstand tot server
    ±105 km
    Welkom op Helpmij.nl.

    Graag oude topics met rust laten, deze zijn niet actueel meer. (Deze is van 2011). Tevens is het niet toegestaan mee te liften in iemand zijn / haar topic.Ik sluit deze nu.
    grtz Lex

    Op e-mails over computerproblemen reageer ik niet meer, daar is het forum voor.
    16 augustus 2001 - 2011 is tien jaar lid van Helpmij.nl

Berichtenregels

  • U mag geen nieuwe discussies starten.
  • U mag niet reageren op berichten.
  • U mag geen bijlagen versturen.
  • Umag niet uw berichten bewerken.
  •  
Helpmij.nl
Helpmij.nl

Helpmij.nl en business

Partners
Sponsoren
Linkpartners
Aanbiedingen