"gefällt mir" und "teilen" button größer machen
tropenberta
- css
0 Auge0 tropenberta0 Auge
hi leuts
hab auf ner side die beiden o.g. buttons eingebunden. möchte nun die größe ändern.
hab dazu folgendes im netz gefunden:
http://www.omsag.de/blog/facebook-like-gefallt-mir-button-per-css-anpassen/
wollte nur wissen ob das die einzigste möglichkeit ist oder ob es noch ne leichtere methode gibt.
lg
micha
Hallo
hab auf ner side die beiden o.g. buttons eingebunden. möchte nun die größe ändern.
wollte nur wissen ob das die einzigste möglichkeit ist oder ob es noch ne leichtere methode gibt.
Die Buttons werden, mit welcher Sprache und Methode sie auch immer erstellt werden, als HTML ausgegeben. Nichts hindert dich daran, die generierten Elemente per CSS zu stylen. Du musst nur dafür sorgen, dass du sie im Dokument zweifelsfrei finden kannst.
Tschö, Auge
vielen dank für deine antwort auge. hab ich schon versucht bekomm es einfach nicht hin die buttons größer zu bekommen. hab in der konsole alles versucht zu stylen, aber ändern tut sich gar nix.
lg
micha
Hallo
vielen dank für deine antwort auge. hab ich schon versucht bekomm es einfach nicht hin die buttons größer zu bekommen. hab in der konsole alles versucht zu stylen, aber ändern tut sich gar nix.
Was für eine Konsole?
Wie sieht denn der resultierende HTML-Quelltext der generierten Buttons aus?
Tschö, Auge
mit konsole meinte ich die mozilla konsole. hab den code von dort raus kopiert:
<div class="fb-like fb_iframe_widget" data-share="true" data-show-faces="true" data-action="like" data-width="380" data-layout="button_count" data-href="http://www.youtube.com/embed/M4_lWGFuTOo" fb-xfbml-state="rendered" fb-iframe-plugin-query="action=like&app_id=&href=http%3A%2F%2Fwww.youtube.com%2Fembe…t&locale=de_DE&sdk=joey&share=true&show_faces=true&width=380">
<span style="vertical-align: bottom; width: 158px; height: 20px;">
<iframe class="" width="380px" scrolling="no" height="1000px" frameborder="0" name="f1a256ff73b72dc" allowtransparency="true" title="fb:like Facebook Social Plugin" style="border: medium none; visibility: visible; width: 158px; height: 20px;" src="http://www.facebook.com/plugins/like.php?action=like&app_id=…t&locale=de_DE&sdk=joey&share=true&show_faces=true&width=380">
#document
<!DOCTYPE html>
<html id="facebook" class="no_js" lang="de">
<head>
<meta charset="utf-8"></meta>
<meta id="meta_referrer" content="default" name="referrer"></meta>
<script></script>
<title>
Facebook
</title>
<style>
._56zz{position:absolute;width:100%;z-index:3}._56…
</style>
<script>
window.ServerJSQueue=(function(){var a=[],b,c;retu…
</script>
<script>
ServerJSQueue.add({"require":[["markJSEnabled"],["…
</script>
</head>
<body class="plugin gecko win Locale_de_DE" dir="ltr">
<div class="_li">
<div class="pluginSkinLight pluginFontHelvetica">
<div>
<table id="u_0_0" class="uiGrid _51mz pluginConnectButtonLayoutRoot" cellspacing="0" cellpadding="0">
<tbody>
<tr class="_51mx">
<td class="_51m- hCent">
<div>
<form id="u_0_1" onsubmit="return window.Event && Event.__inlineSubmit && Event.__inlineSubmit(this,event)" action="/plugins/like/disconnect" method="post" ajaxify="/plugins/like/disconnect" rel="async">
<input type="hidden" autocomplete="off" value="AQHkc5otPk3n" name="fb_dtsg"></input>
<input type="hidden" value="http://www.youtube.com/embed/M4_lWGFuTOo" name="href" autocomplete="off"></input>
<input type="hidden" value="like" name="action" autocomplete="off"></input>
<input type="hidden" name="nobootload" autocomplete="off"></input>
<input type="hidden" value="http://webedition.p166753.webspaceconfig.de/PuelsBraeu/wettbewerb.php" name="iframe_referer" autocomplete="off"></input>
<input type="hidden" name="ref" autocomplete="off"></input>
<input type="hidden" name="xfbml" autocomplete="off"></input>
<div class="pluginConnectButton">
<div class="pluginButton pluginButtonSmall pluginButtonInline pluginConnectButtonDisconnected hidden_elem" title="Gefällt mir">
<div>
<div class="pluginButtonContainer">
<div class="pluginButtonImage">
<button type="submit">
<i class="pluginButtonIcon img sp_plugin-button sx_plugin-button_favblue"></i>
</button>
</div>
<span class="pluginButtonLabel">
Gefällt mir
</span>
</div>
</div>
</div>
<div class="pluginButton pluginButtonSmall pluginButtonPressed pluginButtonInline pluginButtonX pluginConnectButtonConnected" title="">
<div>
<div class="pluginButtonContainer">
<div class="pluginButtonImage">
<button type="submit">
<i class="pluginButtonIcon pluginButtonXOff img sp_plugin-button sx_plugin-button_chblue"></i>
<i class="pluginButtonIcon pluginButtonXOn img sp_plugin-button sx_plugin-button_xblue" title="Gefällt mir nicht mehr"></i>
</button>
</div>
<span class="pluginButtonLabel">
Gefällt mir
</span>
</div>
</div>
</div>
</div>
</form>
</div>
</td>
<td class="_51m- pluginButtonSpacer">
<div class="pluginButton pluginButtonSmall" onclick="var popup = require("PopupWindow");popup.open("\/sharer.php?…m\u00252Fembed\u00252FM4_lWGFuTOo&display=popup", 340, 670);">
<div>
<div class="pluginButtonContainer">
<div class="pluginButtonImage">
<button type="submit">
<div class="pluginButtonIconPlaceholder"></div>
</button>
</div>
<span class="pluginButtonLabel">
Teilen
</span>
</div>
</div>
</div>
</td>
<td class="_51m-">
<div>
<div class="pluginCountButton pluginCountNum">
<span id="u_0_7" class="pluginCountConnected">
<span class="pluginCountTextConnected">
2
</span>
<span class="pluginCountTextDisconnected">
1
</span>
</span>
</div>
<div class="pluginCountButtonNub">
<s></s>
<i></i>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div id="u_0_6" class="_56zz hidden_elem _56z- _56-2"></div>
<script></script>
</div>
</div>
</div>
<script></script>
<script></script>
<script></script>
wenn ich seitenquelltext anzeigen mache schauts so aus:
<div class="fb-like" data-href='http://www.youtube.com/embed/M4_lWGFuTOo' data-layout="button_count" data-width="380" data-action="like" data-show-faces="true" data-share="true"></div>
lg
micha