Twitter Leiste bei Forenübersicht

[Phantax]

Ich hab das so:

index_body.html

Code: Alles auswählen

<center><div class="twitter_news">
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/LockerzForumDE" id="twitter-link" style="margin-left: 10px;display:block;padding-bottom:10px;color:#002C4E;"></a>
</ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/LockerzForumDE.json?callback=twitterCallback2&count=1"></script>
 </div>
</center>
<!-- INCLUDE forumlist_body.html -->

stylesheets.css

Code: Alles auswählen

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("tweaks.css");
@import url("colours.css");
@import url("forum-width.css");


.twitter_news {
width:715px;
height:27px;
margin-left:auto;
margin-right:auto;
background:url("http://lockerz-forum.de/forum/twitter1.png/");  
border-width: 9px;
border-color: red;
}

[winnetou]

Hallo,
das ist die stylesheets.css von Prosilver,
wenn Du Prosilver hast muss Du das in der colour.css einfügen

Code: Alles auswählen

.twitter_news {
width:100px;
height:10px;
margin-left:auto;
margin-right:auto;
background:url(zumbild.jpg);
}

Gruß
Jürgen

Edit:
Lösche das aber dort wieder raus

Code: Alles auswählen

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("tweaks.css");
@import url("colours.css");
@import url("forum-width.css");


.twitter_news {
width:715px;
height:27px;
margin-left:auto;
margin-right:auto;
background:url("http://lockerz-forum.de/forum/twitter1.png/"); 
border-width: 9px;
border-color: red;
}

[P7BB]

Code: Alles auswählen

background:url("http://lockerz-forum.de/forum/twitter1.png/"); 

Vielleicht ist es noch zusätzlich ein Fehler, dass du einen Slash nach ".png" gemacht hast. Wer weiß, welche Browser damit Probleme haben...

[Talk19zehn]

Hello,


Ggf. probiere diese Variante: ohne Gewähr
IE8, FF 3.06 (Prosilver) problemlose Wiedergabe.
Ohne zusätzliche Angaben, wie Bildgröße o. ä., da es in meinem Falle horizontal zu 100% angezeigt wird.

Theme

Code: Alles auswählen

 
.hintergrundundtext {
background: url(http://img.imagesmeinhoster/logoblanko.jpg);
color: #120023;
line-height: 40px;
font-size: 16px;
text-align: center;
}

HTML

Code: Alles auswählen

 
<p class="hintergrundundtext">Text mit Hintergrundbild</p>

Einzeilig, wenn ich richtig verstanden habe: Als denkbare zusätzliche CSS-Notation (eine vermeidbare vertikale Kachelung): line-height: XXpx; (Höhe der Grafik).
Zentrierung: Die Schriftgröße darf m. E. sodann die Grafikhöhe nicht überschreiten, da dies einen Zeilenumbruch zur Folge hat.

Ich mag mich irren.


Grüße