Jump to content
  • 0
Dimitris_p

Εικονίδιο για download

Question

Dimitris_p

Θελω να προσθέσω κατι στον επεξεργαστή κειμένου αλλα δεν ξέρω αν γινετε. Αυτό που θέλω ειναι όταν βάζω ένα εξωτερικό link urlαντί να βγαζει είτε το λινκ είτε πχ μια λέξη, να βγαζει ένα εικονίδιο - εικόνα που να γράφει πχ download και πατώντας το να κατεβαίνει. Γίνετε αυτό με καποιο τρόπο? 

Share this post


Link to post
Share on other sites

18 answers to this question

Recommended Posts

  • 0
JoeDer

Σου έχω τρόπο να κάνεις αυτό που θες.

Αρχικά έχε έτοιμη μια μικρή εικόνα που θα προστεθεί στον editor

Για παράδειγμα μια σαν και αυτή: Downloads, download, arrow, down Icon in Embems Icons (icon-icons.com)

Στην συνέχεια πας: ACP > Customization > Toolbars > και πατάς επάνω δεξιά που λέει Add Button.

Όπως φαίνεται και στον παρακάτω οδηγό: 

αλλάζεις μόνο τον κώδικα HTML με τον παρακάτω:

<a class='ipsButton ipsButton_medium ipsButton_important' href='{option}' rel='external nofollow noopener' target='_blank'>Download</a>

Πατάς Save και προσθέτεις το εικονίδιο στην θέση της επιλογής σου στον editor από τα μη ενεργά εικονίδια που είναι στο κάτω μέρος.

Share this post


Link to post
Share on other sites
  • 0
JoeDer

Για αυτόματο τρόπο δεν γίνεται παρά μόνο αν δημιουργηθεί κάποιο plugin για την λειτουργία αυτή.

Χειροκίνητα μπορείς να το κάνεις κάθε φορά με την χρήση μιας attachment εικόνας που πατώντας 2πλό κλικ επάνω της (εφόσον την έχεις προσθέσει στον editor) σου δίνεται η δυνατότητα να προσθέσεις ένα λινκ έτσι ώστε πατώντας την εικόνα να ανακατευθύνει στο λινκ.

Share this post


Link to post
Share on other sites
  • 0
Dimitris_p
Posted (edited)

Υπάρχει αυτό εδώ αλλά έχει χρόνια να ενημερωθεί. Απ οτι βλεπω σε άλλο site από της φώτο του mod, κάνει αυτό που θέλω.

https://invisioncommunity.com/forums/topic/321109-download-magnet-link-mirror/

1-png-3b25bf4571e9ae28c51d8d3e28f3a0cf.p

2-png-622a48ee6b4a90d0b585b7a82fd656b7.p

3-png-ea00602018aa0fdb302957562df43ee8.p

Aυτο το χειροκίνητο τρόπο μπορείς να μου τον περιγράψεις πως να το κανω μήπως και με βολεύει? 

Edited by Dimitris_p

Share this post


Link to post
Share on other sites
  • 0
JoeDer

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

Παράδειγμα:

Εικονίδιο-για-download-Questions-IPB-GR.png

logo.png.6f3083f21c331fe8919af0c875ee96b

Share this post


Link to post
Share on other sites
  • 0
Dimitris_p

Δεν κατάλαβα επ ακριβώς! Την φωτο που θα την ανεβάσω? Π χ εχω μια εικόνα που γράφει Download και αυτή θέλω να εχω σε όλα τα μηνυματα. 

Share this post


Link to post
Share on other sites
  • 0
JoeDer

Θέλεις να την έχεις σε όλα τα δικά σου μηνύματα ή σε όλα όλων των χρηστών;

Share this post


Link to post
Share on other sites
  • 0
Dimitris_p

Θελω όλοι να έχουν το δικαίωμα να βάζουν λινκ με αυτόν τον τρόπο. Γίνετε? 

Share this post


Link to post
Share on other sites
  • 0
JoeDer

Γίνεται όπως σου εξήγησα.

Share this post


Link to post
Share on other sites
  • 0
Dimitris_p

Οκ τωρα το κατάλαβα πως δουλεύει το δοκίμασα οκ. Δεν υπαρχει καποια λυση με html απο τον editor δηλ αυτό που ζητάω να γινετε όταν πατώ ένα εικονίδιο? 

Share this post


Link to post
Share on other sites
  • 0
sylvester73

Καλημέρα, σκέφτηκα κάποιο τρόπο.... Αν προλάβω και δω οτι δουλευει, θα κανω οδηγο σήμερα

Share this post


Link to post
Share on other sites
  • 0
Dimitris_p
Posted (edited)
1 ώρα πριν, JoeDer said:

Σου έχω τρόπο να κάνεις αυτό που θες.

Αρχικά έχε έτοιμη μια μικρή εικόνα που θα προστεθεί στον editor

Για παράδειγμα μια σαν και αυτή: Downloads, download, arrow, down Icon in Embems Icons (icon-icons.com)

Στην συνέχεια πας: ACP > Customization > Toolbars > και πατάς επάνω δεξιά που λέει Add Button.

Όπως φαίνεται και στον παρακάτω οδηγό: 

αλλάζεις μόνο τον κώδικα HTML με τον παρακάτω:


<a class='ipsButton ipsButton_medium ipsButton_important' href='{option}' rel='external nofollow noopener' target='_blank'>Download</a>

Πατάς Save και προσθέτεις το εικονίδιο στην θέση της επιλογής σου στον editor από τα μη ενεργά εικονίδια που είναι στο κάτω μέρος.

Γιάννη ευχαριστώ κατ αρχην.! Δουλεύει μια χαρά που το δοκίμασα, δεν ξέρω αν μπορουμε να προσθέσουμε κατι στον κώδικα ώστε να μην βγαζει απλά μια λέξη πχ download αλλά μια εικόνα που να οδηγεί στο λινκ? Γίνετε αυτό? 

Edit, βασικά είδα ένα πρόβλημα. Οταν πατάω το εικονίδιο στον editor που πρόσθεσα με τον τρόπο που περιέγραψες μου βγαζει μια εικόνα που γράφει download.Όταν ομως της κανω κλικ και ανοιγει το παράθυρο να βάλω το link, αποθηκεύει την λέξη download. Κάνω κάτι λάθος στην διαδικασία? Εγω θα ήθελα να εχω την εικόνα και όχι την λέξη δηλαδή. 

upload.png

Edited by Dimitris_p

Share this post


Link to post
Share on other sites
  • 0
JoeDer

Στο αναδυόμενο παράθυρο που σου βγάζει όταν πατάς το εικονίδιο στον editor απλά προσθέτεις το download link.

Τώρα, για να προσθέσεις εικόνα αντί για την λέξη download μπορείς με δύο τρόπους.

Ή προσθέτεις ένα εικονίδιο font awesome αντικαθιστώντας τον κώδικα με τον παρακάτω:

<a class='ipsButton ipsButton_medium ipsButton_important' href='{option}' rel='external nofollow noopener' target='_blank'><i class="fa fa-download" aria-hidden="true"></i></a>

Ή μια εικόνα που θα την τραβάει κατά προτίμηση από τον server σου, ανεβασμένη για παράδειγμα στον φάκελο /uploads και αντικαθιστώντας τον κώδικα με τον παρακάτω:

<a href='{option}' target='_blank'><img src="https://www.newsat.gr/uploads/download_image.png"></a>

Για τις σωστές διαστάσεις ή την φτιάχνεις να είναι στα σωστά πίξελ ή προσθέτεις στον κώδικα το χαρακτηριστικό style για να ορίσεις το πλάτος και το ύψος της εικόνας.

Για παράδειγμα:

<a href='{option}' target='_blank'><img src="https://www.newsat.gr/uploads/download_image.png" style="width:300px;height:100px;"></a>

Τέλος, υπάρχει μια περίπτωση να μην δεις την αλλαγή στο αποτέλεσμα του editor. Αν συμβεί αυτό, σβήσε οριστικά το button και ξανά δημιούργησέ το, από την αρχή.

Share this post


Link to post
Share on other sites
  • 0
sylvester73
4 ώρες πριν, JoeDer said:

Σου έχω τρόπο να κάνεις αυτό που θες.

Αρχικά έχε έτοιμη μια μικρή εικόνα που θα προστεθεί στον editor

Για παράδειγμα μια σαν και αυτή: Downloads, download, arrow, down Icon in Embems Icons (icon-icons.com)

Στην συνέχεια πας: ACP > Customization > Toolbars > και πατάς επάνω δεξιά που λέει Add Button.

Όπως φαίνεται και στον παρακάτω οδηγό: 

αλλάζεις μόνο τον κώδικα HTML με τον παρακάτω:


<a class='ipsButton ipsButton_medium ipsButton_important' href='{option}' rel='external nofollow noopener' target='_blank'>Download</a>

Πατάς Save και προσθέτεις το εικονίδιο στην θέση της επιλογής σου στον editor από τα μη ενεργά εικονίδια που είναι στο κάτω μέρος.

 Κάτι τέτοιο ειχα και εγω στο μυαλό μου αλλα δεν πρόλαβα. Να σαι καλα, μας βοηθησες ολους :)

Share this post


Link to post
Share on other sites
  • 0
JoeDer
8 minutes ago, sylvester73 said:

 Κάτι τέτοιο ειχα και εγω στο μυαλό μου αλλα δεν πρόλαβα. Να σαι καλα, μας βοηθησες ολους :)

Ήμουν σίγουρος ότι κάτι τέτοιο είχες κατά νου!!

Για να βοηθήσω λίγο ακόμα, οι πηγές μου είναι από το help guide της Invision:

Adding custom editor buttons

Buttons

:)

Share this post


Link to post
Share on other sites
  • 0
Dimitris_p

Θα το σβήσω να το κανω από την αρχή κάτι εχει πάει στραβά και θα σας πω. 

Share this post


Link to post
Share on other sites
  • 0
Dimitris_p

Δεν ξέρω αλλα εμένα δεν μου δουλεύει σωστά. Οταν πατάω το εικονίδιο στον editor αντί το αναδυόμενο παράθυρο μου βγαζει μια εικόνα download, αυτή που  εχω βάλει ποιο πάνω. Σε εσάς δουλεύει σωστά? 

Share this post


Link to post
Share on other sites
  • 0
JoeDer

Add_Download_Button1.png

Add_Download_Button2.png

Add_Download_Button3.png

Add_Download_Button4.png

Add_Download_Button5.png

Δοκίμασε σε ανώνυμη περιήγηση.

Share this post


Link to post
Share on other sites
  • 0
Dimitris_p
Posted (edited)

Βρέθηκε το πρόβλημα τελικά. Το use option το είχα off και δεν είχα βάλει περιγραφή, αλλά δεν ξέβγαζε και σφάλμα κατά το save.Το κάνα on έβαλα περιγραφή και όλα καλά. Ευχαριστώ για την βοήθεια! 😎

Edited by Dimitris_p

Share this post


Link to post
Share on other sites
Σχολιάστε εποικοδομητικά

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. | Terms of Use