# 046: Ευέλικτες διαφημίσεις πλευρικής γραμμής - CSS-Κόλπα

Anonim

Η κορυφαία ενότητα στην κύρια πλαϊνή γραμμή του ιστότοπου ανήκει στο Treehouse, ως ο κύριος χορηγός του CSS-Tricks. Με βάση μια συνομιλία που είχα με τον Ryan Carson, μερικές από τις καλύτερες διαφημίσεις μετατροπής που έχουν είναι αυτές με άτομα σε αυτά, οπότε επιλέγουμε μία από αυτές που θα χρησιμοποιηθούν για το γραφικό στην ενότητα.

Όταν κολλάμε την εικόνα, κρέμεται έξω από τη μονάδα και έχει πολύ μεγάλη απόσταση γύρω από αυτήν. Με το νέο μας αρχείο SCSS μόνο για λειτουργικές μονάδες, γράφουμε σε μερικούς νέους κανόνες για τη συμπεριφορά των ενοτήτων διαφημίσεων με εικόνα (χωρίς παραγέμισμα, εικόνες πλήρους πλάτους)

Μόλις τελειώσουμε με αυτό, αρχίζουμε να κάνουμε μια εφαπτομένη κάνοντας άλλα τσιμπήματα ειδικά για το πιο στενό σημείο διακοπής ερωτήματος πολυμέσων.

Αρχεία

  • 46-ad-treehouse-sidebar-1.jpeg.webp