History: Wiki-Syntax Images,el

             # Σύνταξη Wiki - Εικόνες

Αυτό είναι ένα tutorial στο οποίο θα μάθετε πως να:

\- Προσθέτετε εικόνες σε σελίδες Wiki,άρθρα, συζητήσεις και blogs

{BOX()}Το Tiki είναι συμβατό με τα ακόλουθα format εικόνων: .BMP, .JPG, .GIF, .PNG{BOX}

## Προσθήκη εικόνας.


Για να προσθέσετε μια εικόνα σε μια σελίδα στο Tikiwiki πρώτα πρέπει να ανέβει σε μια από τις ομάδες εικόνων. Εξ'ορισμού οι εικόνες ανεβαίνουν στο φάκελο img/wiki_up// εκτός και αν αποθηκεύονται σ'ένα ειδικό φάκελο εικόνων που θα δούμε παρακάτω. Αυτές οι οδηγίες αναφέρονται για σελίδες Wiki, αλλά λειτουργούν επίσης για άρθρα και blogs.

1. Edit: Καθώς επεξεργάζεστε τη σελίδα, βάλτε το κέρσορα στο σημείο που θέλετε να εκχωρηθεί η σελίδα
2. Upload: Προχωρήστε προς τα κάτω στο παράθυρο επεξεργασίας εκεί που λέει "Uplaod Picture" 
    1. Πατήστε το κουμπί browse και εντοπίστε τον φάκελο στον υπολογιστή σας. Εφόσον επιλέξατε την εικόνα και πατήσατε open η τοποθεσία του φακέλου θα εμφανιστεί στο μέρος του Upload Picture.
3. Preview: Πατήστε το κουμπί Preview και το Tikiwiki θα ανεβάσει την εικόνα και θα την προσθέσει στη σελίδα
4. Check: Στο παράθυρο της προεπισκόπησης, η εικόνα εμφανίζεται όπως επιθυμείτε; εμφανίζεται όλη; θα πρέπει να δείτε πίσω στο παράθυρο επεξεργασίας και να πειράξετε την ετικέτα της εικόνας. Χρησιμοποιώντας την ετικέτα εικόνας μπορείτε να κάνετε τα εξής:


α. Align: Μπορείτε να ευθυγραμμίσετε την εικόνα σας, εξ'ορισμού τα περισσότερα Tikis βάζουν την εικόνα ευθυγραμμισμένη με το κείμενο. Αυτό είναι το σωστό για μικρές εικόνες, αλλά στις περισσότερες περιπτώσεις θέλετε το κείμενο να βρίσκεται γύρω από την εικόνα. 
β. Resize: Μπορείτε να αλλάξετε το μέγεθος της εικόνας, αν η εικόνα είναι πολύ μεγάλη ή πολύ μικρή και θές να την αλλάξεις. Σημειώστε πως αλλάζοντας το μέγεθος της εικόνας θα αυξήσετε την ποιότητα, έτσι ίσως θελήσετε να το κάνετε αυτό μ'ένα εξωτερικό επεξεργαστή και να την ανεβάσετε ξανά ## Ετικέτα εικόνας

Η ετικέτα εικόνας στο Tikiwiki δεν είναι στ'αλήθεια κάτι διαφορετικό από τη βασική HTML ετικέτα για εικόνες, και υποστηρίζει τις ίδιες ιδιότητες. Όπως στην HTML, το wiki θα αγνοήσει κάθε εντολή με άγνωστους τύπους ή άγνωστες εντολές.

Σε παλαιότερες εκδόσεις του Tikiwiki, η ετικέτα εικόνας θα εμφανιστεί όταν αφήσεις τον κέρσορα πριν την προεπισκόπηση (σε νεότερς εκδόσεις εγκαθίσταται στο κατώτερο σημείο του κειμένου, στο παράθυρο επεξεργασίας)

Σημείωση: Η IMG σύνταξη για το wiki είχε γίνει ενοχλητική στο παρελθόν (πριν το 1.9.7), παρακαλούμε αναβαθμίστε τη συγκκριμένη σύνταξη για να λειτουργεί.

| {DIV(style='text-align: center')} **Syntax** | ~np~{img src= width= height= align= desc= link= }~/np~{DIV} |
|---|---|
| {DIV(style='text-align: center')}**src=**{DIV} | Το όνομα και ο προορισμός της εικόνας | Υποχρεωτικό |
| {DIV(style='text-align: center')}**width=**{DIV} | Το πλάτος της εμφανιζόμενης σελιδας | Προαιρετικό |
| {DIV(style='text-align: center')}**height=**{DIV} | Το ύψος της εμφανιζόμενης σελίδας | Προαιρετικό |
| {DIV(style='text-align: center')}**align=**{DIV} | Στοίχιση της σελίδας - αριστερά, δεξιά ή κέντρο | Προαιρετικό |
| {DIV(style='text-align: center')}**imalign=**{DIV} | Στοίχιση της σελίδας - αριστερά, δεξιά ή κέντρο | Προαιρετικό |
| {DIV(style='text-align: center')}**desc=**{DIV} | Μια περιγραφή κειμένου για την εικόνα | Προαιρετικό |
| {DIV(style='text-align: center')}**link=**{DIV} | Μια έγκυρη URL για να δημιουργήσετε τη σύνδεση εικόνας με αυτή τη URL | Προαιρετικό |
| {DIV(style='text-align: center')}**hspace=**{DIV} | Προσθέτει ένα κενό, σε pixels, ή σε κάποιο μέρος της εικόνας |  |
| {DIV(style='text-align: center')}**alt=**{DIV} | Προσθέτει ένα εναλλακτικό κείμενο. Πρέπει να περιβάλετε από αποστάγματα | Προαιρετικό |


Σημείωση 1: Χρησιμοποιώντας εισαγωγικά γύρω από όλα τα επιχειρήματα που συνιστώνται αλλα δεν χρειάζονται πάντα

Σημείωση 2: Αν ανεβάσετε ένα αρχείο, μερίκα ονόματα αρχείων μπορεί να μην υποστηρίζονται, μείνετε στους χαρακτήρες αναγνώσιμους από τη μηχανή a-z,0-9 χωρίς κενά

Παραδείγματα για όσους χρησιμοποιούν την ετικέτα εικόνας


{BOX()} 
**Right aligned:** image tag, 50x50 pixels, no description, links to google.

{img src="img/wiki_up/50px-work-in-progress-sign.gif" width=50 height=50 align=right link="http://google.ca" alt="Sample Image."} text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

**Left aligned:** img src="img/wiki_up/50px-work-in-progress-sign.gif" width=50 height=50 align="left" desc="work in progress" link="http://google.ca"alt="Sample Image."

{img src="img/wiki_up/50px-work-in-progress-sign.gif" width=50 height=50 align="left" desc="work in progress" link="http://google.ca" alt="Sample Image."} text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

**Left align:** img src="img/wiki_up/50px-work-in-progress-sign.gif" align="left" desc="work in progress" link="http://google.ca" alt="Sample Image."

{img src="img/wiki_up/50px-work-in-progress-sign.gif" align="left" desc="work in progress" link="http://google.ca" alt="Sample Image."} text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

**Left imalign:** img src="img/wiki_up/50px-work-in-progress-sign.gif" imalign="left" desc="work in progress" link="http://google.ca" alt="Sample Image."

{img src="img/wiki_up/50px-work-in-progress-sign.gif" imalign="left" desc="work in progress" link="http://google.ca" alt="Sample Image."} text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text



**Inline (default) aligned:** 10x10 pixels 
text text text {img src="img/wiki_up/50px-work-in-progress-sign.gif" width=10 height=10} text text text 
{BOX}

Ειδική σημείωση: Σχετικά με την πληκτρολόγηση (nov 2005) η ετικέτα πάνω δεν επιτρέπει στον κείμενο να περιστοιχίζει την εικόνα. Χρειάζεται να ενεργοποιήσεται την HTML της σελίδας και να χρησιμοποιήσετε την ολοκληρωμένη έκδοση της HTML ετικέτας. Για να το κάνετε αυτό ολοκληρώστε το πλάτος και το ύψος, χρησιμοποιώντας ερωτηματικά γύρω απο τις μεταβλητές σας και χρησιμοποιήστε την HTML έκδοση της ετικέτας, χρησιμοποίησε <> αντί για {}

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

## Είκονες στο Tikiwiki

Παρακάτω βλέπουμε που εντοπίζουμε αρχεία εικόνας σε ένα Tiki Site. Δίνετε ο κατάλογος, μια σύντομη περιγραφή των αρχείων, ο αριθμός των αρχείων στο κατάλογο και μια σύνδεση στο μέρος που μπορούμε να δούμε τις εικόνες

| {DIV(style='text-align: center')}**Directory**{DIV} | {DIV(style='text-align: center')}**Description**{DIV} | {DIV(style='text-align: center')}**Qty**{DIV} | {DIV(style='text-align: center')}**Link**{DIV} |
|---|---|---|---|
| {DIV(style='text-align: center')} images {DIV} | Most of the Icons used in Tiki | {DIV(style='text-align: center')}68{DIV} | ((Directory Images Files)) |
| {DIV(style='text-align: center')} img {DIV} | Backgrounds & Logos | {DIV(style='text-align: center')}24{DIV} | ((Directory Img Files)) |
| {DIV(style='text-align: center')} img/avatars {DIV} | Users Avatars | {DIV(style='text-align: center')}580{DIV} | ((Directory Img-Avatars Files)) |
| {DIV(style='text-align: center')} img/custom {DIV} | Images for Articles, Blogs, Files Etc. | {DIV(style='text-align: center')}27{DIV} | ((Directory Img-Custom Files)) |
| {DIV(style='text-align: center')} img/flags {DIV} | Flag from Everywhere | {DIV(style='text-align: center')} X {DIV} | ((Directory Img-Flags Files)) |
| {DIV(style='text-align: center')} img/icn {DIV} | Icons for File Types | {DIV(style='text-align: center')}33{DIV} | ((Directory Img-Icn Files)) |
| {DIV(style='text-align: center')} img/icons {DIV} | A Variety of Small Icons | {DIV(style='text-align: center')}234{DIV} | ((Directory Img-Icons Files)) |
| {DIV(style='text-align: center')} img/icons2 {DIV} | More Small Icons | {DIV(style='text-align: center')}147{DIV} | ((Directory Img-Icons2 Files)) |
| {DIV(style='text-align: center')} img/mytiki {DIV} | Icons used in My Tiki | {DIV(style='text-align: center')}14{DIV} | ((Directory Img-MyTiki Files)) |
| {DIV(style='text-align: center')} img/smiles {DIV} | Smiles used Everywhere | {DIV(style='text-align: center')}23{DIV} | ((Directory Img-Smiles Files)) |
| {DIV(style='text-align: center')} img/tiki {DIV} | Tiki Icons | {DIV(style='text-align: center')}4{DIV} | ((Directory Img-Tiki Files)) |
| {DIV(style='text-align: center')} img/webmail {DIV} | Icons used in WebMail | {DIV(style='text-align: center')}13{DIV} | ((Directory Img-WebMail Files)) |
| {DIV(style='text-align: center')} Dir Too Long {DIV} | ADOdb Icons | {DIV(style='text-align: center')}4{DIV} | ((Directory Lib-Adodb Files)) |
| {DIV(style='text-align: center')} Dir Too Long {DIV} | More Small Icons | {DIV(style='text-align: center')}130{DIV} | ((Directory Lib-Galaxia Files)) |
| {DIV(style='text-align: center')} lib/jHotDraw {DIV} | Various Drawing Buttons | {DIV(style='text-align: center')}51{DIV} | ((Directory Lib-jHotDraw Files)) |
| {DIV(style='text-align: center')} Dir Too Long {DIV} | X | {DIV(style='text-align: center')}19{DIV} | ((Directory Lib-TikiHelp Files)) |

## Ανέβασμα εικόνας

Αυτό το χαρακτηριστικό είναι ενεργοποιημένο/απενεργοποιημένο από τις διοικητικές επιλογές δες:

- Ιδιότητα pictures το οποίο βρίσκεται στη σελίδα επεξεργασίας του Wiki tiki_p_upload_pictures_permission


Τέλος των πρόσφατα ελεγμένων επεξεργαζόμενης τεκμηρίωσης. Περισσότερη τεκμηρίωση σε λιγότερο χρησιμοποιούμενα χαρακτηριστικά. ## Προσθήκη εικόνων στο Image Gallery


Εικόνες αποθηκευμένες σε μια από τις Image Galleries μπορούν να εμφανιστούν σε Wiki σελίδες. Το παρακάτω είναι ένα παράδειγμα ενός μηνύματος το οποίο δίνεται στο τέλος μιας εικόνας εφόσον επιλεγεί.

You can view this image in your browser using: http://tikiwiki.org/tiki_browse_image.php?imageId=72

You can include the image in an HTML or Tiki Page using:![](http:tikiwiki.org/show_image.php?id=72). 
Το όνομα του site μπορεί να απαλειφθεί επειδήν είναι ήδη γνωστό το που βρίσκεται η εικόνα. Η παρακάτω εικόνα εμφανίζεται με αυτό το σχόλιο. 
**{img src=show_image.php?id=72 /}**
{img src=http://tikiwiki.org/show_image.php?id=72 /}

Ειδική σημείωση: Δεν υπάρχουν ερωτηματικά σε αυτό το σχόλιο

## Προσθήκη εικόνων από άλλο site

Η πηγή (src) είναι μια τοποθεσία. Αυτή περιλαμβάνει μια URL μιας εικόνας από ένα άλλο site. Όταν η URL χρησιμοποιείτε, το Tiki αυτόματα παίρνει την εικόνα και την αποθηκεύει σε μια βάση δεδομένων και ανανεώνει τη σύνδεση έτσι ώστε να δείχνει σ'αυτήν την εικόνα. Αυτό επιτρέπει στις εικόνες να παραμένουν στις σελίδες ακόμα και αν απαλέιφονται από τους ελέγχτές που τους είχαν αρχικά. 
Σημείωση : Αυτή η ιδιότητα ελέγχεται από τον administrator. 
-tiki_xxxxxxxxx το οποίο εμφανίζεται στη περιοχή των Wiki ιδιοτήτων κάτω από το xxxxxxx.