|
|
|
| Latest News |
Latest Threads |
|
|
 |
| 54.559 Posts & 4.945 Themen in 78 Foren |
|
|
|
|
 |
Forensuche |
|
Suchbegriff |
Benutzerauswahl |
Ergebnisse anzeigen |
|
 |
Twitter Widget Breite ändern
10 Beiträge in diesem Thema |
|
|
|
|
|
|
|
|
|
 |
17.11.2013 - 18:06 Uhr |
|
|
|
|
Guten abend zusammen,
ich habe da mal wieder eine Frage.
Unzwar würde ich gerne das Widget von Twitter "liste" nutzen.
Mein problem ist nur, die minimale breite beträgt 200px, ich habe aber nur 160px zur verfügung.
Wenn ich den Code nun einfüge;
| | PHP-Quelltext <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/rapdhh/hiphop-tweets" data-widget-id="402064311398309888">Tweets von @rapdhh/hiphop-tweets</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> | |
zieht es sich über die Navi, auch wenn ich width="160" height="250" eingebe.
Kann ich das überstehen nicht einfach unterdrücken`? Normal taucht doch eigentlich dann einfach scrollbalken auf.
Würde mich sehr über eine Antwort freuen.
|
|
|
| |
|
|
|
|
|
|
|
|
17.11.2013 - 18:34 Uhr |
|
|
|
|
Du könntest ja mal folgenden Zusatz im a-Tag probieren.
Suche das:
| | Quellcode <a | |
Und so abändern:
| | Quellcode <a style="width: 160px; overflow: auto;" | |
Damit sollte die Box 160 Pixel breit sein. Wenn doch nicht greift halt der andere Befehl; alles über 160 Pixel wird geschnitten und ein Scroll-Balken erscheint.
|
|
|
| |
|
|
|
|
|
|
|
|
17.11.2013 - 20:13 Uhr |
|
|
|
|
Mach mal die Änderungen rückgängig und probier mal das:
| | Quellcode <div style="width: 160px; max-width: 160px; overflow: auto;">
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/rapdhh/hiphop-tweets" data-widget-id="402064311398309888">Tweets von @rapdhh/hiphop-tweets</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div> | |
Das müsste gehen 
|
|
|
| |
|
|
|
|
|
|
|
|
17.11.2013 - 20:46 Uhr |
|
|
|
|
cool danke dir.
Nur aus Neugier, "quetschen" kann man das nicht einfach, oder? Also das man den unteren scrollbalken nicht mehr brauch.
|
|
|
| |
|
|
|
|
|
|
|
|
17.11.2013 - 21:04 Uhr |
|
|
|
|
Da dies von Twitter so vorgegeben ist geht es auf normalen Wege nicht. Vielleicht könnte man die CSS-Datei anzapfen und abändern, aber mir fiele so auf anhieb nicht ein wie die Änderungen dann Wirkung zeigen sollen. Zumal das auch wieder Resourcen verbaucht die nicht hätten sein müssen ô.O
Aber wenn ich mir die CSS-Datei so ansehe - alles in eine Zeile gequetscht .. Viel spaß beim suchen sag ich da nur 
|
|
|
| |
|
|
|
|
|
|
|
|
17.11.2013 - 21:40 Uhr |
|
|
|
|
Ja, da hast du wohl recht hehe
Vielen vielen dank nochmal für die schnelle hilfe.
Schönen Sonntagabend noch
|
|
|
| |
|
|
|
|
|
|
|
|
17.11.2013 - 22:03 Uhr |
|
|
|
|
Edit: Habs selber hinbekommen, danke dir noch mal 
|
|
| Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von DHH - 17.11.2013 - 22:11 Uhr |
|
|
|
| |
|
|
|
|
|
|
|
|
17.11.2013 - 22:17 Uhr |
|
|
|
|
Das liegt am Code von Twitter. Hier könnte man jetzt höchstens etwas tricksen und sozusagen den oberen Teil verdecken lassen.
Suche dazu dies:
| | Quellcode <div style="width: 160px; max-width: 250px; overflow: hidden;"> | |
Und ändere ihn so ab (ggf. den Wert anpassen):
| | Quellcode <div style="width: 160px; max-width: 160px; overflow: auto; margin-top: -62px;"> | |
Damit sollte der ganze Inhalt um 62px nach oben verschoben werden und somit der Kopfbereich außerhalb der Sicht sein
//Edit
Wie hast es gemacht? Gab es eine Einstellung bei Twitter?;o
|
|
|
| |
|
|
|
|
|
|
|
|
18.11.2013 - 10:24 Uhr |
|
|
|
|
|
|
|
|
 |
Ähnliche Themen |
|
|
|
|
|
|
|
|
|
Twitter Widget Breite ändern
