[3.0] Ajouter un hébergeur d'image au posting
Rédigé le: 11 Fév 2014 à 04:34
» Mettre un hébergeur d'image dans l'éditeur de message (sur Prosilver)
» Mise en place
Ouvrir styles/Votre-style/template/posting_editor.html
Chercher (ligne 144 à 146 environ)
Dans la ligne, trouver
» Faites votre choix parmi ceux sélectionnés
» Hébergeur d'image HostingPics
Source
Aperçu:
Ajouter après sur une nouvelle ligne
» Hébergeur d'image ImageShack
Source
ps: celui-ci est customisable (couleur de fond, de texte ect...), cliquer sur "Customize your Uploader"
Aperçu:
Ajouter après sur une nouvelle ligne
Il ne vous reste plus qu'a vous rendre dans l'onglet Styles de votre "Panneau d'administration" afin de rafraichir le template de Prosilver (ou du style utilisé).
Autres solutions :
» Hébergeur d'image EmpreintesDuWeb
Afin de vous permettre la gestion des images, cet hébergeur nécessite au préalable une inscription gratuite à ses services.
» EmpreintesDuWeb
Aperçu:
Style par Défaut:
Style css3:
» Le plugin Tinypic
» Plugin Tinypic v1.0.3
»Complément du tuto Ajouter un hébergeur d'image au posting
Ceci a pour but de créer un onglet afin d'y placer l'hébergeur d'images que vous aurez choisi.
»(Sauf pour le Plugin Tinypic v1.0.3)
Aperçu:
» Partie php
Dans le fichier language/fr/posting.php
Chercher:
Ajouter après (sur une nouvelle ligne)
» Partie html
Dans le fichier styles/votre_style/template/posting_buttons.html
Chercher:
Après 'poll-panel'
Ajouter:
Dans le fichier styles/votre_style/template/posting_editor.html
Chercher:
Ajouter après (sur une nouvelle ligne)
Chercher:
Ajouter après
Il ne vous reste plus qu'à vous rendre dans l'onglet Style de votre "Panneau d'administration" afin de rafraichir l'élément template du style utilisé, et à vider le cache du forum.
» Mise en place
Ouvrir styles/Votre-style/template/posting_editor.html
Chercher (ligne 144 à 146 environ)
- Code: Tout sélectionner
<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>
Dans la ligne, trouver
- Code: Tout sélectionner
{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
» Faites votre choix parmi ceux sélectionnés
» Hébergeur d'image HostingPics
Source
Aperçu:
Ajouter après sur une nouvelle ligne
- Code: Tout sélectionner
<br /><!--Hostingpics in post MOD - start--> <div style="text-align:center;"> <iframe src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0" width="290" height="100"></iframe> </div> <!--Hostingpics in post MOD - stop-->
» Hébergeur d'image ImageShack
Source
ps: celui-ci est customisable (couleur de fond, de texte ect...), cliquer sur "Customize your Uploader"
Aperçu:
Ajouter après sur une nouvelle ligne
- Code: Tout sélectionner
<div style="text-align:center;"> <script src="http://imageshack.us/scripts/syndicate/widget.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">new ImageShackSyndicateWidget({width: "300",height: "110",theme: {shell: {buttonColor: "#3cbbfa",color: "#111111",backgroundColor: "#cccccc",backgroundImage: "",text: "Hébergeur d’images"}}}).render();</script></div>
Il ne vous reste plus qu'a vous rendre dans l'onglet Styles de votre "Panneau d'administration" afin de rafraichir le template de Prosilver (ou du style utilisé).
Autres solutions :
» Hébergeur d'image EmpreintesDuWeb
Afin de vous permettre la gestion des images, cet hébergeur nécessite au préalable une inscription gratuite à ses services.
» EmpreintesDuWeb
Aperçu:
Style par Défaut:
Style css3:
» Le plugin Tinypic
» Plugin Tinypic v1.0.3
»Complément du tuto Ajouter un hébergeur d'image au posting
Ceci a pour but de créer un onglet afin d'y placer l'hébergeur d'images que vous aurez choisi.
»(Sauf pour le Plugin Tinypic v1.0.3)
Aperçu:
» Partie php
Dans le fichier language/fr/posting.php
Chercher:
- Code: Tout sélectionner
'ADD_ATTACHMENT' => 'Ajouter des fichiers joints',
Ajouter après (sur une nouvelle ligne)
- Code: Tout sélectionner
'ADD_HOSTING' => 'Héberger une image',
» Partie html
Dans le fichier styles/votre_style/template/posting_buttons.html
Chercher:
- Code: Tout sélectionner
var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
Après 'poll-panel'
Ajouter:
- Code: Tout sélectionner
,'attach-hosting'
Dans le fichier styles/votre_style/template/posting_editor.html
Chercher:
- Code: Tout sélectionner
<li id="options-panel-tab" class="activetab"><a href="#tabs" onclick="subPanels('options-panel'); return false;"><span>{L_OPTIONS}</span></a></li>
Ajouter après (sur une nouvelle ligne)
- Code: Tout sélectionner
<li id="attach-hosting-tab"><a href="#tabs" onclick="subPanels('attach-hosting'); return false;"><span>{L_ADD_HOSTING}</span></a></li>
Chercher:
- Code: Tout sélectionner
</ul> </div> <!-- ENDIF -->
Ajouter après
- Code: Tout sélectionner
<!-- HEBERGEUR --> <div class="panel bg3" id="attach-hosting"> <div class="inner"><span class="corners-top"><span></span></span> ici le code de l'hébergement choisis <span class="corners-bottom"><span></span></span></div> </div> <!-- HEBERGEUR Fin -->
Il ne vous reste plus qu'à vous rendre dans l'onglet Style de votre "Panneau d'administration" afin de rafraichir l'élément template du style utilisé, et à vider le cache du forum.