Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

In den Beiträgen können über "Datei anhängen" und "Foto hochladen (addPics.com)" Dateien und Bilder hochgeladen werden.

In "Neuen Beitrag schreiben" sehen die Button so aus:

• Übersichtlich und gut angeordnet!

Wer weis hier weiter?

• Wird in "Admin > Template Entwicklung > [edit] > Beitrag bearbeiten" nach "<!-- File Upload -->" und "{{addfile==true.start}}" eingetragen!
• Durch den Button "Foto hochladen (addPics.com)" sind so einige Korrekturen notwendig
• Optionen für das Programm "addPics.com" kann unter "Admin > Forum > Einstellungen > addPics.com Bildupload aktivieren" verändert werden!
• Das Skript funktioniert mit und ohne "addPics.com" und stellt die CSS passend ein (Zeile 3-17)!

<div class="articleoptions"><div id="do_upload_alt" style="cursor:pointer"><img style="vertical-align:middle; margin:5px;" src="//files.homepagemodules.de/b2001010/a_1072_1240ba25.png" alt=""/>Datei anhängen</div></div>
 
<script>
$(function(){
// Wenn Bildprogrmm "addPics.com" installiert ist
if($('#addpics_externalimageuploaderbox').length){
$('.articleoptions').css({'margin-top':'-5px','position':'absolute','right':'170px'});   // Position  "Datei anhängen"
$('#addpics_imageuploadlinkcontainer').css('margin-top','-30px');   // Position "Fotos hochladen"
$('#addpics_externalimageuploaderbox').css('margin-top','35px');    // Platz für  "Datei anhängen"  bei geöffneten "Fotos hochladen-Fenster"
$('.greybox').css({'margin-bottom':'50px'});   // Platz für "Datei anhängen" und "Fotos hochladen" mit Anhang
}else{
$('.articleoptions').css({'margin-top':'-35px','margin-right':'40px'});   // Position "Datei anhängen" bei deaktivierten  "Foto hochladen (addPics.com)"
}
 
$('#addpics_imageuploadlinkcontainer').click(function(){
$('.articleoptions').css('right','35px');   // Position "Datei anhängen" bei geöffneten "Fotos hochladen"
});
 
});
</script>
 

Ohne "addPics.com":

<!-- File Upload →
{{addfile==true.start}}

<div class="articleoptions" style="margin:-35px 40px 0 0;"><div id="do_upload_alt" style="cursor:pointer"><img style="vertical-align:middle; margin:5px;" src="//files.homepagemodules.de/b2001010/a_1072_1240ba25.png" alt=""/>Datei anhängen</div></div>
 

Auch hier: Business Template V4: "Datei anhängen" in "Beitrag bearbeiten" optisch anpassen!


Bis dann
Wolfgang


Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge

Die Upload-Fenster und ihre Links in passende und gleichbleibenden Positionen zu bringen, ist nicht gerade einfach!
Und das in allen Templates V1-4!
Das Template V6 dagegen ist wirklich richtig gut!




Mir ist noch ein Positionswechsel für "Fotos hochladen" beim Klick auf "Vorschau" aufgefallen!
Habe jetzt auch eine Vorab-Lösung gefunden, ohne das Template zu verändern!
Ist schon ganz schön groß geworden, weil es min. 8 Zustände gibt, wo ein Positionswechsel der Upload-Fenster und Upload-Links möglich ist!
Das Skript ist noch relativ klein geblieben, weil mit dem neuen Skript immer nur ein Upload-Fenster offen steht (wie in ProSilver V2, ansatzweise...)!

Wer Interesse hat: Business-Template V4: Upload-Fenster und Upload-Links optisch anpassen!


Bis dann
Wolfgang

Habe noch etwas zum Aussehen und zum Komfort....
Mir ist aufgefallen, dass in der Vorschau von "Neuen Beitrag schreiben" das Abspeichern sehr komfortabel ist.
An jeder passenden Stelle, gerade bei sehr langen Texten, ist immer ein Speicher-Button in unmittelbarer Nähe (Bild 1)!
Klasse!
In Beitrag bearbeiten leider nicht (Bild 2)!


Vorschlag:
Wie währe es, das Abspeichern in "Beitrag bearbeiten" genau so komfortabel zu gestalten wie in "Neuen Beitrag" schreiben?


Vorab-Lösung:
Das Skript wird wegen der Nutzung von Variablen als PIugin in den "edit_message_footer" kopiert. Das Skript funktioniert nicht in der Fußzeile!

{{preview==true.start}}
<script>
// Oberen Speicher-Button setzen
$('.page_msg .box:first').before('<a href="#" id="savepreview" class="button"><strong>Änderungen speichern</strong></a>').after('<div class="borderbottom"><br></div>');
 
// Hinweistext mit Symbol einfügen
$('.page_msg .mtext').prepend('<div class="attention" style="margin-bottom: 10px;">{{global_attention_image==true.start}}<img src="{{global_attention_image}}" />{{global_attention_image==true.end}}Bitte beachten Sie, dass dies lediglich eine <strong>Vorschau Ihrer Änderungen</strong> ist. Um die Änderungen zu Speichern klicken Sie auf "Änderungen speichern"!</div>');
 
// Speicher-Button in die Fußleiste des Vorschaufenster setzen
$('.page_msg .sidebar table').append('<tr><td colspan="2" class="reply"><div class="mreply"><a href="#" class="smallbutton" id="save-preview-link"><img src="{{global_savepreviewimage}}" /> Änderungen speichern</a></div></td></tr>');
 
// Namensänderung des vorhandenen Speicher-Button
$('.page_msg #editbutton').attr('name','a2')
 
// Löschen des alten Hinweistextes
$('.page_msg div:nth(5)').hide();
 
// Änderung per Button speichern
$('#savepreview,#save-preview-link').click(function() {
$('#editform').submit();
});
</script>
{{preview==true.end}}
 

Bis dann
Wolfgang


Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge

Vorab...
Es sollten noch Bilder zum Verdeutlichen hochgeladen werden, hatte ich vergessen!

Bild 1: So sieht "Neuen Beitrag schreiben" in der Vorschau aus!

Bild 2: So sieht "Beitrag bearbeiten" in der Vorschau aus, ungeschminkt!


Hallo 844er,
wie ich sehe ist Dir das Aussehen, das Design, auch sehr wichtig.
Ich denke, dass der Support sich eher um die Fehler und das Funktionieren kümmert.
Design und Makeup kommen danach!

Zu Deiner Frage:
Xobor hat etwas sehr faszinierendes eingerichtet, die Plugin-Entwicklung!

Sehr umfangreich, etwas kompliziert, aber absolut genial.
Hier kann nicht nur Xobor selber, sondern auch Du als Admin, Erweiterungen in Deinem Forum installieren.
Das Template wird dadurch nicht verändern und bleibt immer aktuell!

Hier geht es zum Plugin-Store mit einer bereits großen Auswahl von fertigen Erweiterungen (nur anklicken!):

• Admin > Plugins > Home"

• "Admin > Plugins > Plugin Entwicklung" aufrufen
• "Neues Plugin erstellen" anklicken!
• Unter "Plugin ID" z.B. "DesignBusiness" eingeben!
• Unter "Plugin Name" z.B. "Design im Business Template V4" eintragen!
• Button "Plugin anlegen" anklicken!
• "Neues Element erstellen" und dann "Template Element" anklicken.
• Dann "Template auswählen" hier "Beitrag bearbeiten" und "Footer" anklicken.
• Jetzt erscheint unter "Template-Name", "edit_message_footer"!
• "Hinzufügen" anklicken.
  Das ist der Platz für das Skript!
• Skript hineinkopieren!
  Fertig!

• Hier bei Xobor:
  Forum Tutorials - Tipps und An... - Unterforen
  Dokumentation der Xobor Plugin API 1
  Support: Plugins
• In meinem Forum (Mit Hilfe von Mike 48):
  Xobor Plugins erstellen, versenden und bearbeiten!