[phpBB 3.0.x] Boîte pour liens internet

Toutes les documentations phpBB seront ici.
Verrouillé
Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 563
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

[phpBB 3.0.x] Boîte pour liens internet

Message par Dakin Quelia »

» Fenêtre pour liens internet

A l'aide de cette documentation, vous pourrez ajouter une petite zone où indiquer un lien et son mot. Exemple: Test mais à l'aide d'une boîte.

Avant toute chose, il faut effectuer une sauvegarde des fichiers à modifier.

Tout d'abord, il faut télécharger le pack ci-dessous:
box_url.zip
(4.16 Kio) Téléchargé 168 fois
Ouvrez le fichier « language/fr/common.php ».

Cherchez: Après, ajoutez:

Code : Tout sélectionner

$lang = array_merge($lang, array(
    'URL_BBCODE'            => 'Lien BBCode',
)); 
Ouvrez le fichier « styles/prosilver/theme/content.css ».

A la fin du fichier, ajoutez:

Code : Tout sélectionner

.url-box {
	background-color: white; 
	position: relative;
	border: 1px solid #CCC; 
	width: 272px; 
	padding: 10px;
}

.icon-linktext
{
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-image: url('{T_THEME_PATH}/images/editor/link_text.png');
   padding: 1px 0 0px 17px;
}

.icon-link
{
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-image: url('{T_THEME_PATH}/images/editor/link.png');
   padding: 1px 0 0 17px;
}
Ouvrez le fichier « styles/prosilver/template/overall_header.html ».

Cherchez:

Code : Tout sélectionner

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}
Après, ajoutez:

Code : Tout sélectionner

	function change_url()
	{
		dE('change_url');
		e = document.getElementById('change_url');
				
		if (e.style.display == 'block')
		{
			document.getElementById('bburl').value = '';
		}
		else
		{
			document.getElementById('bburl').value = '';
		}
	}

	function insertUrl()
	{
		var url_text = "[url=" +document.getElementById( 'url_url' ).value+ "]" + document.getElementById( 'url_title' ).value + "[/url]";
		
		insert_text(url_text, false);
	}
Ouvrez le fichier « styles/prosilver/template/posting_buttons.html ».

Cherchez:

Code : Tout sélectionner

<div id="format-buttons">
Avant, ajoutez:

Code : Tout sélectionner

<div id="change_url" style="display: none;">
	<dl style="clear: left;">
		<dt><label>{L_URL_BBCODE}:</label></dt>
		<dd>
			 <div id="url_box" class="url-box">
				<ul class="navlinks linklist">
					<li class="icon-linktext">&nbsp;<input type="text" id="url_title" /></li>
					<li class="icon-link">&nbsp;<input type="text" id="url_url" /></li>
					<br /><input type="button" class="button2 boxurl" value="OK" onclick="insertUrl();"/>
				</ul>   
			</div>
		</dd>
	</dl>
</div>
Cherchez:

Code : Tout sélectionner

		<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
Remplacez par:

Code : Tout sélectionner

		<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="change_url();" title="{L_BBCODE_W_HELP}" />
N'oubliez pas de rafraîchir le template et le thème (onglet Styles) et de vider le cache (onglet Général).

Résultat:
editor-url.png

Verrouillé

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 3 invités