Μήνυμα ευχαριστίας από τον συγγραφέα

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

Γεια χαρά παιδιά! Είναι εύκολο να κάνω κάτι αντίστοιχο με το ωραίο μηνυματάκι που βγάζει σε αυτό το forum κάτω από το μήνυμα μόλις τον ευχαριστήσει ο συγγραφέας?

Γεια σου @Gunman,

Προσπάθησε να περάσεις αυτό το javascript ή να αντικαταστήσεις το ήδη υπάρχον (αν έβαλες) με το παρακάτω:
Τίτλος: Ότι θες
Τοποθέτηση: Στις δημοσιεύσεις
Κώδικας:

Κώδικας:

var CopyrightNotice = 'New thank-you system for forumotion phpBB3 boards. Copyright © 2012 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
    $('.post[style="background-color:#;"] div.clear').after('<div style="height:30px;line-height:35px;color:#000;font-size:14px;font-weight:bold;text-align:center"><hr />Το κείμενο που θες</div>');
});

Και λογικά θα δουλέψει.
Αλλά έχε υπόψιν σου ότι αυτός ο κώδικας δουλεύει με το κουμπί Ευχαριστώ και όχι με το σύστημα Ευχαριστώ που περάσαμε. Άλλο το ένα και άλλο το άλλο.


Luffy

Τέλεια δουλεύει... Κάτι ακόμα, μπορείς να μου πεις πως βάζω τις μικρές photos δεξιά και αριστερά?

Έβαλα πριν τα λόγια υης ευχαριστίας αυτο:

Κώδικας:

<img style="vertical-align:top" src="http://cdn.iconfinder.net/data/icons/Basic_set2_Png/32/star1.png" />  

για να εμφανησει το αστερακι αριστερα από το κείμενο, αλλα πρεπει να είναι λάθος γιατί χαλάνε όλα τα εικονίδια μετά μέχρι να σβήσω το java script.

Καλησπέρα @Gunman,

Αντικατέστησε το κομμάτι του κειμένου σου με αυτό:

Κώδικας:

<img src="http://cdn.iconfinder.net/data/icons/Basic_set2_Png/32/star1.png" /> To κείμενο εδώ'+'!  <img src="http://cdn.iconfinder.net/data/icons/Basic_set2_Png/32/star1.png" />

Τέλεια...!

Πως βάζω στοίχιση στο κέντρο+στην μέση please???

Κώδικας:

var CopyrightNotice = 'New thank-you system for forumotion phpBB3 boards. Copyright © 2012 by Dion DESIGNS. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
    $('.post[style="background-color:#;"] div.clear').after('<div style="height:30px;line-height:35px;color:#000;font-size:14px;font-weight:bold;text-align:center"><hr /><img src="https://farm1.staticflickr.com/381/19557769018_07071c51cf_o.png" /> Ο συγγραφέας σου είπε ευχαριστώ'+'!  <img src="https://farm1.staticflickr.com/438/19124906253_3ee43a5fda_o.png" /></div>');
});

@Gunman αντικατέστησε τον κώδικά σου με τον παρακάτω:

Κώδικας:

var CopyrightNotice = 'New thank-you system for forumotion phpBB3 boards. Copyright © 2012 by Dion DESIGNS. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
    $('.post[style="background-color:#;"] div.clear').after('<div style="height:30px;line-height:35px;color:#000;font-size:14px;font-weight:bold;text-align:center"><hr /><img src="https://farm1.staticflickr.com/381/19557769018_07071c51cf_o.png" style=" style="vertical-align:middle" /> Ο συγγραφέας σου είπε ευχαριστώ'+'!  <img src="https://farm1.staticflickr.com/438/19124906253_3ee43a5fda_o.png" style="vertical-align:middle" /></div>');
});

Aυτό λογικά θα σου μετακινήσει όλο το κείμενο και τις εικόνες στο κέντρο.
Απλά για να γνωρίζεις και εσύ, όταν πρόκειται για εικόνες ή αντικείμενα που δεν αφορούν κείμενο χρησιμοποιούμε το: και αφήνεις μόνο την στοίχιση που θες. Τώρα αυτό το βάλαμε στις εικόνες για να μεταφέρει και το κείμενο.
Αν υπάρχει κάποιο πρόβλημα μας ενημερώνεις.

μπα. υπάρχει πρόβλημα...

http://www.thebrick.gr/t73-topic

Καλησπέρα @Gunman,
Μπορείς να βάλεις εδώ το javascript που χρησιμοποιείς;

ορίστε @Van-helsing 

Κώδικας:

var CopyrightNotice = 'New thank-you system for forumotion phpBB3 boards. Copyright © 2012 by Dion DESIGNS. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
    $('.post[style="background-color:#;"] div.clear').after('<div style="height:30px;line-height:35px;color:#000;font-size:14px;font-weight:bold;text-align:center"><hr /><img src="https://farm1.staticflickr.com/381/19557769018_07071c51cf_o.png" style=" style="vertical-align:middle" /> Ο συγγραφέας σου είπε ευχαριστώ'+'!  <img src="https://farm1.staticflickr.com/438/19124906253_3ee43a5fda_o.png" style="vertical-align:middle" /></div>');
});

Καλησπέρα @Gunman,
Δοκίμασε να αλλάξεις το Javascript με αυτό:

Κώδικας:

var CopyrightNotice = 'New thank-you system for forumotion phpBB3 boards. Copyright © 2012 by Dion DESIGNS. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
    $(function() {
        $('.post[style="background-color:#;"] div.clear').after('<div style="height:30px;line-height:35px;color:#000;font-size:14px;font-weight:bold;text-align:center"><hr /><img src="https://farm1.staticflickr.com/381/19557769018_07071c51cf_o.png" style=" style="vertical-align:top" /> Ο συγγραφέας σου είπε ευχαριστώ'+'!  <img src="https://farm1.staticflickr.com/438/19124906253_3ee43a5fda_o.png" style="vertical-align:top" /></div>');
    });


Το επανέφερε όπως ήταν @Van-Helsing τα γράμματα είναι στην μέση αλλά κάτω.

θέλω να πάνε μέση και κέντρο

http://www.thebrick.gr/t73-topic#265

@Gunman δοκίμασε να αντικαταστήσεις το javascript σου με αυτό:

Κώδικας:

var CopyrightNotice = 'New thank-you system for forumotion phpBB3 boards. Copyright © 2012 by Dion DESIGNS. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
    $('.post[style="background-color:#;"] div.clear').after('<div style="height:30px;line-height:35px;color:#000;font-size:14px;font-weight:bold;text-align:center"><hr /><img src="https://farm1.staticflickr.com/381/19557769018_07071c51cf_o.png" style="vertical-align:middle" /> Ο συγγραφέας σου είπε ευχαριστώ'+'!  <img src="https://farm1.staticflickr.com/438/19124906253_3ee43a5fda_o.png" style="vertical-align:middle" /></div>');
});

Περάστηκε καταλάθως δύο φορές το style και ίσως είναι γι' αυτό που δεν τις εμφάνισε.

Τέλεια @Luffy ! Και τώρα κάτι σχετικά με το άλλο αναπάντητο ερώτημα και το κλειδώνουμε το θέμα.

Στο κουμπί το άλλο, με τις ευχαριστίες που φτιάξαμε, σε μικρή ανάλυση φτιάχνω την θέση του (στο desktop της δουλειάς πχ) και στο σπίτι που έχω μεγαλύτερη ανάλυση το εμφανίζει χάλια, πχ τώρα το βλέπω πάνω στο banner της ευχαριστίας.
Υπάρχει τρόπος να το τοποθετήσω σε σχετική θέση (relevant?) με το δεξί άκρο του post body??

Ή  κάπως να το φτιάξω στην ουσία να μην είναι στεγνά αριθμητικά γιατί το αποτέλεσμα αλλάζει από ανάλυση σε ανάλυση και γίνεται χάλια.

@Gunman,
Πιστεύω το να το έχεις στο κάτω άκρο όπως το είχες θα ήταν δύσκολο να το φτιάξεις.
Δοκίμασε να αντικαταστήσεις αυτό το κομμάτι στο CSS σου :

Κώδικας:

.LGvote {
  fotn-size: 6px;
  margin: 0 5px;
  position: relative;
  right: 2%;
  top: 48px;
}

με το εξής:

Κώδικας:

.LGvote {
  float: left;
  margin-left: 100px!important;
}

@Gunman λύθηκε αυτό;

Μερικές φορές εμφανίζεται πάνω σε γράμματα αν είναι αυτό που εννοείς οτι θα είναι δύσκολο να το έχω κάτω.. Ας το αφήσω έτσι προς το παρόν και βλέπουμε στο μέλλον αν θέλω αλλαγή ώστε να μην πατάει ποτέ πάνω σε κείμενο. ευχαριστώ πολύ!