Bewertungssystem

so ich bins schon wieder^^
hab nochmal eine frage zum bewertungssystem, denn in einem anderen forumieren-forum hab ich etwas entdeckt, das ich aber irgendwie nicht so recht verstehe.
die haben da nicht diese +/- bewertung, sondern nur den danke-button stehen und wenn man den dann gedrückt hat, erscheint das symbol "positiv bewertet" und nicht der langweilige grüne balken. außerdem haben sie die "-" bewertung deaktiviert und ich wollte fragen wie die das geschafft haben. bestimmt mit irgendwelchen codes, da ich mich da aber nicht so gut auskenne wollte ich einfach mal nachfragen =)
die bereits existierenden threads haben mir nicht wirklich weitergeholfen oder ich habs einfach nicht verstanden, bin noch ziemlich neu.
hab hier mal einen screenshot davon gemacht:

Hallo,
Um das so hinzubekommen must du erst einmal die entsprechenden Grafiken haben.
Dann kannst du das über das Template:
viewtopic_body
Verändern.
Der Abschnitt der dafür Zuständig ist, ist dieser hier:

Code:

                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->


Hier sind nun die Variablen für die Grafiken zu entfernen und die durch deine Grafiken zu ersetzen.
Auch kannst du hier die Funktion zum negativen Bewerten entfernen.
Schau dir den Abschnitt genau an und du wirst erkennen, was du wo ersetzen oder entfernen musst.

danke für die schnelle antwort, ich glaube auch ich verstehs. nur steh ich jetzt vor einem problem. ich komme in meinem richtigen forum nicht in den template-bereich. der müsste ja eigentlich unter der kategorie "avatare" sein oder? ich habe nämlich noch ein testforum und da ist der bereich zu sehen.
so siehts im adminbereich für das richtige forum aus wenn ich aufs template zugreifen will:

hab ich den vielleicht aus versehen deaktiviert?

Du must mit dem Gründer Account eingeloggt sein.
Nur der Gründer Admin kann die Templates bearbeiten.
Ein Co Admin hat die Berechtigung nicht.

#Frank schrieb:[...]
Hier sind nun die Variablen für die Grafiken zu entfernen und die durch deine Grafiken zu ersetzen.
Auch kannst du hier die Funktion zum negativen Bewerten entfernen.
Schau dir den Abschnitt genau an und du wirst erkennen, was du wo ersetzen oder entfernen musst.

tut mir leid, aber das erkenn ich nicht, hab keine ahnung von codes. ich hab die stelle im template gefunden, aber ich weiß nicht wo ich was einsetzen muss?

EDIT: die grafik konnte ich jetzt einfügen, aber wenn man raufdrückt wird man zu dem imagehoster weitergeleitet und es wird nicht als "danke" gewertet. außerdem ist der button verschoben:

Wenn du zum Image Hoster weitergeleitet wirst, dann hast du den Falschen Link angegeben. Du must den Direktlink nehmen.
Und ausrichten musst du das Bild dann noch über das CSS.

hab jetzt den direktlink genommen und das kam dabei raus:

hab ich irgendwas vergessen? muss ich [img][/img] oder so etwas einfügen?
hier ist mein code:

Code:

<!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">http://s7.directupload.net/images/111030/dq9hy497.png</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

Du solltest dich vir allem mit HTML vertraut machen.
Das IMG Tag ist im HTML:
<img src="Bildadresse">
du solltest erst einmal klein anfangen und mal schauen, wie einfache HTML Seiten aufgebaut sind.
Im Netz findest du einige Seiten, die Anfängern wichtige Grundlagen vermitteln wollen.

ok ich werd mich mit dem thema demnächst auseinander setzen.
also erstmal danke für die ganzen tipps, bin schon einen großen schritt weiter gekommen^^
jetzt brauch ich aber bitte nochmal hilfe :/
du sagtest vorhin etwas von css verändern damit der button an der richtigen stelle ist. kannst du mir das näher erklären? oder hast du da vielleicht einen fertigen code zum einfügen? das wäre echt super.
momentan sieht das ganze nämlich so aus und das ist nicht so schön:

das "positiv bewertet" sollte unter "quote" und "edit" sein und das "danke" einfach ein stück nach links, dass es nicht über den rand schaut. aber wenigstens funktionieren die buttons jetzt^^

Da das alles sehr umfangreich ist und ich heute keine Zeit mehr dazu habe, wirst du entweder weiter Suchen müssen, oder du geduldest dich bis ich die Zeit habe das alles nachzubauen und die Erklärung dazu schreiben kann.
Es kann aber auch sein, das Cyborg morgen dazu Zeit findet und dir erklären kann wie er Vorgeht.
Aber der Ansatz ist schon gut. Nun muss noch die grüne Bar entfernt werden, der Button Positiv bewertet muss an eine andere Stelle geschoben werden und die Bilder müssen noch positioniert werden.
Dazu muss den Bildern noch eine ID zugewiesen werden die du dann mit einem CSS Eintrag ansprechen kannst und dann entsprechend verschieben kannst.
Es ist noch ein weiter Weg, aber das ist eine gute Herrausforderung um das selber zu erarbeiten und dabei was zu lernen.

gut danke
wird das dann einfach bei gelegenheit hier im thread gepostet?

Hallo,

ich denke mal ich darf hier kurz schreiben

Habe heute wieder etwas mehr Zeit und habe mir mal alles durchgelesen und setze mich jetzt mal dran und versuche eine Lösung zu finden, was aber gegebenenfalls etwas dauern kann.
Bitte versuche aber auch selbst weiter das Problem zu lösen, damit du auch was dabei lernst, sonst hat das ganze ja keinen Sinn.

Noch einen schönen Feiertag

LG, Cyborg

EDIT: Zurzeit finde ich keine Lösung, ich versuche es aber weiter
Nicht wundern, ich hatte mich bei dir angemeldet um mir das vor Ort anzusehen.
Bitte versuche auch du es weiter und ansonsten melde ich mich wenn ich eine Lösung gefunden habe.

So, dann gehen wir das mal an.
Ich habe es in meinem Testforum versucht.
Welche Einträge du weglassen musst um die Negativen Bewertungen nicht anzeigen zu lassen, denke ich ist dir nun bewusst.
Trotzdem werde ich den Bereich im Template
viewtopic_body
Noch mal erklären.
Der Bereich um den es geht ist dieser:
(Positive Funktionen in Grün und Negative Funktionen in Rot.

<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->

<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->

<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->

<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->

<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->

Nun dazu wie wir die Buttons einsetzen.
Es geht um diese beiden Bereiche:

Code:

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>

und den hier:

Code:

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

Hier seht ihr das + und das - Zeichen.
Dieses wird durch eure Grafik ersetzt.
Bei mir sieht es dann z.B. so aus für den Plus Button:

Code:

<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"><img src="http://www.abload.de/img/plusl27m4.png"></div>

Das Plus wurde durch die Grafik:

ersetzt.
Das gleiche gilt sinngemäß auch für die Minus Grafik.

Nun haben wir aber noch das Problem, das diese Grafik im ungünstigen Fall nach rechts über den Forenrand drüber steht.
Das korrigieren wir mit einem CSS Eintrag.
Da zu fügen wir das hier zu unserem CSS hinzu:

Code:

.vote .vote-button {
    margin-left: -36px;
}

Der hier angegebene Pixel Wert muss natürlich an die Breite eurer Grafik angepasst werden.

Nun zu der Sache, das die Bewertungen unterhalb der Beitrags Bearbeitungs Buttons angezeigt werden und dort unten wo die Buttons sind nicht mehr.
Dazu müssen wir diesen Teil entfernen:

Code:

<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->

<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->

<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->

Wir brauchen diesen Teil aber noch um den an anderer Stelle wieder einzusetzen.
Wir suchen diesen Teil im Template:

Code:

<td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}

Hier hinter setzen wir nun den Teil ein, den wir gerade ausgeschnitten haben. Insgesamt sieht der Teil dann so aus:

Code:

<td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}<br>
                                          <!-- BEGIN switch_vote_active -->
                                          <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"><img src="http://www.abload.de/img/plusl27m4.png"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"><img src="http://www.abload.de/img/minusua72b.png"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->
                                          <!-- END switch_vote_active -->
               </td>

Achtung hier haben wir noch zwei Zeilen zusätzlich als die, die wir vorher ausgeschnitten haben.
Am beginn steht dieser Eintrag:
<!-- BEGIN switch_vote_active -->
und am Ende ist der Eintrag:
<!-- END switch_vote_active -->
Wenn alles richtig ist, dann sollte es so aussehen:
Beitrag Positiv bewertet:

Beitrag noch nicht bewertet:

Beitrag negativ bewertet:

Noch ein Zusatz. Wir können auch noch eine Grafik für noch nicht bewertet Beiträge einsetzen.
Dazu muss an dieser Stelle:

Code:

<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->

Nur das ---- durch eine Grafik ersetzt werden.
Ich habe das mal so gemacht:

Code:

<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar"><img src="http://www.abload.de/img/nulltmo4j.png"></div>
<!-- END switch_no_bar -->

Aussehen tut es dann so:

Gut vielen Dank, der danke-button ist jetzt zentriert. Aber ab dem Punkt mit dem dem Löschen des Codes im Template hab ich ein problem. Seit dem Update kann ich irgendwie nichts mehr kopieren und einfügen.
Hab ich da etwas übersehen?

Eigentlich sollte das aber gehen. Nutzt du den Firefox Browser wie du angegeben hast?
Ich habe da keine Probleme mit.

ja tu ich. bisher gings ja auch immer.
passiert einfach nichts wenn ich mit rechtsklick ins template-fenster klicke..

EDIT: bin jetzt mit Chrome drin und da funktionierts.

So, jetzt sieht das so aus:


Das ist mein Code:

Code:

<td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
                                                    <!-- BEGIN switch_vote_active -->
                                  <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"><img src="http://s7.directupload.net/images/111030/ciwk6bnu.png"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar"></div>
                     <!-- END switch_no_bar -->

Du hast es an die falsche Stelle gesetzt. Schau noch mal genau hin was ich oben beschrieben habe.
Achte genau darauf wo und wie ich den ausgeschnittenen Teil eingesetzt habe.
Du bist da in der Zeile verrutscht.

Ich habe gerade gesehen, das ich bei der Beschreibung einen Fehler in dem Code hatte hinter dem das Teil mit dem Bewertung erhalten Button eingesetzt werden soll.
Der Fehler wird aber in dm darauf folgenden Teil ersichtlich wo de gesamte Abschnitt gezeigt wird.
Ich habe den Fehler in der Beschreibung korrigiert.

Ja, ich habs auch gemerkt, konnte mir aber den Rest dazu denken^^

Und ist der Code jetzt richtig so?

Code:

<td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}<br>
                                          <!-- BEGIN switch_vote_active -->
                                          <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"><img src="http://s7.directupload.net/images/111030/ciwk6bnu.png"></div>
                        <!-- END switch_vote_plus -->
                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar"></div>
                     <!-- END switch_no_bar -->
                                          <!-- END switch_vote_active -->
              </td>

Wenn es damit an der richtigen Stelle ist, dann wird es auch richtig sein.
So wie ich es sehe, sollte es nun stimmen.

Hm ich hab einen riesen Fehler gemacht^^
Ich hab aus Versehen meine gesamten Templateänderungen gelöscht. Jetzt finde ich die Stelle wo man den Button "positiv bewertet" einfügt nicht mehr.
Kann man ein gelöschtes Template wiederherstellen?

Nein, das kann man nicht.
Du wirst das Template dann löschen müssen, so das das Original wieder eingesetzt wird und dann noch mal von vorne beginnen.
Wie es geht steht ja immer noch hier auf der ersten Seite.

Übung mach den Meister.

So ich häng jetzt wieder an einer Stelle fest. Mittlerweile suche ich seit über einer Stunde nach der Stelle wo man den Positiv bewertet Button einfügt und finde sie einfach nicht. Entweder ich übersehe es die ganze Zeit oder es steht einfach nicht auf der ersten Seite. Also bitte poste noch mal genau diese Stelle, sonst komm ich niemals weiter.

Gib doch einfach in der Suche oberhalb vom Template Fenster diese Variable ein:
{postrow.displayed.REPORT_IMG}
Genau dort hinter geht es dann weiter.
Es ist doch hier auf der ersten Seite alles genau angegeben.
Was ist so schwer daran?
Man sollte sich schon etwas dabei konzentrieren, wenn man sowas macht.
Ich denke das du solche Sachen in Zukunft nicht so zwischendurch machen solltest.
Wenn du dann in einigen Wochen dich mit HTML mal etwas eingehender beschäftigt hast, dann wirst du auch Verständnis für die Templates haben.