Omhoog schuivende social media icons

[JelleSeubring]

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

 

[csshunter]

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:

<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:

• Hoe dit werkt, staat hier: Een blokje knoppen.

Met vriendelijke groet,
CSShunter

 

[JelleSeubring]

Oplossing

oplossing

 

[joko01]

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!

 

[MitchellBouwman]

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

Mitchell.

 

[joko01]

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

Groet, John

 

[crash]

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.