[Javascript] Topic Icons using JQUERY
Σελίδα 1 από 1 • Μοιραστείτε
![[Javascript] Topic Icons using JQUERY Empty](https://2img.net/i/empty.gif)
- Port Admin
Admin - Αριθμός μηνυμάτων : 2657
Πόντοι : 6393
Ημερομηνία εγγραφής : 06/03/2017 -
Port Admin Πεμ Σεπ 14, 2017 11:43 pm
1º - JavaScript
The following code add to the Javascript:
Name topic icons
Placement In All Pages
Let's see here to explain how it works:
.replace(/Solved:/g,
the
Solved:
will be used as symbol which you must put at Topic Title where you want to dislay the Solved in this case.
resol_d
this is the CSS part which we named resol_d for solved styling.
SOLVED TEXT
This is the part which will be shown in Topic title
Example:
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.]
2º - CSS Styling the code
Well for CSS and solved i use standard IPB solved style which looks like this
Feel free to design your own style.
3º - Preview
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.]
The following code add to the Javascript:
Name topic icons
Placement In All Pages
- Κώδικας:
jQuery(document).ready(function(){jQuery(".module a, .topiclist, .page-title, .statused").each(function(){jQuery(this).html(jQuery(this).html().replace(/Solved:/g,'<span id=\'resol_d\'>SOLVED TEXT</span>'))})});
Let's see here to explain how it works:
.replace(/Solved:/g,
the
Solved:
will be used as symbol which you must put at Topic Title where you want to dislay the Solved in this case.
resol_d
this is the CSS part which we named resol_d for solved styling.
SOLVED TEXT
This is the part which will be shown in Topic title
Example:
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.]
2º - CSS Styling the code
Well for CSS and solved i use standard IPB solved style which looks like this
- Κώδικας:
#resol_d {
background: none repeat scroll 0px 0px rgb(123, 166, 13);
border-radius: 4px 4px 4px 4px;
color: rgb(255, 255, 255);
display: inline-block;
font-size: 9px;
font-weight: 700;
height: 15px;
line-height: 15px;
padding: 0px 5px;
text-transform: uppercase;
vertical-align: middle;
}
Feel free to design your own style.
3º - Preview
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.]
Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να απαντήσετε
Προκειμένου να απαντήσετε πρέπει να είστε μέλος.
Δημιουργία Λογαριασμού
Ενταχθείτε στην κοινότητά μας δημιουργώντας έναν λογαριασμό. Είναι πανεύκολο!
Δημιουργία ενός νέου Λογαριασμού
Σελίδα 1 από 1
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης![[Javascript] Topic Icons using JQUERY Poll_c10](https://i.servimg.com/u/f86/18/21/41/30/poll_c10.gif?poll=cap_l){kind=small}
![[Javascript] Topic Icons using JQUERY Poll_m10](https://i.servimg.com/u/f86/18/21/41/30/poll_m10.gif?poll=m){kind=small}
![[Javascript] Topic Icons using JQUERY Poll_c10](https://i.servimg.com/u/f86/18/21/41/30/poll_c10.gif?poll=cap_r){kind=small}
