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://whataboutapple.com"></iframe>
    </span>
    <span style="float:right; width:50%; height:850px">
        <iframe src="https://droneblog.gr"></iframe>
    </span>
</div>

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

Giannis Theodoropoulos

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

Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.