Advertisement

Τεχνολογικές Ειδήσεις, Υποστήριξη, Διαδίκτυο, Ψυχαγωγία, Αγγελίες, Smartphones, Tablets, Games, Eπιστήμη, Free Software

  • Μετάβαση στη σελίδα : Επιστροφή  1, 2

    Δεν μπορείτε να ξεκινήσετε ένα νέο θέμα


    Απαντήσεις σε αυτό το θέμα

    Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω Μήνυμα [Σελίδα 2 από 2]  

    Δημοσίευση: 1 Σύστημα αξιολόγησης θεμάτων Την / Το Παρ 29 Μαρ 2013, 11:23

    Μάριος

    avatar
    News Editor

    Επιστροφή στην κορυφή
    Υπενθύμιση αρχικής δημοσίευσης :

    Θέλω να κάνω ένα σύστημα αξιολόγησης για τα θέματα στην σελίδα μου. Θέλω δηλαδή αν γίνεται, να μπει ένα κουτάκι όπως το + και το - που υπάρχει και να είναι άδειο και οι διαχειριστές να μπορούν να καταχωρήσουν κάποιο αριθμό μέσα σε αυτό! Γίνεται?

    Αν δεν καταλάβατε πείτε μου να σας στήλω αναλυτικά τι θέλω με εικόνες.

    Επισκόπηση του προφίλ των χρηστών http://www.inforumgr.com/

    Δημοσίευση: 26 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 17:42

    Paulos

    avatar
    WebMaster

    Επιστροφή στην κορυφή
    Html

    Κώδικας:
    <ul class='star-rating'>
       <li class='current-rating' id='current-rating' style="width: 37px"></li>
       <li><a href="#" onclick="vote(1); return false;"
              title='1 star out of 5' class='one-star'>1</a></li>
       <li><a href="#" onclick="vote(2); return false;"
              title='2 star out of 5' class='two-stars'>2</a></li>
       <li><a href="#" onclick="vote(3); return false;"
              title='3 star out of 5' class='three-stars'>3</a></li>
       <li><a href="#" onclick="vote(4); return false;"
              title='4 star out of 5' class='four-stars'>4</a></li>
       <li><a href="#" onclick="vote(5); return false;"
              title='5 star out of 5' class='five-stars'>5</a></li>
    </ul>
    <div id='current-rating-result'></div>


    Css


    Κώδικας:
    .star-rating{
          list-style:none;
          margin-left:5px !important;
          padding:0px;
          width: 125px;
          height: 25px;
          position: relative;
          background: url(/images/alt_star.gif) top left repeat-x;      
       }
       .star-rating li{
          padding:0px;
          margin:0px;
          /**/
          float: left;
          /* */
       }
       .star-rating li a{
          display:block;
          width:25px;
          height: 25px;
          text-decoration: none;
          text-indent: -9000px;
          z-index: 20;
          position: absolute;
          padding: 0px;
       }
       .star-rating li a:hover{
          background: url(/images/alt_star.gif) left bottom;
          z-index: 2;
          left: 0px;
       }
       .star-rating a:focus,
       .star-rating a:active{
          border:0;   
          -moz-outline-style: none;
                   outline: none;
       }
       .star-rating a.one-star{
          left: 0px;
       }
       .star-rating a.one-star:hover{
          width:25px;
       }
       .star-rating a.two-stars{
          left:25px;
       }
       .star-rating a.two-stars:hover{
          width: 50px;
       }
       .star-rating a.three-stars{
          left: 50px;
       }
       .star-rating a.three-stars:hover{
          width: 75px;
       }
       .star-rating a.four-stars{
          left: 75px;
       }   
       .star-rating a.four-stars:hover{
          width: 100px;
       }
       .star-rating a.five-stars{
          left: 100px;
       }
       .star-rating a.five-stars:hover{
          width: 125px;
       }
       .star-rating li.current-rating{
          background: url(/images/alt_star.gif) left center;
          position: absolute;
          height: 25px;
          display: block;
          text-indent: -9000px;
          z-index: 1;
       }
       


    Javascript θα το βαλεις στο html

    Κώδικας:
    <script language="javascript">
    function vote(amnt){
       $.ajax({
          type: "POST",
          url: "/path/to/vote/handler.php",
          data: "item_id=12345&vote=" amnt,
          dataType: "json",
          success: function(res){
             $('#current-rating').width(res.width);
             $('#current-rating-result').html(res.status);
          }
       });
    }
    </script>


    Επισκόπηση του προφίλ των χρηστών

    Δημοσίευση: 27 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 17:43

    Μάριος

    avatar
    News Editor

    Επιστροφή στην κορυφή
    Θα κάνω δύο Html δλδ?



    Ουκ ένι ιατρικήν είδέναι, όστις μη οίδεν ό τι εστίν άνθρωπος.
    ~ Ιπποκράτης, 460-377 π.Χ. ~
    Επισκόπηση του προφίλ των χρηστών http://www.inforumgr.com/

    Δημοσίευση: 28 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 17:43

    Paulos

    avatar
    WebMaster

    Επιστροφή στην κορυφή
    θα τα βαλεις σε ενα πρωτυπο...

    Επισκόπηση του προφίλ των χρηστών

    Δημοσίευση: 29 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 17:47

    Μάριος

    avatar
    News Editor

    Επιστροφή στην κορυφή
    Δηλαδή θα κάνω νέο στα Html και θα βαλω και τα δυο μαζί? Ή πρέπει να τα βαλω σε πρότυπο του φόρουμ?



    Ουκ ένι ιατρικήν είδέναι, όστις μη οίδεν ό τι εστίν άνθρωπος.
    ~ Ιπποκράτης, 460-377 π.Χ. ~
    Επισκόπηση του προφίλ των χρηστών http://www.inforumgr.com/

    Δημοσίευση: 30 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 17:55

    Paulos

    avatar
    WebMaster

    Επιστροφή στην κορυφή
    θα το βαλεις σε προτυπο του φορουμ και στην συνεχεια απο το css θα το βαλεις σε οποιο σημειο θελεις

    Επισκόπηση του προφίλ των χρηστών

    Δημοσίευση: 31 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 17:57

    Μάριος

    avatar
    News Editor

    Επιστροφή στην κορυφή
    Δηλαδή αυτά που λέει HMTL μπαίνουν στα πρότυπα του φόρουμ??



    Ουκ ένι ιατρικήν είδέναι, όστις μη οίδεν ό τι εστίν άνθρωπος.
    ~ Ιπποκράτης, 460-377 π.Χ. ~
    Επισκόπηση του προφίλ των χρηστών http://www.inforumgr.com/

    Δημοσίευση: 32 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 18:00

    Paulos

    avatar
    WebMaster

    Επιστροφή στην κορυφή
    ναι...

    Επισκόπηση του προφίλ των χρηστών

    Δημοσίευση: 33 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 18:04

    Μάριος

    avatar
    News Editor

    Επιστροφή στην κορυφή
    Το έκανα αλλά δεν φαίνεται τίποτα.. Sad



    Ουκ ένι ιατρικήν είδέναι, όστις μη οίδεν ό τι εστίν άνθρωπος.
    ~ Ιπποκράτης, 460-377 π.Χ. ~
    Επισκόπηση του προφίλ των χρηστών http://www.inforumgr.com/

    Δημοσίευση: 34 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 18:14

    Μάριος

    avatar
    News Editor

    Επιστροφή στην κορυφή
    Για την εικόνα ποιό πρέπει να βάλω? Επειδή γράφει για τα αστέρια αλλά δεν φαίνεται τίποτα.



    Ουκ ένι ιατρικήν είδέναι, όστις μη οίδεν ό τι εστίν άνθρωπος.
    ~ Ιπποκράτης, 460-377 π.Χ. ~
    Επισκόπηση του προφίλ των χρηστών http://www.inforumgr.com/

    Δημοσίευση: 35 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 19:06

    Proxy*64*

    avatar
    Senior Member

    Επιστροφή στην κορυφή
    Σίγουρα θα ήταν πολύ πιο εύκολο να επιτευχθεί κάτι τέτοιο εάν η forumotion μας επέτρεπε την πρόσβαση στην php των συζητήσεων μας.

    Επισκόπηση του προφίλ των χρηστών http://fataοla.forumgreek.com

    Δημοσίευση: 36 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 19:09

    Μάριος

    avatar
    News Editor

    Επιστροφή στην κορυφή
    Ναι μα τώρα αυτό που μου έδειξε ο Παύλος δεν δουλεύει!! Τι μπορώ να κάνω? Προφανώς είναι η εικόνα που λείπε.. Αλλά που μπορώ να βρω εικόνα ανάλογη?
    mmmeil



    Ουκ ένι ιατρικήν είδέναι, όστις μη οίδεν ό τι εστίν άνθρωπος.
    ~ Ιπποκράτης, 460-377 π.Χ. ~
    Επισκόπηση του προφίλ των χρηστών http://www.inforumgr.com/

    Δημοσίευση: 37 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 19:15

    Proxy*64*

    avatar
    Senior Member

    Επιστροφή στην κορυφή
    Μάριος έγραψε:Για την εικόνα ποιό πρέπει να βάλω? Επειδή γράφει για τα αστέρια αλλά δεν φαίνεται τίποτα.
    Tο css είναι διαμορφομένο έτσι ώστε η εικόνα με τα αστεράκια να ανεβαίνει στον sevrer του website.
    Απλά θα κάνουμε την εικόνα copy από εκείνο to site, αντί να την κατεβάσουμε και να την ξανανεβάσουμε σε κάποιο server.
    Δοκίμασε αυτό για το css
    Κώδικας:
      .star-rating{
          list-style:none;
          margin-left:5px !important;
          padding:0px;
          width: 125px;
          height: 25px;
          position: relative;
          background: url('http://dtbaker.net/webimages//alt_star.gif') top left repeat-x;      
       }
       .star-rating li{
          padding:0px;
          margin:0px;
          /**/
          float: left;
          /* */
       }
       .star-rating li a{
          display:block;
          width:25px;
          height: 25px;
          text-decoration: none;
          text-indent: -9000px;
          z-index: 20;
          position: absolute;
          padding: 0px;
       }
       .star-rating li a:hover{
          background: url('http://dtbaker.net/webimages//alt_star.gif') left bottom;
          z-index: 2;
          left: 0px;
       }
       .star-rating a:focus,
       .star-rating a:active{
          border:0;   
          -moz-outline-style: none;
                   outline: none;
       }
       .star-rating a.one-star{
          left: 0px;
       }
       .star-rating a.one-star:hover{
          width:25px;
       }
       .star-rating a.two-stars{
          left:25px;
       }
       .star-rating a.two-stars:hover{
          width: 50px;
       }
       .star-rating a.three-stars{
          left: 50px;
       }
       .star-rating a.three-stars:hover{
          width: 75px;
       }
       .star-rating a.four-stars{
          left: 75px;
       }   
       .star-rating a.four-stars:hover{
          width: 100px;
       }
       .star-rating a.five-stars{
          left: 100px;
       }
       .star-rating a.five-stars:hover{
          width: 125px;
       }
       .star-rating li.current-rating{
          background: url('http://dtbaker.net/webimages//alt_star.gif') left center;
          position: absolute;
          height: 25px;
          display: block;
          text-indent: -9000px;
          z-index: 1;
       }

    Επισκόπηση του προφίλ των χρηστών http://fataοla.forumgreek.com

    Δημοσίευση: 38 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 19:19

    Μάριος

    avatar
    News Editor

    Επιστροφή στην κορυφή
    Γιώργο αυτό έκανα αλλά η εικόνα το εμφανίζει με 1 αστέρι και μισό από την αρχή και όταν προσπαθήσω να προσθέσω αστέρι με παίρνει στην κορυφή χωρίς να κάνει κάποια αλλαγή..



    Ουκ ένι ιατρικήν είδέναι, όστις μη οίδεν ό τι εστίν άνθρωπος.
    ~ Ιπποκράτης, 460-377 π.Χ. ~
    Επισκόπηση του προφίλ των χρηστών http://www.inforumgr.com/

    Δημοσίευση: 39 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 19:28

    Μάριος

    avatar
    News Editor

    Επιστροφή στην κορυφή
    Μπορεί να κλειδώσει! Λύθηκε!



    Ουκ ένι ιατρικήν είδέναι, όστις μη οίδεν ό τι εστίν άνθρωπος.
    ~ Ιπποκράτης, 460-377 π.Χ. ~
    Επισκόπηση του προφίλ των χρηστών http://www.inforumgr.com/

    Δημοσίευση: 40 Απ: Σύστημα αξιολόγησης θεμάτων Την / Το Σαβ 30 Μαρ 2013, 19:30

    Θάλεια

    avatar
    Administrator

    Επιστροφή στην κορυφή
    Το θέμα λύθηκε και κλειδώνεται.



    ο σεβασμος δεν γεννιεται μονος του αλλα κερδίζεται!! Wink

    Αίτηση για newsposters ΕΔΩ
    Επισκόπηση του προφίλ των χρηστών https://www.thegreeksenergy.com/forum

    Μήνυμα [Σελίδα 2 από 2]

    Μετάβαση στη σελίδα : Επιστροφή  1, 2

    Δεν μπορείτε να ξεκινήσετε ένα νέο θέμα


    Μοιραστείτε αυτό το θέμα

    Url
    BBcode
    HTML

    Δικαιώματα σας στην κατηγορία αυτή. Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης