[Javascript] Topic Icons using JQUERY

Port.forumgreek.com :: .:::OnlineDrive:::. :: Προγραμματισμός :: • Web Desinger :: • Forumotion

Σελίδα 1 από 1 • Μοιραστείτε

[Javascript] Topic Icons using JQUERY

#1448

Port Admin
Admin: Αριθμός μηνυμάτων : 2651
Πόντοι : 6380
Ημερομηνία εγγραφής : 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

Κώδικας:: 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; }