MyBB.de Forum
Verzerrungen und Kategorien - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Verzerrungen und Kategorien (/thread-32485.html)

Seiten: Seiten: 1 2

Verzerrungen und Kategorien - Vivi - 16.08.2015

Hallo, ich bin es mal wieder!
Sicherlich nerve ich mittlerweile ein bisschen, aber ich habe meine restlichen Anliegen mal einfach hier zusammen gefasst und hoffe, mir kann jemand helfen. Ich würde euch seeehr danken!

1. Das Problem habe ich letztens schon mal erläutert und konnte es leider immer noch nicht lösen (siehe Bild 1), denke, daraus wird ersichtlich, dass die Avatarspalte sehr gequetscht und dieser online-Punkt und die Sterne irgendwie überdimensional groß ist? Ich habe bereits versucht, .post.classic .post_author zu ändern, aber das funktionierte nicht. Sind die Standartwerte...

2. User-CP, sowie die Privaten Nachrichten, ... sind ebenfalls total verzerrt, weiß jemand, wo ich da was ändern müsste? (Bild 2 und 3)

3. Ist es möglich, den weißen Hintergrund hinter den Kategorien einfach "weg" zu bekommen, sodass dort nur noch das Kategoriebild zu sehen ist? (Bild 4)

4. Habe letztens testweise einen HTML-Code gepostet, doch dieser scheint nicht richtig zu funktionieren. Auch er ist verzerrt, obwohl die width eingestellt ist. Habe das mal im Vergleich als Bild 5 gepostet. Hier zusätzlich der Code, der im Browser gut funktioniert, nur eben im FOrum nicht.

Code:
<center><div style="background-color: #ffffff;  width:450px; border:10px solid grey
; "><br><img src="http://i1197.photobucket.com/albums/aa429/vivi8/banner_zpsnlzamsfh.png"><div style="text-align: center; width: 430; font-family: georgia; color: MEMBERGROUPCOLOURHERE; text-transform: lowercase; font-size: 36px;"><i>felix brummer.</i><center><div style="width: 400; padding-top: 3px; letter-spacing: 2px; font-family: arial narrow; font-size: 9px; text-transform: lowercase; color: black; text-align: justify;">
Nur noch kurz zu Erika, an meinem Platz an ihrer Bar. Es gibt keinen Grund zu weinen, bald wird alles anders sein. Über 70 Brücken werd’ ich geh’n, ihr werdet es schon seh’n, ich werde diese Welt verändern. Es ist klar, ich wird‘ ein Star, ich hör‘ schon den Applaus – Ich trink nur eben aus! Ich rauch nur eben auf! Ich trink nur eben aus! Ich rauch nur eben auf! ----------------

<bR><br><br>
<hr style="border: dashed; 1px #ec809e; border-width:1px 0 0; height:0; width: 400px;">
<hr style="border: dashed; 1px #ec809e; border-width:1px 0 0; height:0; width: 400px;">
<br><br><center><center><div style="text-align: center; font-family: georgia; color: black; text-transform: lowercase; font-size: 20px;"><i>the basics.</i><br><center><div style="width: 300; padding-top: 3px; letter-spacing: 2px; font-family: arial narrow; font-size: 10px; color: black; text-align: justify;"><br><b>full name.</b> Felix Brummer, steht das nicht schon da oben? Gut, in meinem Ausweis könnte oder könnte nicht ein anderer Nachname stehen, aber eigentlich ist das doch Piepsegal, oder?
<br><br>
<b>nicknames.</b> Na Gott sei Dank bin ich die nach der Schule alle mehr oder weniger losgeworden. Die waren nämlich teilweise nicht schön, aber mittlerweile steh‘ ich da sowieso drüber.
<br><br>
<b>age.</b> Ähm, hab ich vergessen. Nein Spaß, mittlerweile 25 Jahre alt und am 20. Oktober geboren. Und das vor so circa 25 Jahren, der war gut, oder?
<br><br>
<b>place of birth.</b> Im wunderschönen Chemnitz im noch viel schöneren Sachsen. Also mehr oder weniger, kommt drauf an, wie man es betrachtet.
<br><br>
<b>occupation.</b> Traum deiner schlaflosen Nächte. Oder Musiker. Mehr als ´ne Rassel schwingen, schreiben und bisschen Trällern kann ich zwar nicht, aber hey, es ist ein Anfang!
</div></div>
<bR><br><br>
<hr style="border: dashed; 1px #ec809e; border-width:1px 0 0; height:0; width: 400px;">
<hr style="border: dashed; 1px #ec809e; border-width:1px 0 0; height:0; width: 400px;">
<br><br><center><center><div style="text-align: center; font-family: georgia; color: black; text-transform: lowercase; font-size: 20px;"><i>personality.</i><br><center>
<div style="width: 300; padding-top: 3px; letter-spacing: 2px; font-family: arial narrow; font-size: 10px; color: black; text-align: justify;"><br>
blaa
</div></div><bR><br><br>
<hr style="border: dashed; 1px #ec809e; border-width:1px 0 0; height:0; width: 400px;">
<hr style="border: dashed; 1px #ec809e; border-width:1px 0 0; height:0; width: 400px;">
<br><br>
<center>
<center><div style="text-align: center; font-family: georgia; color: black; font-size: 20px;"><i>family.</i><br><center>
<div style="width: 300; padding-top: 3px; letter-spacing: 2px; font-family: arial narrow; font-size: 10px; text-transform: lowercase; color: black; text-align: justify;"><br>
blaa
<br><br>
</div></div><bR><br><br>
<hr style="border: dashed; 1px #ec809e; border-width:1px 0 0; height:0; width: 400px;">
<hr style="border: dashed; 1px #ec809e; border-width:1px 0 0; height:0; width: 400px;">
<br><br><center><center><div style="text-align: center; font-family: georgia; color: black; text-transform: lowercase; font-size: 20px;"><i>did you know that…?</i><br><center>
<div style="width: 300; padding-top: 3px; letter-spacing: 2px; font-family: arial narrow; font-size: 10px; text-transform: lowercase; color: black; text-align: justify;"><br>
blaa  
<br></div></div> </div><center><img src="http://i1197.photobucket.com/albums/aa429/vivi8/banner2_zpsnonavxtp.png"> <br></div></center>
</div></div></center>


Vielen vielen Dank im Vorraus!!!

RE: Verzerrungen und Kategorien - melancholia - 16.08.2015

Der Link zum Forum wäre nicht schlecht, damit man sich das direkt vor Ort ansehen kann.

RE: Verzerrungen und Kategorien - Vivi - 16.08.2015

Oh na klar, sorry! http://corivi.lima-city.de/Upload/

Vielen Dank!

RE: Verzerrungen und Kategorien - melancholia - 16.08.2015

(16.08.2015, 10:15)Vivi schrieb: 1. Das Problem habe ich letztens schon mal erläutert und konnte es leider immer noch nicht lösen (siehe Bild 1), denke, daraus wird ersichtlich, dass die Avatarspalte sehr gequetscht und dieser online-Punkt und die Sterne irgendwie überdimensional groß ist? Ich habe bereits versucht, .post.classic .post_author zu ändern, aber das funktionierte nicht. Sind die Standartwerte...

Suche im Template postbit_classic die Zeile
Code:
<div class="post_author scaleimages">
und ändere es in
Code:
<div class="post_author">
Damit werden die Bilder in der Spalte in ihrer normalen Grösse angezeigt.

Suche nun in der global.css den Abschnitt .post.classic .post_author und ändere die width-Angabe (momentan 15%) zu 215px. Damit sollte die Spalte eine feste Breite bekommen.
Dafür verrutscht nun die Spalte mit dem Beitrag nach unten. Um das zu ändern, suche in der global.css den Abschnitt .post.classic .post_content und ändere die width-Angabe (momentan 79%) zu 69%.

Damit sollte sich nun eigentlich auch Problem Nr. 4 erledigt haben.


(16.08.2015, 10:15)Vivi schrieb: 3. Ist es möglich, den weißen Hintergrund hinter den Kategorien einfach "weg" zu bekommen, sodass dort nur noch das Kategoriebild zu sehen ist? (Bild 4)

Nach welcher Anleitung hast du denn die Kategorienbilder eingfügt?


Das Problem im User-CP kann ich als Gast natürlich nicht nachvollziehen, dafür bräuchte ich einen Testaccount Wink

RE: Verzerrungen und Kategorien - Vivi - 16.08.2015

Melancholia, vielen vielen Dank - das hat funktioniert! Avatar wird nun top angezeigt! VIelen lieben Dank!
Ich habe außerdem einen Testaccount (Passwort: test12) eingerichtet, falls du dir das mal ansehen möchtest? Danke danke danke!

Edit: Und die Kategoriebilder habe ich einfach mit HTML-Code als Kateogrienamen eingegeben...

RE: Verzerrungen und Kategorien - melancholia - 16.08.2015

(16.08.2015, 10:15)Vivi schrieb: 2. User-CP, sowie die Privaten Nachrichten, ... sind ebenfalls total verzerrt, weiß jemand, wo ich da was ändern müsste? (Bild 2 und 3)

Such ein der global.css den Abschnitt .tborder und ändere die width-Angabe (momentan 812px) zu 100%. Damit sollte das User-CP nun wieder auf der Breite von 800px angezeigt werden.


Zitat:3. Ist es möglich, den weißen Hintergrund hinter den Kategorien einfach "weg" zu bekommen, sodass dort nur noch das Kategoriebild zu sehen ist? (Bild 4)

Ich sehe, du hast sie also einfach als Bild eingefügt. Ich würde dir raten, sie als Hintergrundbild einzufügen, sodass dann auch die collapse-Funktion auf dem Kategorienbild angezeigt wird und nicht darüber.

Öffne das Template forumbit_depth1_cat und ersetze den kompletten Inhalt mit folgendem:
Code:
<thead>
<tr width="800px" height="80px" style="background-image: url('{$theme['imgdir']}/{$forum['name']}.png')">
<td colspan="5">
<div
class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}"
id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}"
title="{$expaltext}" /></div>
<div><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
Jetzt musst du nur noch dafür sorgen, dass die Kategorienbilder im Bildordner des Themes abgelegt sind und sie exakt den Namen tragen, die die Kategorie auch hat. Also wenn die erste Kategorie im ACP als Kat 1 angegeben ist, muss das Bild Kat 1.png heissen.

Und falls du die abgerundeten Ecken wegbekommen willst, lösche einfach den ganzen Inhalt der css3.css.

RE: Verzerrungen und Kategorien - Vivi - 16.08.2015

Vielen vielen Dank!
Kann die Sache mit den Kategoriebildern leider gerade nicht testen, da der FTP von Limacity down zu sein scheint, aber das mache ich sobald es wieder geht :/ BenutzerCP und so wird einwandfrei angezeigt, vielen lieben Dank dafür! Nun habe ich allerdings wieder das Problem, dass die Beiträge unter dem Avatar angezeigt werden... Dabei ist klassischer Modus eingestellt? Und das HTML-Problem hat sich leider auch noch nicht gelöst :/
Aber vielen dank schonmal, hast mir bereits riesig geholfen!

RE: Verzerrungen und Kategorien - melancholia - 16.08.2015

(16.08.2015, 10:46)melancholia schrieb: Dafür verrutscht nun die Spalte mit dem Beitrag nach unten. Um das zu ändern, suche in der global.css den Abschnitt .post.classic .post_content und ändere die width-Angabe (momentan 79%) zu 69%.

Ändere die Angabe auf 68%. Ich habe keine Ahnung, wieso, aber mit dem einen Prozent weniger funktioniert's bei mir jedenfalls.

Ich bin mir nicht sicher, ob ich das "HTML-Problem" richtig verstehe, bei mir wir das Ganze nämlich richtig formatiert angezeigt.
Das einzige, was bei mir auftritt ist, dass die Bilder auf die ganze Breite des Beitrags vergrössert werden, was auch hier an der scaleimages-Angabe liegt. Selbiges bei der Signatur.

Edit: Ich habe zudem noch einen Fehler in deinem HTML-Code entdeckt:
Code:
<div style="background-color: #ffffff;  width:450px; border:10px solid grey
; ">
Das müsste so aussehen:
Code:
<div style="background-color: #ffffff;  width:450px; border:10px solid grey;">
Dann wird mir auch der Rahmen angezeigt Wink

Edit 2: Ein weiterer Fehler in deinem HTML-Code:
Code:
<div style="text-align: center; width: 430; font-family: georgia; color: MEMBERGROUPCOLOURHERE; text-transform: lowercase; font-size: 36px;">
Abgesehen davon, dass hier noch die Farbangabe fehlt, fehlt bei der Breite die Pixel-Angabe:
Code:
<div style="text-align: center; width: 430px; font-family: georgia; color: MEMBERGROUPCOLOURHERE; text-transform: lowercase; font-size: 36px;">


RE: Verzerrungen und Kategorien - Vivi - 16.08.2015

So, FTP geht wieder. Habe die Kategoriebilder in den Ordner /Upload/images/duschreibstgeschichte (also name meines Themes) geuploaded, aber wie du sehen kannst, wird nichts angezeigt :/

Danke für die HTML-Sache, stimmt! Ist mir gar nicht aufgefallen, weil es im Browser richtig angezeigt wurde! Danke Danke!

(16.08.2015, 12:33)melancholia schrieb: Das einzige, was bei mir auftritt ist, dass die Bilder auf die ganze Breite des Beitrags vergrössert werden, was auch hier an der scaleimages-Angabe liegt. Selbiges bei der Signatur.


Die 68% haben wirklich geholfen, auch danke hierfür! Allerdings steht bei mir scaleimages 100%? Wie kriege ich es denn hin, dass die Bilder tatsächlich normalgroß angezeigt werden?

RE: Verzerrungen und Kategorien - melancholia - 16.08.2015

Kannst du mal das Template forumbit_depth1_cat zurücksetzen. Irgendwas stimmt da nicht, weil auch die Collapse-Grafiken so abgestuft dargestellt werden, das ist merkwürdig  Confused Ich will mal sehen, wie's aussieht, wenn da der Standard angezeigt wird.

(16.08.2015, 13:37)Vivi schrieb: Die 68% haben wirklich geholfen, auch danke hierfür! Allerdings steht bei mir scaleimages 100%? Wie kriege ich es denn hin, dass die Bilder tatsächlich normalgroß angezeigt werden?

Suche in der global.css den Abschnitt .scaleimages img und ändere die Angabe in max-width: 100% (momentan width: 100%).


Edit: Ich glaube, ich habe den Fehler bei den Kategorienbildern (hätte ich doch vorher einfach mal bei mir die Originaldatei angesehen Rolleyes Sorry also, das war mein Fehler!)

Du musst natürlich nicht den kompletten Inhalt austauschen. Setze das Template aber dennoch zurück, und nimm diesen Abschnitt:
Code:
<thead>
<tr>
<td class="thead{$expthead}" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
Den tauschst du gegen den Code von oben aus Wink Dann müsste es eigentlich funktionieren, denn die Kategorienbilder sind vorhanden, die konnte ich aufrufen.