• 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 ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 4

TEXT BOX
ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 4
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα ή περισσότερα κουτία κειμένου μέσα στην ανάρτησή μας σε επιθυμητές διαστάσεις, με ξεχωριστό background και χρώμα κειμένου. Επίσης μπορούμε αυτά τα κουτιά να τα βάλουμε το ένα δίπλα στο άλλο. Ανοίξτε μια νέα ανάρτηση και πατήστε το κουμπί HTML για να δείτε τον κώδικα της ανάρτησης. Σβήστε τις 2 ή 3 γραμμές κώδικα που μπορεί να περιέχει η ανάρτηση και επικολλήστε τον παρακάτω κώδικα αφού αντικαταστήσετε τις πορτοκαλί επικεφαλίδες των θεμάτων που θα περιέχουν τα κουτιά κειμένου με τις δικές σας επικεφαλίδες.
Μετά πατήστε το κουμπί Σύνθεση για να γυρίσετε στην κανονική προβολή του κειμένου και επικολλήστε το κείμενό σας που έχετε μορφοποιήσει από πρίν σε Word αμέσως μετά το A. Στη συνέχεια σβήστε το Aπροσεκτικά με το πλήκτρο backspace. Μπορείτε να βάλετε και άλλους κώδικες κουτιών αλλάζοντας τα γαλάζια νούμερα του width:ΧΧΧpx; έτσι ώστε να προσαρμόσετε τα κουτιά στο πλάτος της ανάρτησης που διαθέτετε. Αν διαθέτετε πλάτος ανάρτησης π.χ. 700px και θέλετε να βάλετε 2 κουτιά κειμένου δίπλα δίπλα τότε οι σωστές διαστάσεις είναι 342px το κάθε ένα αντί για 350px γιατί πρέπει να υπολογίσετε ότι έχουμε προσθέσει και 4px περιθώρια γύρω από το κάθε κουτί, άρα 4px αριστερά + 4px δεξιά +342px =350px Χ 2 κουτιά = 700px. Οπότε μην ξεχάσετε να αλλάξετε τις διαστάσεις που έχω χρωματίσει με γαλάζια γράμματα με τις σωστές διαστάσεις που ταιριάζουν στο ιστολόγιό σας. Αν πάλι θέλετε 1 κουτί να πιάνει όλο το πλάτος βάλτε σε όλα τα κουτιά το συνολικό πλάτος ανάρτησης που διαθέτετε -8px τα περιθώρια αριστερά και δεξιά = 662px.

<div style="background:#173374; float: left; padding: 4px; width: 470px;">
<div align="left" class="MsoNormal" style="text-align: left;">
<b>
<span style="font-size: 14pt;">
<span style="font-family: Arial;">
<span style="background-color: yellow;">
<span style="color: black;">ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 1</span></span></span> </span></b></div>
A►
</div>
<div style="background:#255720; float: left; padding: 4px; width: 470px;">
<div align="left" class="MsoNormal" style="text-align: left;">
<b>
<span style="font-size: 14pt;">
<span style="font-family: Arial;">
<span style="background-color: yellow;">
<span style="color: black;">ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 2</span></span></span> </span></b></div>
B►
</div>
<div style="background:#661111; float: left; padding: 4px; width: 470px;">
<div align="left" class="MsoNormal" style="text-align: left;">
<b>
<span style="font-size: 14pt;">
<span style="font-family: Arial;">
<span style="background-color: yellow;">
<span style="color: black;">ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 3</span></span></span> </span></b></div>
C►
</div>
<div style="background:#740777; float: left; padding: 4px; width: 470px;">
<div align="left" class="MsoNormal" style="text-align: left;">
<b>
<span style="font-size: 14pt;">
<span style="font-family: Arial;">
<span style="background-color: yellow;">
<span style="color: black;">ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 4</span></span></span> </span></b></div>
D►
</div>

ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 1
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα κουτί κειμένου μέσα στην ανάρτησή μας με πλαίσιο, σε επιθυμητές διαστάσεις, με ξεχωριστό background και χρώμα κειμένου. Ανοίξτε μια νέα ανάρτηση και πατήστε το κουμπί HTML για να δείτε τον κώδικα της ανάρτησης. Σβήστε τις 2 ή 3 γραμμές κώδικα που μπορεί να περιέχει η ανάρτηση και επικολλήστε τον παρακάτω κώδικα. Μετά πατήστε το κουμπί Σύνθεση για να επιστρέψετε στην κανονική προβολή της ανάρτησης και επικολλήστε το κείμενό σας αμέσως μετά το TEXTBOX 1►. Read more : http://the-best-widgets.blogspot.gr/2015/04/text-box.html
ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 2
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα ή περισσότερα κουτία κειμένου μέσα στην ανάρτησή μας με πλαίσιο, σε επιθυμητές διαστάσεις, με ξεχωριστό background και χρώμα κειμένου. Επίσης μπορούμε αυτά τα κουτιά να τα βάλουμε το ένα δίπλα στο άλλο. Ανοίξτε μια νέα ανάρτηση και πατήστε το κουμπί HTML για να δείτε τον κώδικα της ανάρτησης. Σβήστε τις 2 ή 3 γραμμές κώδικα που μπορεί να περιέχει η ανάρτηση και επικολλήστε τον παρακάτω κώδικα όχι όλον αν δεν θέλετε όλα τα κουτιά αλλά επιλεκτικά όποια κουτιά θέλετε και ταιριάζουν στο ιστολόγιό σας. Read more : http://the-best-widgets.blogspot.gr/2015/04/text-box-2.html
ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 3
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα ή περισσότερα κουτία κειμένου μέσα στην ανάρτησή μας με scroll bar, πλαίσιο, επιθυμητές διαστάσεις, ξεχωριστό background και χρώμα κειμένου αλλά δεν μπορούμε να βάλουμε 2 ή περισσότερα τέτοια κουτιά κειμένου το ένα δίπλα στο άλλο. Ανοίξτε μια νέα ανάρτηση και πατήστε το κουμπί HTML για να δείτε τον κώδικα της ανάρτησης. Σβήστε τις 2 ή 3 γραμμές κώδικα που μπορεί να περιέχει η ανάρτηση και επικολλήστε τους παρακάτω 4 ξεχωριστούς κώδικες όχι όλους αλλά αυτούς που θέλετε και ταιριάζουν στο ιστολόγιό σας. Read more : http://the-best-widgets.blogspot.gr/2015/04/text-box-3.html
ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 4
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα ή περισσότερα κουτία κειμένου μέσα στην ανάρτησή μας σε επιθυμητές διαστάσεις, με ξεχωριστό background και χρώμα κειμένου. Επίσης μπορούμε αυτά τα κουτιά να τα βάλουμε το ένα δίπλα στο άλλο. Ανοίξτε μια νέα ανάρτηση και πατήστε το κουμπί HTML για να δείτε τον κώδικα της ανάρτησης. Σβήστε τις 2 ή 3 γραμμές κώδικα που μπορεί να περιέχει η ανάρτηση και επικολλήστε τον παρακάτω κώδικα αφού αντικαταστήσετε τις πορτοκαλί επικεφαλίδες των θεμάτων που θα περιέχουν τα κουτιά κειμένου με τις δικές σας επικεφαλίδες. Read more : http://the-best-widgets.blogspot.gr/2015/05/text-box-4.html

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

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

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

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