Nous sommes le Jeu 24 Mai 2018 09:22

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.

Modification du "posting"

Messagepar 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%;
      }
    • Remplacer par
      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 {
      
    • Remplacer par
      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;
      }
    • Remplacer par
      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>
    • Remplacer par
      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>
    • Remplacer par
      :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>
eventstorm
Administrateur du site
Administrateur du site
 
Messages: 51
Enregistré le: Lun 6 Juin 2016 18:23

Retourner vers Prosilver

  • Connexion

    Connexion


cron