Modification du "posting"

Modification apportée aux thèmes Prosilver
Règles du forum
Sauf exception mentionnés.
Les modifications décrites sur ce forum sont faites automatiquement sur tous les thèmes utilisant l'Héritage des templates.
Répondre
eventstorm
Administrateur du site
Administrateur du site
Messages : 51
Enregistré le : lun. 6 juin 2016 18:23

Modification du "posting"

Message par eventstorm » lun. 20 juin 2016 23:11

Modification du "posting" Quand il y a beaucoup de smiley sur votre forum la page "poster un nouveau message" devient vite un incommensurable foutoir :oops:
nous allons donc encadrer tout ce joli monde dans un .. cadre bien sur!
et comme nous y sommes rajouter un hébergeur d'image. Et oui soyons Fou :lol:
Modifications
  • Mis en place d'un hébergeur d'image sur http://hostingpics.ne/
  • Mettre les smiley dans un cadre avec ascenseur
feuilles à modifier
  • styles/Vos Style/theme/forms.css
  • styles/Vos styles/template/posting_editor.html

  1. Ouvrir :styles/Vos Style/theme/forms.css
    :aparte: Sur tous vos thèmes utilisés
    • Rechercher :

      Code : Tout sélectionner

      #message-box {
         width: 80%;
      }
    • [0remp][/0remp]

      Code : Tout sélectionner

      #message-box {
         width: 100%;
      }
    • Rechercher :
      :aparte: les thèmes pouvant varier de l'un à l'autre pour ma part j'ai tout pris jusqu'au prochain}

      Code : Tout sélectionner

      #message-box textarea {
      
    • [0remp][/0remp]

      Code : Tout sélectionner

      #message-box textarea {
      	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
      	width: 450px;
      	height: 270px;
      	min-width: 98%;
      	max-width: 98%;
      	font-size: 1.2em;
      	color: #333333;
      }
    • Rechercher :

      Code : Tout sélectionner

      #smiley-box {
      	width: 18%;
      	float: right;
      }
    • [0remp][/0remp]
      Info : 180 représente la hauteur voulu du cadre

      Code : Tout sélectionner

      #smiley-box {
         height: 180px;
          overflow: auto;
         float: right;
      }

  2. Ouvrir :styles/Vos styles/template/posting_editor.html
    • Rechercher :

      Code : Tout sélectionner

      	<div id="smiley-box">
      		<!-- IF S_SMILIES_ALLOWED and .smiley -->
      			<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 BBCODE_STATUS -->
      		<!-- IF .smiley --><hr /><!-- ENDIF -->
      		{BBCODE_STATUS}<br />
      		<!-- IF S_BBCODE_ALLOWED -->
      			{IMG_STATUS}<br />
      			{FLASH_STATUS}<br />
      			{URL_STATUS}<br />
      		<!-- ENDIF -->
      		{SMILIES_STATUS}
      		<!-- 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" style="height: 9em;"<!-- ELSE -->name="message" id="message"<!-- 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>
    • [0remp][/0remp]

      Code : Tout sélectionner

      	<table style="width: 100%;">
      		<tr>
      			<td rowspan="3">
      				<div id="message-box">
      					<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature" style="height: 9em;"<!-- ELSE -->name="message" id="message"<!-- 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>
      			</td>
      			<td style="width: 21%;">
      				<div id="smiley-box">
      					<!-- IF S_SMILIES_ALLOWED and .smiley -->
      						<!-- 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 -->
      
      				</div>
      			</td>
      		</tr>
      		<tr>
      			<td style="width: 21%;">
      					<!-- 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 BBCODE_STATUS -->
      						<!-- IF .smiley --><hr /><!-- ENDIF -->
      						{BBCODE_STATUS} &bull; 
      						<!-- IF S_BBCODE_ALLOWED -->
      							{IMG_STATUS} &bull; {FLASH_STATUS} &bull; {URL_STATUS}<br />
      						<!-- ENDIF -->
      							{SMILIES_STATUS}
      					<!-- 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 -->
      					<!--Hostingpics in post MOD - start-->
      						<iframe src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0" width="100%" height="100"></iframe>
      					<!--Hostingpics in post MOD - stop-->
      
      			</td>
      		</tr>
      		<tr>
      			<td>
      	</table>
    Si vous utilisez des thèmes foncés ou que vous avez besoin d'un fond pour l'hébergeur d'image.
  3. Ouvrir :styles/Vos styles/template/posting_editor.html
    • Rechercher

      Code : Tout sélectionner

      						<iframe src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0" width="100%" height="100"></iframe>
    • [0remp][/0remp]
      :aparte: "Lightslategray" est la couleur du fond

      Code : Tout sélectionner

      					<div style="background:Lightslategray;">
      						<iframe src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0" width="100%" height="100"></iframe>
      					</div>

Répondre