Stránka 1 z 2
Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 17:56
od Peťa
Tyto dvě tlačítka bych potřeboval na svém webu mít vedle sebe, tzn. na jednom řádku. Web mám u webnode. Když si dám vložit html kód a vložím tam html kód, který jsem si vygeneroval pro tlačítko like a pod to vložím kód, který jsem si vygeneroval pro tlačítko +1 jsou obě tlačítka logicky pod sebou. Jak to udělat, aby byly vedle sebe? Je na to nějaký tag nebo něco?
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 17:59
od CZechBoY
dej tomu styl, ale nevim jestli to u webnode jde...
kdyžtak přidej k tomu tagu atribut style="float:left" u obou
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 18:18
od Peťa
Atribut jsem přidal ale tlačítka jsou pořád pod sebou :(
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 18:21
od Myloš
Podle mě jsou obrázky obalené nějakým blokem (hádám div), případně je v tom obalu ještě text) – mohlo by stačit dát je spolu do jednoho divu.
Zkopíruj nám sem ten kód pro obě tlačítka, něco s tím vyvedeme.
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 18:23
od Peťa
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Flive4speed.webnode.cz&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
<!-- Umístěte tuto značku na místo, kde chcete zobrazovat tlačítko +1. -->
<g:plusone annotation="inline"></g:plusone>
<!-- Umístěte tuto žádost o vykreslení na příslušné místo. -->
<script type="text/javascript">
window.___gcfg = {lang: 'cs'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 18:39
od Myloš
Ten float přijde do toho iframu:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Flive4speed.webnode.cz&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px; float: left;" allowTransparency="true"></iframe>
Jinak je zajímavé, že v iframe url neobsahuje http a začíná přímo www: <iframe src="//www.
Bez protokolu (http v adrese) mi to vůbec neběhalo.
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 18:51
od CZechBoY
// použije aktuální protokol nebo výchozí pro prohlížeč nejspíš, docela se to teď používá na webech, ale já na to kašlu :)
HTML píše:<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Flive4speed.webnode.cz&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;
float:left" allowtransparency="true"/>
<div id="___plusone_0" style="height: 24px; width: 450px; display: inline-block; text-indent: 0px; margin:0; padding:0; background-attachment: scroll; background-repeat: repeat; background-image: none; background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float:
left; line-height: normal; font-size: 1px; vertical-align: baseline">
u Googlu jsem zkrátil zápis padding+margin - tohle fakt nechápu, všude Google krátí co se dá, ale tady to všechno vypisujou jak ****
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 18:56
od Peťa
Myloš: tak jsem to umístil na web a html pro tlačítko +1 jsem nechal tak jak bylo. A výsledek je zde
http://live4speed.webnode.cz/ posunula se celá část stránky vlevo i s like tlačítkem a tlačítko +1 zůstalo uprostřed. Takže to má dvě chyby. Nechci aby se posunul i zbytek stránky a pak přestože tlačítka už nejsou přímo pod sebou, stále nejsou na jednom řádku.
CZechBoY to co jsi poslal v citaci mám dát na web, aby to fungovalo?
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 18:58
od CZechBoY
jo dej to místo těch dvou tagů co tam máš teď (iframe+div)
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 19:01
od Peťa
Tak jsem to tam dal a celá stránka je rozhádaná, větší část se stránky zmizela
http://live4speed.webnode.cz/
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 19:06
od CZechBoY
tak se tam asi fakt musí dát konec <iframe> no..
HTML píše:<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Flive4speed.webnode.cz&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px; float:left" allowtransparency="true"></iframe>
<div id="___plusone_0" style="height: 24px; width: 450px; display: inline-block; text-indent: 0px; margin:0; padding:0; background-attachment: scroll; background-repeat: repeat; background-image: none; background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; line-height: normal; font-size: 1px; vertical-align: baseline">
</div>
nakonec jsem zapoměl i na konec DIVu (čtu to z DragonFly a ono to tady tak divně zkracuje
)
Re: Jak umístit like a +1 tlačítka vedle sebe?
Napsal: 06 úno 2012 19:10
od Peťa
Tak zase je to divně posunuté, viz. odkaz na ten můj web výše. Řekl bych, že problém bude v té administraci na webnode, že to nějak nebere.