Responsive Google+ badge

[Verwijderd]

Is er een mogelijkheid om de Google+ badge for pages responsive te maken? In de API kan je een height en width in pixels opgeven: https://developers.google.com/+/web/badge/?hl=nl#static maar een width in procenten accepteerd de API niet.

Ik heb zitten kijken of ik de box kan overschrijven met sterke selectors maar aangezien het in een iframe zit gaat dit erg lastig. Ik zit nu te denken aan een oplossing waarbij met javascript een extra class in een iframe gezet wordt en deze d.m.v. media querys verschillende pixel breedtes krijgt of een procentuele width als dit goed uitpakt in de praktijk.

Ik vraag me af of hier geen andere oplossingen voor zijn om toch een responsive API in te laden in de website. Want de API widgets van de concurrenten zijn wel een stuk beter aan te passen. Een zoektocht op Google leverde me niet erg veel bruikbare informatie op wat vreemd is want het lijkt me niet dat ik de eerste ben die tegen dit probleem aan loopt anno 2013.

[paskaal]

Ik weet niet precies hoe je 'm responsive wil hebben, maar je kunt natuurlijk de badge in een wrapper verpakken en de badge dan absoluut (negatief) positioneren waardoor je de border wegwerkt. Vervolgens gooi je daar weer een wrapper/container omheen, die 100% breed is en de border weer namaakt.

Dan krijg je dus zoiets; http://jsfiddle.net/Wx9qE/

[_Thanatos_]

Je kunt die badge toch gewoon zelf maken?
Het is gewoon een G+ logootje met een link erachter. Big deal, zou ik zeggen.

[ Voor 49% gewijzigd door _Thanatos_ op 01-07-2013 13:01 ]

[Verwijderd]

Ik wil de google banner graag toepassen waarbij ook de gebruikers die G+ hebben gedrukt als thumbnails worden weergegeven (zie voorbeeld in een niet werkende tutorial: http://www.iteching.info/...idth-of-google-badge.html). Dus dit is niet handig om zelf te gaan maken maar ik ben het met je eens als het blijft bij alleen een button met een kadertje is het goed te doen.

Facebook heeft een soortgelijke widget die wel volledig responsive gemaakt kan worden. Google loopt wat dat betreft nog best ver achter op de concurrenten want ook een app bouwen om content van de site automatisch door te posten op Google+ maken ze niet makkelijk.

Paskaal jouw oplossing die op zich wat het moet doen maar het knipt wel een belangrijk deel van de content weg op bepaalde groottes. Ik wil het toepassen in het Bootstrap framework (span4). Dus het zou op gegeven moment niet groter moeten zijn dan 159px.

Bedankt voor het meedenken iig so far! Als ik zelf updates heb over dit onderwerp zal ik het hier posten.