• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 2

ΤΕΧΤ ΒΟΧ
ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 2
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα ή περισσότερα κουτία κειμένου μέσα στην ανάρτησή μας με πλαίσιο, σε επιθυμητές διαστάσεις, με ξεχωριστό background και χρώμα κειμένου. Επίσης μπορούμε αυτά τα κουτιά να τα βάλουμε το ένα δίπλα στο άλλο. Ανοίξτε μια νέα ανάρτηση και πατήστε το κουμπί HTML για να δείτε τον κώδικα της ανάρτησης. Σβήστε τις 2 ή 3 γραμμές κώδικα που μπορεί να περιέχει η ανάρτηση και επικολλήστε τον παρακάτω κώδικα όχι όλον αν δεν θέλετε όλα τα κουτιά αλλά επιλεκτικά όποια κουτιά θέλετε και ταιριάζουν στο ιστολόγιό σας.
Ο κώδικας του κάθε κουτιού κειμένου αρχίζει με <textarea και τελειώνει με </textarea>. Μετά επικολλήστε το κείμενό σας αμέσως μετά το A. Εν συνεχεία μπορείτε να βάλετε και άλλους κώδικες κουτιών αλλάζοντας τα γαλάζια νούμερα του width:ΧΧΧpx; και του height:ΧΧΧpx; έτσι ώστε να προσαρμόσετε τα κουτιά στο πλάτος της ανάρτησης που διαθέτετε.

<textarea name="Textbox1" style="width:950px; height:150px; background-color: #333333; color: white; font-family:arial; font-size:8px; border:2px solid #FFFF00">A► ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 8 PX
</textarea>

<textarea name="Textbox2" style="width:470px; height:150px; background-color: #173374; color: white; font-family:arial; font-size:10px; border:1px solid #4EFF44">B► ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
</textarea>

<textarea name="Textbox3" style="width:470px; height:150px; background-color: #255720; color: white; font-family:arial; font-size:12px; border:1px solid #33FFFF">C► ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
</textarea>

<textarea name="Textbox4" style="width:465px; height:150px; background-color: #661111; color: white; font-family:arial; font-size:14px; border:4px solid #FFFF00">D► ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
</textarea>

<textarea name="Textbox5" style="width:470px; height:150px; background-color: #FFFF00; color: black; font-family:arial; font-size:16px; border:1px solid #FF1111">E ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 16 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 16 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 16 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 16 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 16 PX
</textarea>

<textarea name="Textbox6" style="width:470px; height:150px; background-color: #33FFFF; color: black; font-family:arial; font-size:18px; border:1px solid #000000">F► ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 18 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 18 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 18 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 18 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 18 PX
</textarea>

<textarea name="Textbox7" style="width:470px; height:150px; background-color: #FF6600; color: black; font-family:arial; font-size:20px; border:1px solid #33FFFF">G ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 20 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 20 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 20 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 20 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 20 PX
</textarea>

<textarea name="Textbox8" style="width:300px; height:150px; background-color: #740777; color: white; font-family:arial; font-size:10px; border:5px solid #FFFF00">I► ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 10 PX
</textarea>

<textarea name="Textbox9" style="width:300px; height:150px; background-color: #4EFF44; color: black; font-family:arial; font-size:12px; border:5px solid #115595">J► ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 12 PX
</textarea>

<textarea name="Textbox10" style="width:300px; height:150px; background-color: #DF9595; color: black; font-family:arial; font-size:14px; border:5px solid #000000">K► ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
ΚΕΙΜΕΝΟ ΜΕ ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ 14 PX
</textarea>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.