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

ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 1
TEXTBOX
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα ή περισσότερα κουτιά κειμένου μέσα στην ανάρτησή μας με πλαίσιο, σε επιθυμιτές διαστάσεις, με ξεχωριστό background και χρώμα κειμένου. Μπορούμε επίσης να τα βάλουμε το ένα δίπλα στο άλλο. Ανοίξτε μια νέα ανάρτηση και πατήστε το κουμπί HTML για να δείτε τον κώδικα της ανάρτησης. Σβήστε τις 2 ή 3 γραμμές κώδικα που μπορεί να περιέχει η ανάρτηση και επικολλήστε τον παρακάτω κώδικα.


Μετά πατήστε το κουμπί Σύνθεση για να επιστρέψετε στην κανονική προβολή της ανάρτησης και επικολλήστε το κείμενό σας αμέσως μετά το PASTE YOUR TEXT HERE 1. Εν συνεχεία μπορείτε να βάλετε και 2ο και 3ο κώδικα με την διαφορά ότι πρέπει να μετονομάσετε το #textbox1 σε #textbox2 και #textbox3 για να μπορείτε να διαφορετικές διαστάσεις, διαφορετικο background κ.ο.κ. 

<style>
#textbox1 {float: left; margin : 0px; padding : 4px; width:467px; height:100%; background : #173374; color:FFFFFF; border: 1px solid #FBBB22;}
</style>
<div id="textbox1">
PASTE YOUR TEXT HERE 1
</div>

<style>
#textbox2 {float: left; margin: 0px; padding: 4px; width: 467px; height: 100%; background : #255720; color:FFFFFF; border: 1px solid #FBBB22;}
</style>
<div id="textbox2">
PASTE YOUR TEXT HERE  2
</div>

<style>
#textbox3 {float: left; margin: 0px; padding: 4px; width: 467px; height: 100%; background : #661111; color:FFFFFF; border: 1px solid #FBBB22;}
</style>
<div id="textbox3">
PASTE YOUR TEXT HERE  3
</div>

<style>
#textbox4 {float: left; margin: 0px; padding: 4px; width: 467px; height: 100%; background : #333333; color:FFFFFF; border: 1px solid #FBBB22;}
</style>
<div id="textbox4">
PASTE YOUR TEXT HERE 4
</div>


PASTE YOUR TEXT HERE 1►
<style>
#textbox1 {float: left; margin : 0px; padding : 4px; width:467px; height:100%; background : #173374; color:FFFFFF; border: 1px solid #FBBB22;}
</style>
<div id="textbox1">
PASTE YOUR TEXT HERE 1
</div>

PASTE YOUR TEXT HERE 2►
<style>
#textbox2 {float: left; margin: 0px; padding: 4px; width: 467px; height: 100%; background : #255720; color:FFFFFF; border: 1px solid #FBBB22;}
</style>
<div id="textbox2">
PASTE YOUR TEXT HERE  2
</div>

PASTE YOUR TEXT HERE 3►
<style>
#textbox3 {float: left; margin: 0px; padding: 4px; width: 467px; height: 100%; background : #661111; color:FFFFFF; border: 1px solid #FBBB22;}
</style>
<div id="textbox3">
PASTE YOUR TEXT HERE  3
</div>

PASTE YOUR TEXT HERE 4►
<style>
#textbox4 {float: left; margin: 0px; padding: 4px; width: 467px; height: 100%; background : #333333; color:FFFFFF; border: 1px solid #FBBB22;}
</style>
<div id="textbox4">
PASTE YOUR TEXT HERE 4
</div>

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

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