Hoi Beewee en Marcel,
Het lastige is dat de partij javascript van de "linkedIn widget" ook het linkedIN icoontje plaatst. Haal je het script weg, dan verdwijnt dat ook.
Maar daar is wel wat aan te doen!
Hier is een los linkedIN-icoontje:
Als je dat op de pagina zet, met bv. als tekst "... op LinkedIN" erachter, kan je dat als geheel in een link naar linkedin opnemen.
Meteen mooi gemaakt in de opmaak:
HTML:
...
<p style="font-size: .8em; margin-top: -5px;">Meer info:
<a href="http://nl.linkedin.com/..." target="_blank"><img
style="border: 0; vertical-align: top;" src="linkedin-button.png" alt="">... op LinkedIN</a></p>
Dan zijn de script-aanroepen:
HTML:
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="nl.linkedin.com/..." data-format="click" data-text="(naam)" data-related="false"></script>
... helemaal niet meer nodig.
Die kunnen dan ook verwijderd worden.
=======
Intermezzo
Want het script
in.js haalt weer
een ander script van linkedIn binnen, plaatst
een extra <style>-blok in de <head> van de pagina:
HTML:
...
<style type="text/css">
.li-connect-widget .li-connect-mark {
background:url(http://static02.linkedin.com/scds/common/u/img/sprite/sprite_connect_v13.png) -92px -42px no-repeat !important;
display:inline-block !important;height:16px !important;text-decoration:none !important;width:16px !important;
vertical-align:middle !important;*margin:0 3px !important;*vertical-align:bottom !important;
}
.IN-widget .hovered .li-connect-mark {
cursor:pointer !important;
}
.li-connect-widget.pending .li-connect-mark {
background:url(data:image/gif;base64,R0lGODlhEAAQAKIAAP///+bm5s7OzpycnGNjYwAAAAAAAAAAACH/
05FVFNDQVBFMi4wAwEAAAAh+QQFCgAAACwAAAAADgAQAAADNAi6MMNQOReBEG0CQta92cZ11seMZBlx
Clh55lu6Mi23GBQEsL3vOBDwx8MBiMei7ndLQhIAIfkEBQoAAAAsAgAAAA4ADgAAAyUIqiL7rzUIpRuDsouz
Vp33AdgIEYQJoKjJpi4cBOo8mzaN62MCACH5BAUKAAAALAAAAgAQAAwAAAMmCLoMIi2q92Sj0LK6QtDAM
ACeZ4li+UnoaGoiqBCEPNO1jOc6nwAAIfkEBQoAAAAsAgACAA4ADgAAAyUIEdD+ajH45KRu4Y2F4I3ngeJ
HmtswgICqYgTRulQcz7DN3lQCACH5BAUKAAAALAIAAAAMABAAAAMmCKoR+6w5GBtd9urNu/8XQVCCA
IjiU5boOAzAaqbvG5tPDWv2kwAAIfkEBQoAAAAsAAACAA4ADgAAAyUIugwRLb4X2YR1UUBIXl33ceFIms
swmKo6tqsgZK4sj/aM60sCACH5BAUKAAAALAAAAgAQAAwAAAMmCEqk/o8xSIFsFc7sxuBAEACel4li+VXoaHLiIwig
M881cNM5DiYAIfkECQoAAAAsAAAAABAAEAAAAygIukDEkDkX1xhtVnBv3lwHMt4ICIKpoKjKpi6sjkEw17WK2zo//5EEADs=) no-repeat !important;
*background:url(http://static02.linkedin.com/scds/common/u/img/sprite/sprite_connect_v13.png) -92px -42px no-repeat !important;
cursor:wait !important;
}
</style>
... en zorgt voor een luchtballon aan
extra html-code voor de pagina:
HTML:
...
<span class="IN-widget" style="line-height: 1; vertical-align: baseline; display: inline-block;">
<span style="padding: 0pt ! important; margin: 0pt ! important; text-indent: 0pt ! important; display: inline-block ! important; vertical-align: baseline ! important;">
<span id="li_ui_li_gen_1348177996581_0" class="li-connect-widget">
<a id="li_ui_li_gen_1348177996581_0-link" class="li-connect-link" href="javascript:void(0);">
<span id="li_ui_li_gen_1348177996581_0-mark" class="li-connect-mark"></span>
</a>
<a class="li-connect-link" href="javascript:void(0);">
<span id="li_ui_li_gen_1348177996581_0-text" class="li-connect-text">...</span>
</a>
</span>
</span>
</span>
... met als enige resultaat van al deze script-bombarie dat het linkedIn-icoontje en de tekst "..(naam) ..." er achter geplaatst wordt. :shocked:
En een link die niet werkt.
=======
Met vriendelijke groet,
CSShunter
______________
PS: Bij mij doet de site het wel in Firefox, en ook in andere browsers. Maar alleen als de lettergrootte op standaard/normaal staat. Een andere lettergrootte-instelling door de bezoeker, of inzoomen: daar kan de site niet tegen.
Nu staat er in de broncode:
<!-- Gegeneerd door Avanquest Technology v:8.0. -->
Dwz. waarschijnlijk gemaakt met het programma "WebEasy 8 Professional,
the complete solution for website-creation" voor rond € 50,-.
En ja, ik zou me ook erg
gegeneerd voelen (bedoeld zal zijn:
gegenereerd!) als ik Avanquest/WebEasy was.
Ik zou me kapot generen!
De pagina heeft geen Doctype, de code zit eivol met MS-Office toestanden die er niet in horen, er wordt driftig gebruik gemaakt van de achterhaalde <FONT>-tag, alles heeft een absolute positie en een fixed font-size; en elke pagina heeft een eigen stylesheet.
Dat wil wel ...
114 Errors, 5 warnings, zegt de html-validator bij een controle op de codering met de meest inschikkelijke html-variant.
Maar daar doe je weinig aan, als je zelf geen html en css beheerst en vertrouwt op WebEasy...
