Seite 1 von 1

Twitter Widget im Header?

Verfasst: 13.11.2010 02:44
von r4v3n
Grüße,

Mal so vorweg: ich hab mir vor ein paar Tagen unbedingt auch mal ein Forum zulegen wollen, so um mal rum zu probieren und zu schauen ob das was wird. :wink: Also ich bin ein absoluter noob.

So nun zu meinem Problem: Ich würde gerne im Header ein Twitterwidget einfügen, also ein Javascriptobjekt. Und ich möchte es mittig, zwischen Forumnamen und -beschreibung und der Suchbox.
Reihenfolge also LOGO->Name&Beschreibung->Twitterwidget->Suchbox. so...

Hab schon in der overall_header.html rumprobiert und bin zu blöd um das teil an diese Position zu bringen. :)

Ich übe noch. =D

Falls mir jemand helfen möchte, sage ich schonmal danke im vorraus.
Und hinterher nochmal. :lol:

Re: Twitter Widget im Header?

Verfasst: 13.11.2010 13:31
von dagobert50gold
Willkommen auf phpBB.de!

Es wäre nett, wenn du uns deinen verwendeten Style nennen würdest, da wir sonst nur raten konnen, wo was wie verschoben gehört!

Re: Twitter Widget im Header?

Verfasst: 13.11.2010 13:43
von r4v3n
Ah okay, ich depp. :p

Mein verwendeter Style ist prosilver. Aber die sache hat sich erledigt, ich habs hin bekommen.

Im overall_header.html:

Code: Alles auswählen

<div id="widget">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 1,
  interval: 6000,
  width: 500,
  height: 10,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: false,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('testuser').start();
</script>
</div>

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
und in der common.css:

Code: Alles auswählen

#logo {
	float: left;
	width: auto;
	padding: 0px 0px 0 0px;
}

#widget {
	float: left;
	width: auto;
	padding: 0px 0px 0 0px;
}

a#logo:hover {
	text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 0px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}
so hats getan was ich wollte. :grin: