Content Breite im PM bereich

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5014
Registriert: 08.06.2009 12:03

Re: Contentbreite im PM-Bereich

Beitrag von Talk19zehn »

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. :wink:
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;
}
In der form.css hinzufügen:

Code: Alles auswählen

#message-box1 textarea {
   color: #333333;
}
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 ..... :wink: :wink:


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
Zuletzt geändert von Talk19zehn am 04.07.2012 17:44, insgesamt 2-mal geändert.
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
Nach oben
Benutzeravatar
Akio
Mitglied
Beiträge: 131
Registriert: 08.03.2007 15:41
Wohnort: Seligenstadt
Kontaktdaten:
Kontaktdaten von Akio

Re: Content Breite im PM bereich

Beitrag von Akio »

Erstmal Vielen Vielen Dank!
für die riesen mühe die du dir bei dem Beitrag gegeben hast =)

Leider kann ich keine der angegebenen code schnipsen (auch stellenweise)
nicht in meinen Template files finden =(
somit weis ich das ganze leider nicht um zu setzen...
Nach oben
Benutzeravatar
Mahony
Ehemaliges Teammitglied
Beiträge: 12179
Registriert: 17.11.2005 22:33
Wohnort: Ostfildern Kemnat
Kontaktdaten:
Kontaktdaten von Mahony

Re: Content Breite im PM bereich

Beitrag von Mahony »

Hallo
Mach doch einfach eine Abfrage, ob es der "Private Nachrichten Bereich" ist.

Also in der posting_editor.html

Code: Alles auswählen

<!-- IF S_PRIVMSGS -->Hier der Code mit der gewünschten Größe<!-- ELSE -->Hier der Original-Code mit der Original-Größe<!-- ENDIF -->

Grüße: Mahony
Taekwondo in Berlin
Wer fragt, ist ein Narr für fünf Minuten, wer nicht fragt, ist ein Narr für immer.
Nach oben
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5014
Registriert: 08.06.2009 12:03

Re: Contentbreite im PM-Bereich

Beitrag von Talk19zehn »

Hello, schade, ich wüßte sonst nicht, wo jene Anweisungen sonst in deinem Style untergebracht sind.
Nur nachgefragt: Dein Style ist kein Prosilver? --> Lt. QT jedoch schon.
Prüfe evtl. bei Bedarf noch einmal posting_editor.html sodann ca. ab Zeile 116 die dortigen HTML-Anweisungen.

Allerbeste Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
Nach oben
Benutzeravatar
Akio
Mitglied
Beiträge: 131
Registriert: 08.03.2007 15:41
Wohnort: Seligenstadt
Kontaktdaten:
Kontaktdaten von Akio

Re: Content Breite im PM bereich

Beitrag von Akio »

Ah wusste gar nich das das geht @Mahony

Code: Alles auswählen

	<div id="message-box">
		<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature" style="width: 553px; height: 150px; min-width: 0%; max-width: 100%;"<!-- ELSE -->name="message" id="message" style="width: 553px; height: 387px; min-width: 0%; max-width: 100%;"<!-- ENDIF --> rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox">{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
	</div>
Das ist derzeit mein textarea...
Würde auch gerne den kram den ich dort in "Style" gepackt hab in ne externe CSS packen...
aber wenn ich das mache (indem ich mehrere classes angebe) wird der kram ignoriert...
aber ich blick einfach nicht so richtig durch...
wüsste jetzt auch nicht wo ich deine if abfrage reinpacken soll genau..
Nach oben
Benutzeravatar
Mahony
Ehemaliges Teammitglied
Beiträge: 12179
Registriert: 17.11.2005 22:33
Wohnort: Ostfildern Kemnat
Kontaktdaten:
Kontaktdaten von Mahony

Re: Content Breite im PM bereich

Beitrag von Mahony »

Hallo
Versuchs mal so

Code: Alles auswählen

<div id="message-box">
		
		<!-- IF S_PRIVMSGS -->
		<textarea name="message" id="message" style="width: 553px; height: 150px;" rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox">{MESSAGE}</textarea>
		<!-- ELSE -->
		
		<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature" style="height: 9em;"<!-- ENDIF --> rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox">{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
	</div><!-- ENDIF -->
Grüße: Mahony
Taekwondo in Berlin
Wer fragt, ist ein Narr für fünf Minuten, wer nicht fragt, ist ein Narr für immer.
Nach oben
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“