iFrames Side-by-Side

Ghost tips 15 Απρ 2020

Δύο διαφορετικές ιστοσελίδες σε μία ανάρτηση. . .

Αντιγράψτε το παρακάτω κώδικα στο Settings >> Code Injection >> Site Header ή στο Post >> Settings >> Code Injection >> Site Header. . .

Αφορά μόνο τα Ghost blog στο Wordpress γίνετε με άλλο τρόπο

<style>
iframe {
box-shadow: -1px 3px 28px -4px rgba(0,0,0,0.76);
float: left;
width: 100%;
height: 800px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: inset;
border-color: initial;
border-image: initial;
}
</style>

Κατόπιν συμπεριλάβετε το παρακατω σε ένα HTML block στην σελίδα που θέλετε να εμφανιστεί το iFrame

<div>
    <span style="float:right; width:50%; height:850px">
        <iframe src="https://thecodebee.com"></iframe>
    </span>
    <span style="float:right; width:50%; height:850px">
        <iframe src="https://droneblog.gr"></iframe>
    </span>
</div>

Και δείτε το αποτέλεσμα

Tags

Giannis Theodoropoulos

DEV με εμπειρία στην δημιουργία-ανανέωση ιστοσελίδων/ηλεκτρονικών καταστημάτων.Σκοπός μου είναι να σε βοηθήσω στην βελτίωση της εικόνας και προβολής της επιχείρησης σου στο διαδίκτυο.