Button verschoben im

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Benutzeravatar
sladdicool
Mitglied
Beiträge: 135
Registriert: 28.11.2010 15:35
Kontaktdaten:

Button verschoben im

Beitrag von sladdicool »

"Persönlichen Bereich" - "Profil" - "Signatur ändern":
[ externes Bild ]

Die Buttons "Zurücksetzen / Vorschau / Absenden" befinden sich am rechten Bildrand und sind fast nicht mehr sichtbar...

Woran könnte dies liegen, bzw. kann ich dies irgendwo richten?

Zuletzt eingebaute Mods:
NV Newspage
NV Who was here?

einfügen eines Snippet:
http://www.ftf-unlimited.net/viewtopic.php?f=150&t=1720

Ich denke es liegt am Snippet....
Aber wie kann ich dies überprüfen?
In der normalen Postingarea wird alles richtig angezeigt?

Stehe irgendwie auf der Leitung.
Style:
Prosilver
Mein Forum:
http://www.malerfreunde.com/forum2/index.php
Benutzername:
TESTUSER
Pass:
testuser

Lösungsvorschläge?

LG
sladdi
Benutzeravatar
archivar
Mitglied
Beiträge: 572
Registriert: 07.08.2008 08:25
Wohnort: Deutschland

Re: Button verschoben im

Beitrag von archivar »

Jede menge Fehler in der root/styles/prosilver/template/posting_buttons.html:

Code: Alles auswählen

</div>
<!--
<div id="format-buttons">
	<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
	<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
	<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /> -->
	<!-- IF S_BBCODE_QUOTE -->
<!--		<input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" /> -->
	<!-- ENDIF -->
<!--	<input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
	<input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
	<input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
	<input type="button" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" /> -->
	<!-- IF S_BBCODE_IMG -->
	<!--	<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" /> -->
	<!-- ENDIF -->
	<!-- IF S_LINKS_ALLOWED -->
<!--	<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}" /> -->
	<!-- ENDIF -->
	<!-- IF S_BBCODE_FLASH -->
	<!--	<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" /> -->
	<!-- ENDIF -->
ersetze das damit:

Code: Alles auswählen

</div>

<div id="format-buttons">
	<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
	<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
	<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
	<!-- IF S_BBCODE_QUOTE -->
		<input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
	<!-- ENDIF -->
	<input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
	<input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
	<input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
	<input type="button" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
	<!-- IF S_BBCODE_IMG -->
	<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
	<!-- ENDIF -->
	<!-- IF S_LINKS_ALLOWED -->
	<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}" />
	<!-- ENDIF -->
	<!-- IF S_BBCODE_FLASH -->
		<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
	<!-- ENDIF -->
Vorschlag zur Fehlerfindung der vermutlich fehlerhaften Datei durch Vergleichen mit der originalen Datei über "Winmerge"
oder über "Notepad++"(Erweiterungen--> "Compare")
:wink:
V. G. archivar
Benutzeravatar
sladdicool
Mitglied
Beiträge: 135
Registriert: 28.11.2010 15:35
Kontaktdaten:

Re: Button verschoben im

Beitrag von sladdicool »

Mhmmmm....
Erstmal danke für deine schnelle Hilfe archivar!

Aber wo genau siehst du da denn "jede Menge Fehler"?

Der Umstand das das die Standard-BBCodes "ausgeschaltet" sind?

Dies ist eigentlich Absicht :oops: , da die Codes in einem Dropdownmenu eingefasst sind:

Code: Alles auswählen

               <select name="dropbbcode4" onchange="bbfontstyle('[' + this.form.dropbbcode4.options[this.form.dropbbcode4.selectedIndex].value + ']', '[/' + this.form.dropbbcode4.options[this.form.dropbbcode4.selectedIndex].value + ']') ;this.form.dropbbcode4.selectedIndex = 0;">
      <option value="" selected="selected">Text-Formatierung & Link</option>
      <option value="b">Text fett anzeigen</option>
      <option value="i">Text kursiv anzeigen</option>
      <option value="u">Text unterstreichen</option>
      <option value="quote">Zitate einf&uuml;gen (quote)</option>
      <option value="code">Codierungen anzeigen</option>
      <option value="list">Auflistung einf&uuml;gen (list)</option>
      <option value="list=">Auflistung einf&uuml;gen (list=)</option>
      <option value="*">Aufz&auml;hlungszeichen ([*])</option>
      <option value="url">Link (url)</option>
  </select>
Dies funktioniert ja auch im normalen Postingbereich einwandfrei (bis auf das "*" das ebenfalls mit Anfangs und Endtags angezeigt wird, dies ist momentan aber zu vernachlässigen), nur eben zur Eingabe der Signatur klappt es nicht so hundertprozentig.....

Ich poste mal die ganze "*/posting_buttons.html" um zu zeigen wie das mit den Dropdownmenus gelöst ist:

Code: Alles auswählen

<script type="text/javascript">
// <![CDATA[
	var form_name = 'postform';
	var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
	var load_draft = false;
	var upload = false;

	// Define the bbCode tags
	var bbcode = new Array();
	var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
','
  • ','
','
  • ','
','[img]','[/img]','','','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
var imageTag = false;

// Helpline messages
var help_line = {
b: '{LA_BBCODE_B_HELP}',
i: '{LA_BBCODE_I_HELP}',
u: '{LA_BBCODE_U_HELP}',
q: '{LA_BBCODE_Q_HELP}',
c: '{LA_BBCODE_C_HELP}',
l: '{LA_BBCODE_L_HELP}',
o: '{LA_BBCODE_O_HELP}',
p: '{LA_BBCODE_P_HELP}',
w: '{LA_BBCODE_W_HELP}',
a: '{LA_BBCODE_A_HELP}',
s: '{LA_BBCODE_S_HELP}',
f: '{LA_BBCODE_F_HELP}',
e: '{LA_BBCODE_E_HELP}',
d: '{LA_BBCODE_D_HELP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}

var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';


// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>

<!-- IF S_BBCODE_ALLOWED -->
<div id="colour_palette" style="display: none;">
<dl style="clear: left;">
<dt><label>{L_FONT_COLOR}:</label></dt>
<dd>
<script type="text/javascript">
// <![CDATA[
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');

if (e.style.display == 'block')
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
}
else
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
}
}

colorPalette('h', 15, 10);
// ]]>
</script>
</dd>
</dl>
</div>
<!--
<div id="format-buttons">
<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /> -->
<!-- IF S_BBCODE_QUOTE -->
<!-- <input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" /> -->
<!-- ENDIF -->
<!-- <input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
<input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
<input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
<input type="button" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" /> -->
<!-- IF S_BBCODE_IMG -->
<!-- <input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" /> -->
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<!-- <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}" /> -->
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<!-- <input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" /> -->
<!-- ENDIF -->
<select name="dropbbcode4" onchange="bbfontstyle('[' + this.form.dropbbcode4.options[this.form.dropbbcode4.selectedIndex].value + ']', '[/' + this.form.dropbbcode4.options[this.form.dropbbcode4.selectedIndex].value + ']') ;this.form.dropbbcode4.selectedIndex = 0;">
<option value="" selected="selected">Text-Formatierung & Link</option>
<option value="b">Text fett anzeigen</option>
<option value="i">Text kursiv anzeigen</option>
<option value="u">Text unterstreichen</option>
<option value="quote">Zitate einf&uuml;gen (quote)</option>
<option value="code">Codierungen anzeigen</option>
<option value="list">Auflistung einf&uuml;gen (list)</option>
<option value="list=">Auflistung einf&uuml;gen (list=)</option>
<option value="*">Aufz&auml;hlungszeichen ([*])</option>
<option value="url">Link (url)</option>
</select>
<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF -->
</select>
<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
<!-- BEGIN custom_tags -->
<input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
<!-- END custom_tags -->
<select name="dropbbcode" onchange="bbfontstyle('[' + this.form.dropbbcode.options[this.form.dropbbcode.selectedIndex].value + ']', '[/' + this.form.dropbbcode.options[this.form.dropbbcode.selectedIndex].value + ']') ;this.form.dropbbcode.selectedIndex = 0;">
<option value="" selected="selected">Video von</option>
<option value="youtube">Youtube</option>
<option value="myvideo">Myvideo</option>
<option value="lustich">Lustich</option>
</select>
<select name="dropbbcode2" onchange="bbfontstyle('[' + this.form.dropbbcode2.options[this.form.dropbbcode2.selectedIndex].value + ']', '[/' + this.form.dropbbcode2.options[this.form.dropbbcode2.selectedIndex].value + ']') ;this.form.dropbbcode2.selectedIndex = 0;">
<option value="" selected="selected">Amazon</option>
<option value="buch">B&uuml;cher</option>
<option value="cd">CD's</option>
</select>
<select name="dropbbcode3" onchange="bbfontstyle('[' + this.form.dropbbcode3.options[this.form.dropbbcode3.selectedIndex].value + ']', '[/' + this.form.dropbbcode3.options[this.form.dropbbcode3.selectedIndex].value + ']') ;this.form.dropbbcode3.selectedIndex = 0;">
<option value="" selected="selected">Suche + Wissen</option>
<option value="google">Google</option>
<option value="lmgtfy">Google f&uuml;r Anf&auml;nger</option>
<option value="wikipedia">Wikipedia</option>
<option value="wiki">Malerfreunde: Wiki</option>
</select>
<select name="dropbbcode5" onchange="bbfontstyle('[' + this.form.dropbbcode5.options[this.form.dropbbcode5.selectedIndex].value + ']', '[/' + this.form.dropbbcode5.options[this.form.dropbbcode5.selectedIndex].value + ']') ;this.form.dropbbcode5.selectedIndex = 0;">
<option value="" selected="selected">Sonstige BBCodes</option>
<option value="FSK18">Beitrag verstecken</option>
<option value="weitersagen">Beitrag drucken, oder auf Facebook, Twitter & Co anzeigen</option>
<option value="pdf">PDF's im Beitrag (direkt lesbar) anzeigen</option>
<option value="show">Text umrahmen (blau/weiss)</option>
<option value="anker">Inhaltsverzeichnisse innerhalb langer Beitr&auml;ge (1)</option>
<option value="anker_url">Inhaltsverzeichnisse innerhalb langer Beitr&auml;ge (2)</option>
<option value="ti_b_cm_m_t_bdm">(Titel, Bildtr&auml;ger, Ma&szlig;e, Medium, Technik, BdM)</option>
</select>
</div>
<!-- ENDIF -->[/code]

Andere Lösungsansätze?

Liebe Grüße
Sladdi
Benutzeravatar
archivar
Mitglied
Beiträge: 572
Registriert: 07.08.2008 08:25
Wohnort: Deutschland

Re: Button verschoben im

Beitrag von archivar »

Ok, wenn das so gewollt ist. :roll:
Aber wo ein Anfang ist muss auch das Ende richtig gesetzt sein:
Durch falsch gesetzte: oder: kommt es zur Verschiebung wie bei dir. :D
Anfang ohne Ende?.

Code: Alles auswählen

<!--
<div id="format-buttons">
Ende ohne Anfang?:

Code: Alles auswählen

	<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /> -->
Dann ändere mal deine Variante dahin gehend:

Code: Alles auswählen

</div>
<!--
<div id="format-buttons">
	<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
	<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
	<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /> -->
	<!-- IF S_BBCODE_QUOTE -->
ersetze damit:

Code: Alles auswählen

</div>

<div id="format-buttons">
	<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
	<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
<!--	<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /> -->
	<!-- IF S_BBCODE_QUOTE -->
oder so ähnlich. :wink:
V. G. archivar
Benutzeravatar
sladdicool
Mitglied
Beiträge: 135
Registriert: 28.11.2010 15:35
Kontaktdaten:

Re: Button verschoben im

Beitrag von sladdicool »

Ok.
Ich dachte:
archivar hat geschrieben: Anfang ohne Ende?.

Code: Alles auswählen

<!--
<div id="format-buttons">
reicht als Anfang.....

...und:
archivar hat geschrieben:Ende ohne Anfang?:

Code: Alles auswählen

	<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /> -->
oder so ähnlich. :wink:
würde als Ende reichen.....

Wenn ich dich richtig verstehe, dann sollte jede Zeile einen Anfang und ein Ende haben? :oops:

Ich geh' probieren ..... :oops:

LG
Sladdi
Benutzeravatar
archivar
Mitglied
Beiträge: 572
Registriert: 07.08.2008 08:25
Wohnort: Deutschland

Re: Button verschoben im

Beitrag von archivar »

Es muss nicht in jeder Zeile stehen - Du kannst auch komplette Bereiche damit versehen, wenn es der richtige Anfang und das richtige Ende sind. :D
V. G. archivar
Benutzeravatar
sladdicool
Mitglied
Beiträge: 135
Registriert: 28.11.2010 15:35
Kontaktdaten:

Re: Button verschoben im

Beitrag von sladdicool »

archivar hat geschrieben:Es muss nicht in jeder Zeile stehen - Du kannst auch komplette Bereiche damit versehen, wenn es der richtige Anfang und das richtige Ende sind. :D
:lol:

Ok.
Ich habe verstanden - ob ich es umsetzen kann, steht auf einem anderen Blatt ..... :o

Vielen Dank für deine Geduld!

LG
S
Benutzeravatar
sladdicool
Mitglied
Beiträge: 135
Registriert: 28.11.2010 15:35
Kontaktdaten:

Re: Button verschoben im

Beitrag von sladdicool »

:oops:

Ich nochmal...

Danke schöööön!

Hat funktioniert!

Schöne Feiertage.

LG
Sladdi
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“