Text Box in Post

ΠΩΣ ΒΑΖΩ 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>

http://gadgetsforblogs7.blogspot.gr/2015/04/text-box-4.html 

http://gadgetsforblogs7.blogspot.gr/2015/04/text-box-3.html

http://gadgetsforblogs7.blogspot.gr/2015/04/text-box-2.html