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

TEXTBOX
ΠΩΣ ΒΑΖΩ TEXT BOX ΜΕΣΑ ΣΤΗΝ ΑΝΑΡΤΗΣΗ Νο 1
Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα ή περισσότερα κουτιά κειμένου μέσα στην ανάρτησή μας με πλαίσιο, σε επιθυμιτές διαστάσεις, με ξεχωριστό 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>

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

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

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

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