sustituir botones al crear tema y quick full replay

[MR.RUF]

Saludos amigos , en esta semana e cambiado algunos botones en el foro para hacerlos mas llamativos
y que los usuarios puedan encontrarlos con facilidad, me a funcionado muy bien . pero no se como y donde buscar
para cambiar los botones al crear temas y quick full replay ( que son basicamente los mismos )

queria colocar estos , miren

[MR.RUF]

hasta el dia de hoy creo no haber visto ni un foro phpbb que los tenga de esa manera

[micontre]

en lugar de colocar los botones nuevos , seria mejor cambiar el fondo de los que tienes(eso requiere la edicion de algunos archivos , la creacion de nueva clase en css y subir una sola imagen).
lo preparo un poco y te indico los pasos luego si lo quieres
quedaría de esta manera

botones.png (6.65 KiB) Visto 3072 veces

[MR.RUF]

ME GUSTAAAAAAAAAAAAAAAAA !!!!!!!!

[micontre]

Abrir archivo template/posting_editor.html Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

    <!-- IF S_HAS_DRAFTS --><input type="submit" accesskey="d" tabindex="8" name="load" value="{L_LOAD_DRAFT}" class="button2" onclick="load_draft = true;" />&nbsp; <!-- ENDIF -->
             <!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="7" name="save" value="{L_SAVE_DRAFT}" class="button2" />&nbsp; <!-- ENDIF -->
             <input type="submit" tabindex="5" name="preview" value="{L_PREVIEW}" class="button1"<!-- IF not S_PRIVMSGS --> onclick="document.getElementById('postform').action += '#preview';"<!-- ENDIF --> />&nbsp;
             <input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1 default-submit-action" />&nbsp;

Reemplazar por - Nota: Reemplazar las líneas a encontrar por las siguientes líneas.

Código: Seleccionar todo

    <!-- IF S_HAS_DRAFTS --><input type="submit" accesskey="d" tabindex="8" name="load" value="{L_LOAD_DRAFT}" class="button4" onclick="load_draft = true;" />&nbsp; <!-- ENDIF -->
             <!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="7" name="save" value="{L_SAVE_DRAFT}" class="button4" />&nbsp; <!-- ENDIF -->
             <input type="submit" tabindex="5" name="preview" value="{L_PREVIEW}" class="button4"<!-- IF not S_PRIVMSGS --> onclick="document.getElementById('postform').action += '#preview';"<!-- ENDIF --> />&nbsp;
             <input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button4 default-submit-action" />&nbsp;

Abrir archivo template/quickreply_editor.html Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

    <!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="6" name="save" value="{L_SAVE}" class="button2" />&nbsp; <!-- ENDIF -->
                <input type="submit" tabindex="7" name="preview" value="{L_PREVIEW}" class="button1" onclick="document.getElementById('postform').action += '#preview';" />&nbsp;
                <input type="submit" accesskey="s" tabindex="8" name="post" value="{L_SUBMIT}" class="button1" />&nbsp;

Reemplazar por - Nota: Reemplazar las líneas a encontrar por las siguientes líneas.

Código: Seleccionar todo

    <!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="6" name="save" value="{L_SAVE}" class="button4" />&nbsp; <!-- ENDIF -->
                <input type="submit" tabindex="7" name="preview" value="{L_PREVIEW}" class="button4" onclick="document.getElementById('postform').action += '#preview';" />&nbsp;
                <input type="submit" accesskey="s" tabindex="8" name="post" value="{L_SUBMIT}" class="button4" />&nbsp;

Abrir archivo theme/colours.css Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

    a.button1, input.button1, input.button3, a.button2, input.button2 {
       color: #f0f0f0;
       background-color: #2e2e2e;
       background-image: none;
    }

Añadir después - Nota: Añadir las siguientes líneas en una nueva línea, después de la línea encontrada.

Código: Seleccionar todo

     input.button4 {
       color: #fff;
       background-color: #FAFAFA;
       background-image: url("{T_THEME_PATH}/images/bg_button_edit.gif");
       border-color: #000;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
       border-radius:5px;
    }

Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

    a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
       border-color: #ff510d;
       color: #ff510d;

    }

Añadir después - Nota: Añadir las siguientes líneas en una nueva línea, después de la línea encontrada.

Código: Seleccionar todo

     input.button4:hover{
       border-color: #000;
       color: #fff;
    }

Abrir archivo theme/forms.css Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

    a.button2, input.button2, input.button3 {
       border: 1px solid #666666;
    }

Añadir después - Nota: Añadir las siguientes líneas en una nueva línea, después de la línea encontrada.

Código: Seleccionar todo

    input.button4 {
       border: 1px solid #000;
    }

Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

    a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover

Reemplazar por - Nota: Reemplazar las líneas a encontrar por las siguientes líneas.

Código: Seleccionar todo

    a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, input.button4:hover

subir la imagen a : theme/images/bg_button_edit.gif

bg_button_edit.gif (411 Bytes) Visto 3064 veces

refresca plantilla y tema

pd: con la edicion de posting_body.htlm tendras el cambio hecho en los botones de el editor completo.

quickreply_editor.htlm si no lo tienes , copialo de prosilver y lo pones en tu estilo

[MR.RUF]

aqui tengo algo muy diferente de lo que me muestras

posting_body.html

Código: Seleccionar todo

<!-- IF S_PRIVMSGS -->
	<!-- INCLUDE posting_pm_layout.html -->
<!-- ELSE -->
	<!-- INCLUDE posting_layout.html -->
<!-- ENDIF -->

[micontre]

perdona, me equivoque al poner el nombre del archivo , es posting_editor.html (ya lo cambie en el post anterior)

[MR.RUF]

perdona que te moleste tanto , pero ... donde le cambio los nombres a los botones ?

[micontre]

eso cambia segun el idioma.
busca lo que quieras cambiar en language/es/common.php

[MR.RUF]

puede cambiar preview y submit pero no encontre por ningun lado save draft

[micontre]

busca en posting.php.
¿que idioma utilizas?

[MR.RUF]

no e instalado el español , asi que es la carpeta en

por cierto tengo un problema ahora... cuando intento comentar usando el quick replay no me deja hacer el comentario
me envia al full .

[micontre]

deja aqui el quick replay que tenias sin los cambios .posiblemente al no tener el mismo que yo , cambie algo

[MR.RUF]

quickreplay_editor.html

Código: Seleccionar todo

<form id="postform" method="post" action="{U_QR_ACTION}">
	<div class="panel" id="postingbox">
		<div class="inner"><span class="corners-top"><span></span></span>
		
		<h2>{L_QUICKREPLY}</h2>
		
		<fieldset class="fields2">
			<!-- IF S_SHOW_TOPIC_ICONS -->
				<dl>
					<dt><label for="icon">{L_ICON}:</label></dt>
					<dd>
						<label for="icon"><input type="radio" name="icon" id="icon" value="0" checked="checked" /> {L_NO_TOPIC_ICON}</label>
						<!-- BEGIN topic_icon --><label for="icon-{topic_icon.ICON_ID}"><input type="radio" name="icon" id="icon-{topic_icon.ICON_ID}" value="{topic_icon.ICON_ID}" {topic_icon.S_ICON_CHECKED} /><img src="{topic_icon.ICON_IMG}" width="{topic_icon.ICON_WIDTH}" height="{topic_icon.ICON_HEIGHT}" alt="" title="" /></label> <!-- END topic_icon -->
					</dd>
				</dl>
			<!-- ENDIF -->

			<!-- IF S_DISPLAY_USERNAME -->
				<dl style="clear: left;">
					<dt><label for="username">{L_USERNAME}:</label></dt>
					<dd><input type="text" tabindex="1" name="username" id="username" size="25" value="{USERNAME}" class="inputbox autowidth" /></dd>
				</dl>
			<!-- ENDIF -->
	
			<dl style="clear: left;">
				<dt><label for="subject">{L_SUBJECT}:</label></dt>
				<dd><input type="text" name="subject" id="subject" size="45" maxlength="64" tabindex="2" value="{SUBJECT}" class="inputbox autowidth" /></dd>
			</dl>
			
			<!-- IF CAPTCHA_TEMPLATE and S_CONFIRM_CODE -->
				<!-- DEFINE $CAPTCHA_TAB_INDEX = 3 -->
				<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
			<!-- ENDIF -->
			
			<!-- INCLUDE posting_buttons.html -->
			
			<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 -->
			</div>

			<div id="message-box">
				<textarea style="height: 11em;" name="message" rows="7" cols="76" tabindex="4" class="inputbox"></textarea>
			</div>
<!-- aqui comienza mi invento  -->
<div style="margin:20px; margin-top:5px"><div class="quotetitle"><input class="button2 btnlite" type="button" value= "Subir Foto con TinyPic" style="text-align:center;width:100px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';      this.innerText = ''; this.value = 'Cerrar TinyPic'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Subir Foto con TinyPic'; }" /></div><div class="quotecontent"><div style="display: none;"><div class="inner"><span class="corners-top"><span></span></span>
	<p><b>Subir Imagen Con TinyPic y Agregalo al tema en Add to post</b></p>
    <p><script type="text/javascript">
    tinypic_layout = 'narrow';
    tinypic_type = 'both';
    tinypic_links = 'forum';
    tinypic_language = 'en';
    tinypic_search = 'false';
    tinypic_autoload = false;
    tinypic_callback_url = document.location.href.substr(0,document.location.href.lastIndexOf('/'))+"/tinypic/callback.html";
    tinypic_callback_text = 'Add To Post';
    </script>
    <script src="tinypic/plugin.js" type="text/javascript"></script><iframe id="tinypic_plugin_820254" frameborder="0" style="" scrolling="no" height="260" width="260" src="http://plugin.tinypic.com/plugin/index.php?popts=l,narrow|t,both|c,forum|i,en|s,false|cu,http://www.elvertederopr.org/tinypic/callback.html|ct,Add To Post"></iframe><br>
    </p></div></div></div>
<!-- aqui temina mi invento -->


		</fieldset>
		
		<span class="corners-bottom"><span></span></span></div>
	</div>
	
	<div class="panel bg2">
		<div class="inner"><span class="corners-top"><span></span></span>
			<fieldset class="submit-buttons">
				{S_FORM_TOKEN}
				{QR_HIDDEN_FIELDS}
				<!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="6" name="save" value="{L_SAVE}" class="button2" />&nbsp; <!-- ENDIF -->
				<input type="submit" tabindex="7" name="preview" value="{L_PREVIEW}" class="button1" onclick="document.getElementById('postform').action += '#preview';" />&nbsp;
				<input type="submit" accesskey="s" tabindex="8" name="post" value="{L_SUBMIT}" class="button1" />&nbsp;
			</fieldset>
		<span class="corners-bottom"><span></span></span></div>
	</div>
</form>

[micontre]

prueba asi

Código: Seleccionar todo

<form id="postform" method="post" action="{U_QR_ACTION}">
	<div class="panel" id="postingbox">
		<div class="inner"><span class="corners-top"><span></span></span>
		
		<h2>{L_QUICKREPLY}</h2>
		
		<fieldset class="fields2">
			<!-- IF S_SHOW_TOPIC_ICONS -->
				<dl>
					<dt><label for="icon">{L_ICON}:</label></dt>
					<dd>
						<label for="icon"><input type="radio" name="icon" id="icon" value="0" checked="checked" /> {L_NO_TOPIC_ICON}</label>
						<!-- BEGIN topic_icon --><label for="icon-{topic_icon.ICON_ID}"><input type="radio" name="icon" id="icon-{topic_icon.ICON_ID}" value="{topic_icon.ICON_ID}" {topic_icon.S_ICON_CHECKED} /><img src="{topic_icon.ICON_IMG}" width="{topic_icon.ICON_WIDTH}" height="{topic_icon.ICON_HEIGHT}" alt="" title="" /></label> <!-- END topic_icon -->
					</dd>
				</dl>
			<!-- ENDIF -->

			<!-- IF S_DISPLAY_USERNAME -->
				<dl style="clear: left;">
					<dt><label for="username">{L_USERNAME}:</label></dt>
					<dd><input type="text" tabindex="1" name="username" id="username" size="25" value="{USERNAME}" class="inputbox autowidth" /></dd>
				</dl>
			<!-- ENDIF -->
	
			<dl style="clear: left;">
				<dt><label for="subject">{L_SUBJECT}:</label></dt>
				<dd><input type="text" name="subject" id="subject" size="45" maxlength="64" tabindex="2" value="{SUBJECT}" class="inputbox autowidth" /></dd>
			</dl>
			
			<!-- IF CAPTCHA_TEMPLATE and S_CONFIRM_CODE -->
				<!-- DEFINE $CAPTCHA_TAB_INDEX = 3 -->
				<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
			<!-- ENDIF -->
			
			<!-- INCLUDE posting_buttons.html -->
			
			<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 -->
			</div>

			<div id="message-box">
				<textarea style="height: 11em;" name="message" rows="7" cols="76" tabindex="4" class="inputbox"></textarea>
			</div>
<!-- aqui comienza mi invento  -->
<div style="margin:20px; margin-top:5px"><div class="quotetitle"><input class="button2 btnlite" type="button" value= "Subir Foto con TinyPic" style="text-align:center;width:100px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';      this.innerText = ''; this.value = 'Cerrar TinyPic'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Subir Foto con TinyPic'; }" /></div><div class="quotecontent"><div style="display: none;"><div class="inner"><span class="corners-top"><span></span></span>
	<p><b>Subir Imagen Con TinyPic y Agregalo al tema en Add to post</b></p>
    <p><script type="text/javascript">
    tinypic_layout = 'narrow';
    tinypic_type = 'both';
    tinypic_links = 'forum';
    tinypic_language = 'en';
    tinypic_search = 'false';
    tinypic_autoload = false;
    tinypic_callback_url = document.location.href.substr(0,document.location.href.lastIndexOf('/'))+"/tinypic/callback.html";
    tinypic_callback_text = 'Add To Post';
    </script>
    <script src="tinypic/plugin.js" type="text/javascript"></script><iframe id="tinypic_plugin_820254" frameborder="0" style="" scrolling="no" height="260" width="260" src="http://plugin.tinypic.com/plugin/index.php?popts=l,narrow|t,both|c,forum|i,en|s,false|cu,http://www.elvertederopr.org/tinypic/callback.html|ct,Add To Post"></iframe><br>
    </p></div></div></div>
<!-- aqui temina mi invento -->


		</fieldset>
		
		<span class="corners-bottom"><span></span></span></div>
	</div>
	
	<div class="panel bg2">
		<div class="inner"><span class="corners-top"><span></span></span>
			<fieldset class="submit-buttons">
				{S_FORM_TOKEN}
				{QR_HIDDEN_FIELDS}
				<!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="6" name="save" value="{L_SAVE}" class="button4" />&nbsp; <!-- ENDIF -->
				<input type="submit" tabindex="7" name="preview" value="{L_PREVIEW}" class="button4" onclick="document.getElementById('postform').action += '#preview';" />&nbsp;
				<input type="submit" accesskey="s" tabindex="8" name="post" value="{L_SUBMIT}" class="button4" />&nbsp;
			</fieldset>
		<span class="corners-bottom"><span></span></span></div>
	</div>
</form>