Twitter Widget im Header?

[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. 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.

[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!

[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.