• 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

ΠΩΣ ΚΡΥΒΩ ΤΙΣ ΠΛΕΥΡΙΚΕΣ ΜΠΑΡΕΣ ΚΑΙ ΚΕΡΔΙΖΩ ΠΛΑΤΟΣ ΑΝΑΡΤΗΣΗΣ

ΠΛΑΤΟΣ ΑΝΑΡΤΗΣΗΣ
ΠΩΣ ΚΡΥΒΩ ΤΙΣ ΠΛΕΥΡΙΚΕΣ ΜΠΑΡΕΣ ΚΑΙ ΚΕΡΔΙΖΩ ΠΛΑΤΟΣ ΑΝΑΡΤΗΣΗΣ.
Αν έχουμε κάποιες αναρτήσεις που απαιτούν μεγαλύτερο πλάτος μπορούμε να κρύψουμε την μία ή και τις δύο πλευρικές πλαϊνές μπάρες για να μεγαλώσει το πλάτος της κεντρικής ανάρτησης και να χωρέσουν όλα τα δεδομένα χωρίς να βγαίνει μπάρα κύλισης στο κάτω μέρος της ανάρτησης. Παρακάτω υπάρχουν 3 κώδικες οι οποίοι μπαίνουν στο τέλος της ανάρτησης μετά το </div>. Ο πρώτος κρύβει τη αριστερή μπάρα ο δεύτερος την δεξιά και ο τρίτος κρύβει και τις 2 πλευρικές μπάρες.
Αλλάξτε το νούμερο με το γαλάζιο χρώμα που είναι το πλάτος της αριστερής ή δεξιάς πλαϊνής μπάρας που θέλουτε να κρύψετε. Να υπολογίσετε σε αυτό και τα κενά μεταξύ της μπάρας και της ανάρτησης που είναι συνήθως 10-20 px. Τα άλλα νούμερα που είναι χρωματισμένα με μώβ χρώμα και είναι όλα μηδενικά αφήστε τα ως έχουν.

1ος κώδικας για να αφήσετε την αριστερή πλευρική μπάρα και να κρύψετε την δεξιά.
<style>
.main-inner .columns {padding-left: 245px !important; padding-right: 0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important; right: 0px !important;}
.main-inner .fauxcolumn-right-outer, .main-inner .column-right-outer {display: none !important;}
</style>

1ος κώδικας για να αφήσετε την δεξιά πλευρική μπάρα και να κρύψετε την αριστερή.
<style>
.main-inner .columns {padding-left: 0px !important; padding-right: 265px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important; right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .column-left-outer {display: none !important;}
</style>

3ος κώδικας για να κρύψετε και τις 2 πλευρικές μπάρες.
<style>
.main-inner .columns {padding-left: 0px !important; padding-right: 0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important; right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {display: none !important;}
</style>

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

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

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

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