Re: Contentbreite im PM-Bereich
Verfasst: 03.07.2012 16:15
Edit* Galt seinerzeit fallbedingt bei schmalen Foren mit fixer Breite ( Prosiliver )!!
Hi Akio,
wie du richtig erkannt hast, greift die Klasse "textarea" in den persönlichen Bereich. Das geht dann natürlich in der Weise, die du anwendest nicht.
Vorwort / Hinweis:
Seit 2010 schlummert in meinen Aufzeichnungen ein Konstrukt, welches ich auf Grund von Hinweisen durch Modernist in einem Style meinerseits realisierte. Ich finde den Link jedoch momentan nicht und kann zeitlich gesehen nicht 2000 Beiträge durchforsten.
Ich habe mein Archiv nicht dahingehend überprüft, ob sie auf die aktuelle Version anzuwenden sind. Insofern mein strikter Vorbehalt dahingehend, ob die Templates und CSS-Verzeichnisse noch immer identisch sind. Es gilt ( wie eh und je ), vor einer Änderung, eigene Verzeichnisse zu sichern.
Mein nochmaliger Dank gilt Modernist, da das Vorgehen dem Ziel entsprach, den persönlichen Bereich im PN-Bereich auf eine minimale Breite anzupassen und umzugestalten, da mein dreiteiliges Layout das Vorgehen ebenso und unbedingt erforderte.
Das Prinzip lautete wohl seinerseits ( und unbedingt meinerseits .... ) , den persönlichen Bereich unabhängig vom Antwortbereich im Forum zu gestalten.
Das klappte in meinem Falle auf Anhieb ( freu !!!) Probiere die Idee ggf. aus, ob du damit ebenso zurecht kommst ist bei deinem schmalen Layout jedoch eine weitere Frage, die ich nicht beurteilen kann, welche Breiten bei dir im Einzelfall relevant sind. Evtl. sind darum evtl. weitere Anpassungen nötig.
Er schrieb, wo auch immer: ich zitiere jene wunderbare Hilfe aus dem Jahr 2010.
ZITAT:
Öffne posting_editor.html
Suche:
Ersetze mit:
In der form.css ergänzt du dann folgendes:
In der form.css hinzufügen:
Zwar versteckt sich sich hierin ein nicht valider Haken ( overflow-x: hidden) , den ich durchaus vertrete, da in meinem Falle zweckdienlich.
Farbwerte ( color ) bitte anpassen.
Dank an Modernist!!
Ich denke, dass dies dein Problem ebenso in angepasster lösen könnte.
BTW:
Du könntest class="online" auch innerhalb von Postbody-Content anwenden,
siehe bitte in deinem anderen Thread.... viewtopic.php?f=89&t=223680
der dort auch weitergeführt werden sollte, denke ich. Eine "Vermischung von Beiträgen" hilft erfahrungsgemäß den Suchenden im WWW nicht wirklich, sofern Antworten ausstehen und sich zudem im Verlauf vermischen .....
Beste Grüße
Edit* 04.07.2012 17:25
Habe die Codierungen soeben noch einmal in ein Prosilver 3.0.10 eingebaut - soweit kann ich keinen Fehler feststellen.
Viele Grüße
Hi Akio,
wie du richtig erkannt hast, greift die Klasse "textarea" in den persönlichen Bereich. Das geht dann natürlich in der Weise, die du anwendest nicht.
Vorwort / Hinweis:
Seit 2010 schlummert in meinen Aufzeichnungen ein Konstrukt, welches ich auf Grund von Hinweisen durch Modernist in einem Style meinerseits realisierte. Ich finde den Link jedoch momentan nicht und kann zeitlich gesehen nicht 2000 Beiträge durchforsten.
Ich habe mein Archiv nicht dahingehend überprüft, ob sie auf die aktuelle Version anzuwenden sind. Insofern mein strikter Vorbehalt dahingehend, ob die Templates und CSS-Verzeichnisse noch immer identisch sind. Es gilt ( wie eh und je ), vor einer Änderung, eigene Verzeichnisse zu sichern.
Mein nochmaliger Dank gilt Modernist, da das Vorgehen dem Ziel entsprach, den persönlichen Bereich im PN-Bereich auf eine minimale Breite anzupassen und umzugestalten, da mein dreiteiliges Layout das Vorgehen ebenso und unbedingt erforderte.
Das Prinzip lautete wohl seinerseits ( und unbedingt meinerseits .... ) , den persönlichen Bereich unabhängig vom Antwortbereich im Forum zu gestalten.
Das klappte in meinem Falle auf Anhieb ( freu !!!) Probiere die Idee ggf. aus, ob du damit ebenso zurecht kommst ist bei deinem schmalen Layout jedoch eine weitere Frage, die ich nicht beurteilen kann, welche Breiten bei dir im Einzelfall relevant sind. Evtl. sind darum evtl. weitere Anpassungen nötig.
Er schrieb, wo auch immer: ich zitiere jene wunderbare Hilfe aus dem Jahr 2010.
ZITAT:
Öffne posting_editor.html
Suche:
Code: Alles auswählen
<div id="smiley-box" style="height: 420px; overflow: auto; overflow-x: hidden;">
<!-- IF BBCODE_STATUS -->
<!-- IF .smiley --><hr /><!-- ENDIF -->
{BBCODE_STATUS}<br />
<!-- IF S_BBCODE_ALLOWED -->
{IMG_STATUS}<br />
{URL_STATUS}<br />
<!-- ENDIF -->
{SMILIES_STATUS}<br />
<hr />
<!-- ENDIF -->
<!-- IF S_SMILIES_ALLOWED and .smiley -->
<br />
<strong>{L_SMILIES}</strong><br />
<!-- BEGIN smiley -->
<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
<!-- END smiley -->
<!-- ENDIF -->
<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED-->
<br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
<!-- ENDIF -->
<!-- IF S_EDIT_DRAFT || S_DISPLAY_REVIEW -->
<!-- IF S_DISPLAY_REVIEW --><hr /><!-- ENDIF -->
<!-- IF S_EDIT_DRAFT --><strong><a href="{S_UCP_ACTION}">{L_BACK_TO_DRAFTS}</a></strong><!-- ENDIF -->
<!-- IF S_DISPLAY_REVIEW --><strong><a href="#review">{L_TOPIC_REVIEW}</a></strong><!-- ENDIF -->
<!-- ENDIF -->
</div>
<div id="message-box">
<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature" <!-- ELSE -->name="message" id="message"<!-- ENDIF --> rows="22" cols="76" tabindex="3" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox">{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
</div>Ersetze mit:
Code: Alles auswählen
<!-- IF S_PRIVMSGS and not S_SHOW_DRAFTS -->
<div id="message-box1">
<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature" <!-- ELSE -->name="message" id="message"<!-- ENDIF --> rows="22" cols="76" tabindex="3" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox">{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
</div>
<div id="smiley-box1">
<!-- IF BBCODE_STATUS -->
<!-- IF .smiley --><hr /><!-- ENDIF -->
{BBCODE_STATUS}<br />
<!-- IF S_BBCODE_ALLOWED -->
{IMG_STATUS}<br />
{URL_STATUS}<br />
<!-- ENDIF -->
{SMILIES_STATUS}<br />
<hr />
<!-- ENDIF -->
<!-- IF S_SMILIES_ALLOWED and .smiley -->
<br />
<strong>{L_SMILIES}</strong><br />
<!-- BEGIN smiley -->
<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
<!-- END smiley -->
<!-- ENDIF -->
<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED-->
<br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
<!-- ENDIF -->
<!-- IF S_EDIT_DRAFT || S_DISPLAY_REVIEW -->
<!-- IF S_DISPLAY_REVIEW --><hr /><!-- ENDIF -->
<!-- IF S_EDIT_DRAFT --><strong><a href="{S_UCP_ACTION}">{L_BACK_TO_DRAFTS}</a></strong><!-- ENDIF -->
<!-- IF S_DISPLAY_REVIEW --><strong><a href="#review">{L_TOPIC_REVIEW}</a></strong><!-- ENDIF -->
<!-- ENDIF -->
</div>
<!-- ELSE -->
<div id="smiley-box" style="height: 420px; overflow: auto; overflow-x: hidden;">
<!-- IF BBCODE_STATUS -->
<!-- IF .smiley --><hr /><!-- ENDIF -->
{BBCODE_STATUS}<br />
<!-- IF S_BBCODE_ALLOWED -->
{IMG_STATUS}<br />
{URL_STATUS}<br />
<!-- ENDIF -->
{SMILIES_STATUS}<br />
<hr />
<!-- ENDIF -->
<!-- IF S_SMILIES_ALLOWED and .smiley -->
<br />
<strong>{L_SMILIES}</strong><br />
<!-- BEGIN smiley -->
<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
<!-- END smiley -->
<!-- ENDIF -->
<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED-->
<br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
<!-- ENDIF -->
<!-- IF S_EDIT_DRAFT || S_DISPLAY_REVIEW -->
<!-- IF S_DISPLAY_REVIEW --><hr /><!-- ENDIF -->
<!-- IF S_EDIT_DRAFT --><strong><a href="{S_UCP_ACTION}">{L_BACK_TO_DRAFTS}</a></strong><!-- ENDIF -->
<!-- IF S_DISPLAY_REVIEW --><strong><a href="#review">{L_TOPIC_REVIEW}</a></strong><!-- ENDIF -->
<!-- ENDIF -->
</div>
<div id="message-box">
<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature" <!-- ELSE -->name="message" id="message"<!-- ENDIF --> rows="22" cols="76" tabindex="3" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox">{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
</div>
<!-- ENDIF --> In der form.css ergänzt du dann folgendes:
Code: Alles auswählen
#message-box1 {
width: 100%;
}
#message-box1 textarea {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
width: 100%;
font-size: 1.2em;
color: #333333;
#smiley-box1 {
width: 100%;
height: 200px; overflow: auto; overflow-x: hidden;
}
#smiley-box1 img {
margin: 3px;
}Code: Alles auswählen
#message-box1 textarea {
color: #333333;
}Farbwerte ( color ) bitte anpassen.
Dank an Modernist!!
Ich denke, dass dies dein Problem ebenso in angepasster lösen könnte.
BTW:
Du könntest class="online" auch innerhalb von Postbody-Content anwenden,
siehe bitte in deinem anderen Thread.... viewtopic.php?f=89&t=223680
der dort auch weitergeführt werden sollte, denke ich. Eine "Vermischung von Beiträgen" hilft erfahrungsgemäß den Suchenden im WWW nicht wirklich, sofern Antworten ausstehen und sich zudem im Verlauf vermischen .....
Beste Grüße
Edit* 04.07.2012 17:25
Habe die Codierungen soeben noch einmal in ein Prosilver 3.0.10 eingebaut - soweit kann ich keinen Fehler feststellen.
Viele Grüße