[GELÖST] Beiträge teilen bei Facebook

LUCKMAGAZIN · 20. Juni 2012 13:12

Hallo!

Ich möchte gerne meinen Besuchern die möglichkeit einräumen, einen News-Beitrag oder andere Infos per facebook zu teilen.
Hat das schon jemand gemacht?
Was muss ich da einfügen bzw ändern? Bei facebook selber sehe ich nicht wirklich durch in deren Hilfe.

Henk1060 · 20. Juni 2012 14:25

teilen wird nicht gehen denke ich aber liken!
die Tollbox als modul kannst du da zb. nehmen.

LUCKMAGAZIN · 20. Juni 2012 14:44

danke für diese info...

auf normalen seiten klappt es gut

2 probleme aber noch

1. ich möchte nur facebook nutzen (geht das?)
2. in den news möchte ich unter jeder news sowas haben das auch nur für diese news feststeht

Henk1060 · 20. Juni 2012 15:03

du hast in der toolbox unter SocialSharePrivacy die einstellungen
beim tpl im JavaScript:

hast du zb. stehen bei twitter
twitter : {
'perma_option' : 'on',
'status': 'on', ****dieses on auf off**** umschreiben

so kannst die funktionen auschalten die du nicht willst.

Punkt: 2 musst dementsprechend das TPL deiner webseite und der News ändern

LUCKMAGAZIN · 20. Juni 2012 15:18

soweit so gut doch wo im template bei den news muss ich jetzt

{ToolBox mod="socialshareprivacy"}

einfügen?

Henk1060 · 20. Juni 2012 15:33

hm..-.. meine glaskugel weiß nicht welches tpl du verwendest--

guter tipp mehr ausprobieren im tpl.... dann wirst du schon sehen wo es hinkommen soll

LUCKMAGAZIN · 20. Juni 2012 15:36

grins. also bei mir ist es zwr jetzt drin aber ganz weit unten in der seite

also dazwischen sehr viel weißer leerraum

wie bekomme ich es gleich unter der Meldung?

Henk1060 · 20. Juni 2012 15:37

ein link ist hilfreich

LUCKMAGAZIN · 20. Juni 2012 15:40

per email unterwegs.

man möchte hier ja keine falsche werbung machen wink

Henk1060 · 20. Juni 2012 15:50

oh... da sind ja einige sachen die nicht passen.
offene Divs die nicht geschlossen sind usw...

mach mal einen W3C check und behebe mal die fehler.
auch dein <div id="main"> stimmt irgendwie nicht.
dann hast du externe CSS und da welche über CMSMS ist etwas unübersichtlich.

packe die toolbox wo anderes rein bevor ein div geschlossen wird.
Vielleicht hilft das schon wink

LUCKMAGAZIN · 20. Juni 2012 16:12

mhhh...

mein template für die newsanzeige:

Hier klicken, um den Code zum Kopieren zu markieren

{* set a canonical variable that can be used in the head section if process_whole_template is false in the config.php *}
{if isset($entry->canonical)}
  {assign var='canonical' value=$entry->canonical}
{/if}

{if $entry->postdate}
	<div id="NewsPostDetailDate">
		{$entry->postdate|cms_date_format}
	</div>
{/if}
<h3 id="NewsPostDetailTitle">{$entry->title|cms_escape:htmlall}</h3>

<hr id="NewsPostDetailHorizRule" />

{if $entry->summary}
	<div id="NewsPostDetailSummary">
		<strong>
			{eval var=$entry->summary}
		</strong>
	</div>
{/if}

<div id="NewsPostDetailContent">
	{eval var=$entry->content}
</div>

{if $entry->extra}
	<div id="NewsPostDetailExtra">
		{$extra_label} {$entry->extra}
	</div>
{/if}

<div id="NewsPostDetailPrintLink">
	{$entry->printlink}
</div>
{if $return_url != ""}
<div id="NewsPostDetailReturnLink">{$return_url}</div>
{/if}

{if isset($entry->fields)}
  {foreach from=$entry->fields item='field'}
     <div class="NewsDetailField">
        {if $field->type == 'file'}
	  {* this template assumes that every file uploaded is an image of some sort, because News doesn't distinguish *}
          <img src="{$entry->file_location}/{$field->value}"/>
        {else}
          {$field->name}:&nbsp;{eval var=$field->value}
        {/if}
     </div>
  {/foreach}
{/if}
{ToolBox mod="socialshareprivacy"}

nockenfell · 20. Juni 2012 16:12

Zu 1:
Du kannst das Template von SocialSharePrivacy auf deine Bedürfnisse anpassen in dem du das JavaScript entsprechend veränderst:
http://www.heise.de/extras/socialshareprivacy/#only_fb

Zu 2:
Die Facebook Likes kommen nur auf der Seite auf welcher geklickt wurde.

PS: Uups, da hatte ich die Seite ein wenig lange offen..

Beitrag geändert von nockenfell (20. Juni 2012 16:13)

LUCKMAGAZIN · 20. Juni 2012 18:16

@henk1060

habe mal dateien durchgesehen mit dremwaever aber habe nur 2 fehler gefunden die mirr trotzdem keine lösung gebracht haben.

@nockenfell

vielleicht versteht man mich falsch:
mein anliegen ist nur, in meinem news-bereich allen anzubieten die ein oder andere news per like bei facebook zu teilen.

geht soweit, jedoch ist sehr viel platz bis zum erscheinen:

http://www.luck-magazin.de/index.php?ma … eturnid=59

als Beispiel

nockenfell · 20. Juni 2012 21:00

Ich nehme mal an, dass sich hier im Layout was mit dem Stylesheet von SocialSharePrivacy reibt. Möglicherweise ein clear:both oder sowas ähnliches. Du könntest im Stylesheet vom SocialSharePrivacy mal ein wenig rumprobieren. Ansonsten ist ein Facebook Like Button auch keine Hexerei:

Hier klicken, um den Code zum Kopieren zu markieren

== Teil für in den Head ==
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Hier klicken, um den Code zum Kopieren zu markieren

== Teil für den Einbau in die Seite
<div class="fb-like" data-href="http://www.test.com" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>

im data-href Teil muss die URL der jeweiligen Seite rein.

Details siehe auch
http://developers.facebook.com/docs/ref … gins/like/

LUCKMAGAZIN · 21. Juni 2012 22:43

also ich versuche mein script zu verändern.

dein anderer vorschlag ist nicht mein end-wunsch wink

LUCKMAGAZIN · 21. Juni 2012 22:45

also meine Left simple navigation + 1 column:

Hier klicken, um den Code zum Kopieren zu markieren

{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
{* Change lang="en" to the language of your site *}

{* note: anything inside these are smarty comments, they will not show up in the page source *}

  <head>
    <title>{sitename} - {title}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

 {metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}

 {touchfastcss}
{literal}
<style type="text/css" media="handheld">
 body { margin:0; padding:0; width:100%; } .accessibility, .noprint, dfn { display:none; } div#header, div#footer { background-color: #385C72; color: #fff; text-align:center; } div#header a, div#footer a { color: #fff; } div#menu_vert ul li, div#menu_horiz ul li { display:inline; } div#menu_vert ul, div#menu_horiz ul { border-bottom:1px solid #fff; } div.breadcrumbs { display:none; } 
</style>
<style type="text/css" media="print">
 body { color: #000 !important; background-color:#fff !important; font-family:arial; border:0 !important; } * { border:0 !important; } .accessibility, .noprint { display:none !important; } div#content, div#main { display:block !important; width:100% !important; border:0 !important; padding:1em !important; } div#header, div#header h1 a, div.breadcrumbs, div#search, div#footer, div#menu_vert, div#news, div.right49, div.left49, div#sidebar { display: none !important; } img { float:none; } 
</style>
{/literal}
{* This is how all the stylesheets attached to this template are linked to it *}

 {cms_selflink dir="start" rellink=1}
 {cms_selflink dir="prev" rellink=1}
 {cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optimization *}

{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error *}
 {literal}
<script type="text/JavaScript">
<!--
//pass min and max - measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</script>
    <!--[if lte IE 6]>
    <style type="text/css">
    #pagewrapper {width:expression(P7_MinMaxW(720,1200));}
    #container {height: 1%;}
    </style>
    <![endif]-->
    {/literal}
{* The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" *}

  </head>
  <body>
    <div id="pagewrapper">

{* start accessibility skip links, anything with the class of accessibility is hidden with CSS from visual browsers *}
      <ul class="accessibility">
        <li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
        <li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
      </ul>
{* end accessibility skip links *}

      <hr class="accessibility" />
{* anything with class="accessibility is hidden for visual browsers by CSS *}

{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet  "Layout: Left sidebar + 1 column" *}
      <div id="header">

{* this holds the name of the site on the right side *}
        <h2 class="headright"> </h2>

{* a link back to home page and the header left image/logo, text is hidden using CSS *}
        <h1>{cms_selflink dir="start" text="$sitename"}</h1>        
        <hr class="accessibility" />
      </div>

{* End Header *}

{* Start Search, the input "Submit" is using an image, CSS: input.search-button *}
      <div id="search">
      {search}
      </div>
{* End Search *}

{* Start Breadcrumbs *}
      <div class="crbk">
{* holds the right image, we need 2 divs to be able to make this site fluid, if it was fixed width we could use one div, one image  *}

        <div class="breadcrumbs">
        {breadcrumbs starttext='Du befindest Dich hier' delimiter='&raquo;'}
          <hr class="accessibility" />
        </div>
      </div>
{* End Breadcrumbs *}

{* Start Content (Navigation and Content columns) *}
      <div id="content">

{* Start Sidebar, 2 divs one for top image one for bottom image *}
        <div id="sidebar">
          <div id="sidebara">

{* Start Navigation, stylesheet  "Navigation: Simple - Vertical" *}
            <div id="menu_vert">
              <h2 class="accessibility">Navigation</h2>
              {menu template='accessible_simple_navigation.tpl' collapse='1'}
            </div>
{* End Navigation *}
<center>

<br />

<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
  <div class="cse-branding-form">
    <form action="http://www.google.de/cse" id="cse-search-box" target="_blank">
      <div>
        <input type="hidden" name="cx" value="partner-pub-7431557438242560:2674069144" />
        <input type="hidden" name="ie" value="UTF-8" />
        <input type="text" name="q" size="20" />
        <input type="submit" name="sa" value="Suche" />
      </div>
    </form>
  </div>
  <div class="cse-branding-logo">
    <img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" width="56" height="20" alt="Google" />
  </div>
  <div class="cse-branding-text">
    Benutzerdefinierte Suche
  </div>
</div>
          </div>
        </div>
</center>
{* End Sidebar *}


{* Start Content Area *}
{* again 2 divs to hold top and bottom images, back is set to go to the right side then the main is set to come off the right side *}
        <div class="back">        
          <div id="main">
            <div style="float: right;">{print showbutton=true script=true}</div>
            <h2>{title}</h2>
            {content}
            <br />
        </div>
{* this break is just to make sure we get space after the content *}

{* Start relational links *}
{* note this is the right side, when you float: divs you need to have float: right; divs first *}
            <div class="right49">
              <p>{anchor anchor='main' text='^ Top'}</p>
            </div>

 {* End relational links *}

            <hr class="accessibility" />
          
        
{* End Content Area *}
<br />

{* Start Footer. Edit the footer in the Global Content Block called "footer" *}
      <div class="footback">
        <div id="footer">
          {global_content name='footer'}
          </div>
      </div>
{* End Footer *}

    </div>
{* end pagewrapper *}
  </body>
</html>

Ich kann den Fehler nicht finden?!

LUCKMAGAZIN · 21. Juni 2012 18:51

mhhh

schade das keiner da hlefen kann. habe jetzt ganz viel ausprobiert. immer wieder bleibt das empfehlen sehr weit unten auf der seite...

wie gesagt... ich möchte nicht empfehlen für die einzelne seite sondern für eine produzierte newsseite

NaN · 21. Juni 2012 19:22

Dann muss das auch in das News-Template rein.
Nicht ins Seitentemplate.

LUCKMAGAZIN · 21. Juni 2012 19:56

da habe ich es auch drin

siehe hier (Detail-Templates):

Hier klicken, um den Code zum Kopieren zu markieren

{* set a canonical variable that can be used in the head section if process_whole_template is false in the config.php *}
{if isset($entry->canonical)}
  {assign var='canonical' value=$entry->canonical}
{/if}

{if $entry->postdate}
	<div id="NewsPostDetailDate">
		{$entry->postdate|cms_date_format}
	</div>
{/if}
<h3 id="NewsPostDetailTitle">{$entry->title|cms_escape:htmlall}</h3>

<hr id="NewsPostDetailHorizRule" />

{if $entry->summary}
	<div id="NewsPostDetailSummary">
		<strong>
			{eval var=$entry->summary}
		</strong>
	</div>
{/if}

<div id="NewsPostDetailContent">
	{eval var=$entry->content}
</div>

{if $entry->extra}
	<div id="NewsPostDetailExtra">
		{$extra_label} {$entry->extra}
	</div>
{/if}

<div id="NewsPostDetailPrintLink">
	{$entry->printlink}
</div>
{if $return_url != ""}
<div id="NewsPostDetailReturnLink">{$return_url}</div>
{/if}

{if isset($entry->fields)}
  {foreach from=$entry->fields item='field'}
     <div class="NewsDetailField">
        {if $field->type == 'file'}
	  {* this template assumes that every file uploaded is an image of some sort, because News doesn't distinguish *}
          <img src="{$entry->file_location}/{$field->value}"/>
        {else}
          {$field->name}:&nbsp;{eval var=$field->value}
        {/if}
     </div>
  {/foreach}
{/if}

{ToolBox mod="socialshareprivacy"}
</div>

NaN · 21. Juni 2012 20:20

Du solltest zunächsteinmal diese Markup-Fehler beheben.

NaN · 21. Juni 2012 20:32

Nachtrag...
Wichtig sind erstmal nur diese beiden:
- Line 337, Column 16: end tag for "center" omitted, but OMITTAG NO was specified
- Line 339, Column 9: end tag for element "center" which is not open

Du hast Da irgendwo so eine Konstruktion:

<center>
<br />

<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
<div class="cse-branding-form">
<form action="..." id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="partner-pub-7431557438242560:2674069144" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="20" />
<input type="submit" name="sa" value="Suche" />
</div>
</form>
</div>
<div class="cse-branding-logo">
<img src="..." width="56" height="20" alt="Google" />
</div>
<div class="cse-branding-text">
Benutzerdefinierte Suche
</div>
</div>

</div>
</div>
</center>

LUCKMAGAZIN · 21. Juni 2012 20:51

jetzt muss ich wohl was rihtig falsch gemacht haben

Hier klicken, um den Code zum Kopieren zu markieren

{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
{* Change lang="en" to the language of your site *}

{* note: anything inside these are smarty comments, they will not show up in the page source *}

  <head>
    <title>{sitename} - {title}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

 {metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}

 {touchfastcss}
{literal}
<style type="text/css" media="handheld">
 body { margin:0; padding:0; width:100%; } .accessibility, .noprint, dfn { display:none; } div#header, div#footer { background-color: #385C72; color: #fff; text-align:center; } div#header a, div#footer a { color: #fff; } div#menu_vert ul li, div#menu_horiz ul li { display:inline; } div#menu_vert ul, div#menu_horiz ul { border-bottom:1px solid #fff; } div.breadcrumbs { display:none; } 
</style>
<style type="text/css" media="print">
 body { color: #000 !important; background-color:#fff !important; font-family:arial; border:0 !important; } * { border:0 !important; } .accessibility, .noprint { display:none !important; } div#content, div#main { display:block !important; width:100% !important; border:0 !important; padding:1em !important; } div#header, div#header h1 a, div.breadcrumbs, div#search, div#footer, div#menu_vert, div#news, div.right49, div.left49, div#sidebar { display: none !important; } img { float:none; } 
</style>
{/literal}
{* This is how all the stylesheets attached to this template are linked to it *}

 {cms_selflink dir="start" rellink=1}
 {cms_selflink dir="prev" rellink=1}
 {cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optimization *}

{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error *}
 {literal}
<script type="text/JavaScript">
<!--
//pass min and max - measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</script>
    <!--[if lte IE 6]>
    <style type="text/css">
    #pagewrapper {width:expression(P7_MinMaxW(720,1200));}
    #container {height: 1%;}
    </style>
    <![endif]-->
    {/literal}
{* The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" *}

  </head>
  <body>
    <div id="pagewrapper">

{* start accessibility skip links, anything with the class of accessibility is hidden with CSS from visual browsers *}
      <ul class="accessibility">
        <li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
        <li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
      </ul>
{* end accessibility skip links *}

      <hr class="accessibility" />
{* anything with class="accessibility is hidden for visual browsers by CSS *}

{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet  "Layout: Left sidebar + 1 column" *}
      <div id="header">

{* this holds the name of the site on the right side *}
        <h2 class="headright"> </h2>

{* a link back to home page and the header left image/logo, text is hidden using CSS *}
        <h1>{cms_selflink dir="start" text="$sitename"}</h1>        
        <hr class="accessibility" />
      </div>

{* End Header *}

{* Start Search, the input "Submit" is using an image, CSS: input.search-button *}
      <div id="search">
      {search}
      </div>
{* End Search *}

{* Start Breadcrumbs *}
      <div class="crbk">
{* holds the right image, we need 2 divs to be able to make this site fluid, if it was fixed width we could use one div, one image  *}

        <div class="breadcrumbs">
        {breadcrumbs starttext='Du befindest Dich hier' delimiter='&raquo;'}
          <hr class="accessibility" />
        </div>
      </div>
{* End Breadcrumbs *}

{* Start Content (Navigation and Content columns) *}
      <div id="content">

{* Start Sidebar, 2 divs one for top image one for bottom image *}
        <div id="sidebar">
          <div id="sidebara">

{* Start Navigation, stylesheet  "Navigation: Simple - Vertical" *}
            <div id="menu_vert">
              <h2 class="accessibility">Navigation</h2>
              {menu template='accessible_simple_navigation.tpl' collapse='1'}
            </div>
{* End Navigation *}

{* End Sidebar *}


{* Start Content Area *}
{* again 2 divs to hold top and bottom images, back is set to go to the right side then the main is set to come off the right side *}
        <div class="back">        
          <div id="main">
            <div style="float: right;">{print showbutton=true script=true}</div>
            <h2>{title}</h2>
            {content}
            <br />
        </div>
{* this break is just to make sure we get space after the content *}

{* Start relational links *}
{* note this is the right side, when you float: divs you need to have float: right; divs first *}
            <div class="right49">
              <p>{anchor anchor='main' text='^ Top'}</p>
            </div>

 {* End relational links *}

            <hr class="accessibility" />
          
        
{* End Content Area *}
<br />

{* Start Footer. Edit the footer in the Global Content Block called "footer" *}
      <div class="footback">
        <div id="footer">
          {global_content name='footer'}
          </div>
      </div>
{* End Footer *}

    </div>
{* end pagewrapper *}
  </body>
</html>

ich weiß das 2 </div> fehlen aber wo?

LUCKMAGAZIN · 21. Juni 2012 20:54

habs:

Hier klicken, um den Code zum Kopieren zu markieren

{* End Sidebar *}
</div>
</div>

so jetzt ist in der news aber weiterhin ziemlich weit unten erst das empfehlen

NaN · 21. Juni 2012 20:56

Gib mal im Stylesheet dem Div mit der id "socialshareprivacy" die Eigenschaft display:inline-block

LUCKMAGAZIN · 21. Juni 2012 21:00

mhh das finde ich da nicht, alles andere ist drin aber nicht
- socialshareprivacy

Hier klicken, um den Code zum Kopieren zu markieren

.social_share_privacy_area {
  clear: both;
  margin: 20px 0 !important;
  list-style-type: none;
  padding: 0 !important;
  height: 25px;
  display: block;
}
.social_share_privacy_area li {
  margin: 0 !important;
  padding: 0 !important;
  height: 20px;
  float: left;
}
.social_share_privacy_area li .dummy_btn {
  float: left;
  margin-left: 10px;
  cursor: pointer;
}
.social_share_privacy_area .facebook {
  width: 180px;
  display: inline-block;
}
.social_share_privacy_area .facebook .fb_like iframe {
  width: 145px;
  height: 21px;
}
.social_share_privacy_area .twitter {
  width: 148px;
}
.social_share_privacy_area li div.tweet {
  width: 115px;
}
.social_share_privacy_area .gplus {
  width: 123px;
}
.social_share_privacy_area li div.gplusone {
  width: 90px;
}
.social_share_privacy_area li .switch {
  display: inline-block;
  text-indent: -9999em;
  background: transparent url(../../images/socialshareprivacy/on_off.png) no-repeat 0 0 scroll;
  width: 23px;
  height: 12px;
  overflow: hidden;
  float: left;
  margin: 4px 0 0;
  cursor: pointer;
}
.social_share_privacy_area li .switch.on {
  background-position: 0 -12px;
}
.social_share_privacy_area li.help_info {
  position: relative;
}
.social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info {
  display: none;
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 290px;
  padding: 10px 15px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 3px 4px #999;
  -webkit-box-shadow: 0 3px 4px #999;
  box-shadow: 0 3px 4px #999;
  background-color: #fdfbec;
  color: #000;
  z-index: 500;
}
.social_share_privacy_area li.gplus.help_info .info {
  left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
  left: -243px;
  width: 350px;
}
.social_share_privacy_area li .help_info.icon.display .info {
  display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
  display: none;
}
.social_share_privacy_area li .help_info.icon {
  background: #fff url(../../images/socialshareprivacy/info.png) no-repeat center center scroll;
  width: 25px;
  height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border: 2px solid #e7e3e3;
  border-right-width: 0;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
  border-top-width: 0;
  border-left-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
  border-right-width: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.social_share_privacy_area li.settings_info {
  position: relative;
  top: -2px;
}
.social_share_privacy_area li.settings_info a {
  text-decoration: none;
  margin: 0 !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
  background-color: #f3f4f5;
  border: 2px solid #e7e3e3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 3px #c1c1c1;
  -webkit-box-shadow: 2px 2px 3px #c1c1c1;
  box-shadow: 3px 3px 3px #c1c1c1;
  left: 0;
  position: absolute;
  top: 0;
  width: 135px;
  z-index: 1000;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off {
  border-width: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
  display: none;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
  text-indent: -9999em;
  display: inline-block;
  background: #fff url(../../images/socialshareprivacy/settings.png) no-repeat center center scroll;
  width: 25px;
  height: 20px;
  border: 2px solid #e7e3e3;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  border-left: 1px solid #ddd;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
  border-top-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
  border-width: 0;
  margin: 0;
  padding: 0 10px 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin: 0;
  padding: 10px 0;
  width: 115px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {

  float: left;
  margin: 4px 10px 4px 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  -moz-transition: color .5s ease-in;
  -webkit-transition: color .5s ease-in;
  transition: color .5s ease-in;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
  color: #090;
}
#mitte #mitte_links {
  overflow: visible !important;
}

Forum für CMS/made simple

#1 20. Juni 2012 13:12

[GELÖST] Beiträge teilen bei Facebook

#2 20. Juni 2012 14:25

Re: [GELÖST] Beiträge teilen bei Facebook

#3 20. Juni 2012 14:44

Re: [GELÖST] Beiträge teilen bei Facebook

#4 20. Juni 2012 15:03

Re: [GELÖST] Beiträge teilen bei Facebook

#5 20. Juni 2012 15:18

Re: [GELÖST] Beiträge teilen bei Facebook

#6 20. Juni 2012 15:33

Re: [GELÖST] Beiträge teilen bei Facebook

#7 20. Juni 2012 15:36

Re: [GELÖST] Beiträge teilen bei Facebook

#8 20. Juni 2012 15:37

Re: [GELÖST] Beiträge teilen bei Facebook

#9 20. Juni 2012 15:40

Re: [GELÖST] Beiträge teilen bei Facebook

#10 20. Juni 2012 15:50

Re: [GELÖST] Beiträge teilen bei Facebook

#11 20. Juni 2012 16:12

Re: [GELÖST] Beiträge teilen bei Facebook

#12 20. Juni 2012 16:12

Re: [GELÖST] Beiträge teilen bei Facebook

#13 20. Juni 2012 18:16

Re: [GELÖST] Beiträge teilen bei Facebook

#14 20. Juni 2012 21:00

Re: [GELÖST] Beiträge teilen bei Facebook

#15 21. Juni 2012 22:43

Re: [GELÖST] Beiträge teilen bei Facebook

#16 21. Juni 2012 22:45

Re: [GELÖST] Beiträge teilen bei Facebook

#17 21. Juni 2012 18:51

Re: [GELÖST] Beiträge teilen bei Facebook

#18 21. Juni 2012 19:22

Re: [GELÖST] Beiträge teilen bei Facebook

#19 21. Juni 2012 19:56

Re: [GELÖST] Beiträge teilen bei Facebook

#20 21. Juni 2012 20:20

Re: [GELÖST] Beiträge teilen bei Facebook

#21 21. Juni 2012 20:32

Re: [GELÖST] Beiträge teilen bei Facebook

#22 21. Juni 2012 20:51

Re: [GELÖST] Beiträge teilen bei Facebook

#23 21. Juni 2012 20:54

Re: [GELÖST] Beiträge teilen bei Facebook

#24 21. Juni 2012 20:56

Re: [GELÖST] Beiträge teilen bei Facebook

#25 21. Juni 2012 21:00

Re: [GELÖST] Beiträge teilen bei Facebook

Fußzeile des Forums