אהלן ילדים! קודם כל, אם הגעתם אלינו קודם לכאן, אז כדאי שתדעו שיש לכם גם מדריך קודם שבו הסברנו על HTML. אתם בטח מכירים את האינטרנט ואת כל האתרים המגניבים שאתם אוהבים לבקר בהם, נכון? אבל ידעתם שמה שגורם לאתרים להיראות כל כך יפים וצבעוניים הוא לא רק התמונות? כאן נכנס לתמונה CSS!
CSS (קיצור של Cascading Style Sheets) הוא כמו אמן שעוזר לעצב את האתר. בזמן ש-HTML אחראי על המבנה של האתר (כמו לתת כותרות וטקסטים), ה-CSS אחראי על איך הדברים נראים – הצבעים, הגודל של הטקסטים, ואפילו היכן כל דבר ממוקם בדף. בלי CSS, האתרים היו נראים מאוד פשוטים ומשעממים.
איפה כותבים את הקוד?
אז איך כותבים CSS ואיפה רואים את התוצאות שלו?
יש כמה דרכים לעשות את זה. הכי פשוט להתחיל עם קובץ HTML ולשלב בו קצת CSS. הנה איך עושים את זה:
- פותחים עורך טקסט: אפשר להשתמש בעורכי טקסט פשוטים כמו Notepad במחשב שלכם (או TextEdit במק) או בעורכי קוד כמו VS Code שיותר מיועדים לתכנות.
- יוצרים קובץ HTML: ראשית, צריך לכתוב קובץ HTML בסיסי. הנה דוגמה:
<!DOCTYPE html>
<html lang="he">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>אתר קסם</title>
<style>
/* כאן נכתוב את ה-CSS שלנו */
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: purple;
text-align: center;
}
p {
font-size: 18px;
color: darkgreen;
}
</style>
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.woocommerce .blockUI.blockOverlay::before{--wpr-bg-c5eee883-6ba3-4303-998c-8df221b49fb8: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/loader.svg');}.woocommerce .loader::before{--wpr-bg-db946f41-46ca-4e2a-9f87-d46f273f4256: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/loader.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{--wpr-bg-bccf09da-6c57-475a-bd9c-31a64b7ec3c6: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{--wpr-bg-47393ddf-06eb-40cb-b9fd-bb826ffacf32: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{--wpr-bg-ff96a486-8e03-4cab-9bed-c36d780bf234: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/laser.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{--wpr-bg-430eb104-224f-4226-8368-c775abf6984c: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/diners.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro{--wpr-bg-e5d9c525-2396-4cba-adb7-03acaf65ab79: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb{--wpr-bg-0a9fdd68-3bcb-4d2d-bd68-cebb0824d25c: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex{--wpr-bg-beb18ee2-25b8-4079-8c36-8d259dda97bf: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/amex.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover{--wpr-bg-8eb4d135-ce95-4f28-b577-25f89f9fd563: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/discover.svg');}.single-jet-popup{--wpr-bg-07101c35-be4e-4d74-90c7-f4032547a778: url('https://www.shchackim.co.il/wp-content/plugins/jet-popup/assets/image/transparent.jpg');}.mejs-overlay-button{--wpr-bg-6a87dc45-7a29-4053-a5f2-d038e468902a: url('https://www.shchackim.co.il/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-overlay-loading-bg-img{--wpr-bg-281b974e-c046-4a05-ba27-b2e1af1dd62b: url('https://www.shchackim.co.il/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-button>button{--wpr-bg-be179cae-633a-44bd-a72a-6134bdd2a264: url('https://www.shchackim.co.il/wp-includes/js/mediaelement/mejs-controls.svg');}button.pswp__button{--wpr-bg-bb5bbd1d-402a-4df2-9f2c-7b048cf42b1a: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png');}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{--wpr-bg-67a1081a-3264-43fc-8f10-c36fc330b674: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png');}.pswp__preloader--active .pswp__preloader__icn{--wpr-bg-16fc1592-e0bd-467d-8704-72f7b834e681: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif');}.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{--wpr-bg-ae2ae81a-cec4-434a-bec7-566d4081a90b: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg');}.jet-image-accordion__item-loader span{--wpr-bg-3390f562-71c3-402c-a2d4-d778e8a077c0: url('https://www.shchackim.co.il/wp-content/plugins/jet-tabs/assets/images/spinner-32.svg');}.elementor-59 .elementor-element.elementor-element-245c2c92:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{--wpr-bg-7127f952-12a0-4f47-bc35-a10b5a320e79: url('https://www.shchackim.co.il/wp-content/uploads/2023/03/footer-fix-scaled.webp');}.elementor-59 .elementor-element.elementor-element-245c2c92:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{--wpr-bg-5366175a-0ba0-4a78-9a60-7876f62a66c9: url('https://www.shchackim.co.il/wp-content/uploads/2022/11/footer-fix-scaled-1.jpg');}.elementor-59 .elementor-element.elementor-element-245c2c92::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-background-video-container::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .e-con-inner > .elementor-background-video-container::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-background-slideshow::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .e-con-inner > .elementor-background-slideshow::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--wpr-bg-9659c795-c2c5-459e-be44-a3863024a149: url('https://www.shchackim.co.il/wp-content/uploads/2023/03/home-down.png');}.elementor-23283 .elementor-element.elementor-element-5ce2114d:not(.elementor-motion-effects-element-type-background), .elementor-23283 .elementor-element.elementor-element-5ce2114d > .elementor-motion-effects-container > .elementor-motion-effects-layer{--wpr-bg-2b3765fa-24c8-4299-9fb0-bae5331745bd: url('https://www.shchackim.co.il/wp-content/uploads/2023/05/new-site-popup-1024x1024.png');}.elementor-23283 .elementor-element.elementor-element-5c5ece18::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .elementor-background-video-container::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .e-con-inner > .elementor-background-video-container::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .elementor-background-slideshow::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--wpr-bg-6edd2108-fc66-421b-aa30-e85eead0729e: url('https://www.shchackim.co.il/wp-content/uploads/2023/05/bubble_bg_popup.png');}.chosen-container-single .chosen-single abbr{--wpr-bg-73d40399-a704-4c57-88ed-30dcbaff883b: url('https://www.shchackim.co.il/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-container-single .chosen-single div b{--wpr-bg-bb33c37e-ebef-460c-8e38-cef2461b1532: url('https://www.shchackim.co.il/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-container-single .chosen-search input[type=text]{--wpr-bg-b9cc3ddc-9af4-4b0a-8cce-2e359505a3e7: url('https://www.shchackim.co.il/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{--wpr-bg-d8dc2439-e4e3-4c95-aada-db32538f093f: url('https://www.shchackim.co.il/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-rtl .chosen-search input[type=text]{--wpr-bg-e672ee26-ee6f-4b39-9233-a0d820bbcf1d: url('https://www.shchackim.co.il/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{--wpr-bg-3b4d2f64-c32f-4ef8-9d4d-2635d57cfd85: url('https://www.shchackim.co.il/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite@2x.png');}#zvc-cover{--wpr-bg-46a887a5-9fbf-4657-8cb8-984c0d65958e: url('https://www.shchackim.co.il/wp-content/plugins/video-conferencing-with-zoom-api/assets/images/ajax-loader.gif');}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{--wpr-bg-b7fb8735-bf68-4d3e-9a8b-0a7cb989eb4f: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png');}button.pswp__button{--wpr-bg-ad382b86-e91b-4ad5-8024-3d44d3e1b672: url('https://www.shchackim.co.il/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png');}.elementor-23283 .elementor-element.elementor-element-5ce2114d:not(.elementor-motion-effects-element-type-background){--wpr-bg-c8d0f6f0-c292-444c-b387-6f7497dcf1f5: url('https://www.shchackim.co.il/wp-content/uploads/2023/05/new-site-popup-1024x1024.png');}.elementor-23283 .elementor-element.elementor-element-5c5ece18::before{--wpr-bg-ccfe0f6a-41c0-4256-b6c2-43908bc5f671: url('https://www.shchackim.co.il/wp-content/uploads/2023/05/bubble_bg_popup.png');}.elementor-18130 .elementor-element.elementor-element-17ae2e6:not(.elementor-motion-effects-element-type-background), .elementor-18130 .elementor-element.elementor-element-17ae2e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{--wpr-bg-acfcabc5-72f7-453d-b374-b9ad50671a12: url('https://www.shchackim.co.il/wp-content/uploads/2024/09/2149432892-1.jpg');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".woocommerce .blockUI.blockOverlay","style":".woocommerce .blockUI.blockOverlay::before{--wpr-bg-c5eee883-6ba3-4303-998c-8df221b49fb8: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/loader.svg');}","hash":"c5eee883-6ba3-4303-998c-8df221b49fb8","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/loader.svg"},{"selector":".woocommerce .loader","style":".woocommerce .loader::before{--wpr-bg-db946f41-46ca-4e2a-9f87-d46f273f4256: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/loader.svg');}","hash":"db946f41-46ca-4e2a-9f87-d46f273f4256","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/loader.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{--wpr-bg-bccf09da-6c57-475a-bd9c-31a64b7ec3c6: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/visa.svg');}","hash":"bccf09da-6c57-475a-bd9c-31a64b7ec3c6","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/visa.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{--wpr-bg-47393ddf-06eb-40cb-b9fd-bb826ffacf32: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/mastercard.svg');}","hash":"47393ddf-06eb-40cb-b9fd-bb826ffacf32","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/mastercard.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{--wpr-bg-ff96a486-8e03-4cab-9bed-c36d780bf234: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/laser.svg');}","hash":"ff96a486-8e03-4cab-9bed-c36d780bf234","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/laser.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{--wpr-bg-430eb104-224f-4226-8368-c775abf6984c: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/diners.svg');}","hash":"430eb104-224f-4226-8368-c775abf6984c","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/diners.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro{--wpr-bg-e5d9c525-2396-4cba-adb7-03acaf65ab79: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/maestro.svg');}","hash":"e5d9c525-2396-4cba-adb7-03acaf65ab79","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/maestro.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb{--wpr-bg-0a9fdd68-3bcb-4d2d-bd68-cebb0824d25c: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/jcb.svg');}","hash":"0a9fdd68-3bcb-4d2d-bd68-cebb0824d25c","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/jcb.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex{--wpr-bg-beb18ee2-25b8-4079-8c36-8d259dda97bf: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/amex.svg');}","hash":"beb18ee2-25b8-4079-8c36-8d259dda97bf","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/amex.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover{--wpr-bg-8eb4d135-ce95-4f28-b577-25f89f9fd563: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/discover.svg');}","hash":"8eb4d135-ce95-4f28-b577-25f89f9fd563","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/discover.svg"},{"selector":".single-jet-popup","style":".single-jet-popup{--wpr-bg-07101c35-be4e-4d74-90c7-f4032547a778: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-popup\/assets\/image\/transparent.jpg');}","hash":"07101c35-be4e-4d74-90c7-f4032547a778","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-popup\/assets\/image\/transparent.jpg"},{"selector":".mejs-overlay-button","style":".mejs-overlay-button{--wpr-bg-6a87dc45-7a29-4053-a5f2-d038e468902a: url('https:\/\/www.shchackim.co.il\/wp-includes\/js\/mediaelement\/mejs-controls.svg');}","hash":"6a87dc45-7a29-4053-a5f2-d038e468902a","url":"https:\/\/www.shchackim.co.il\/wp-includes\/js\/mediaelement\/mejs-controls.svg"},{"selector":".mejs-overlay-loading-bg-img","style":".mejs-overlay-loading-bg-img{--wpr-bg-281b974e-c046-4a05-ba27-b2e1af1dd62b: url('https:\/\/www.shchackim.co.il\/wp-includes\/js\/mediaelement\/mejs-controls.svg');}","hash":"281b974e-c046-4a05-ba27-b2e1af1dd62b","url":"https:\/\/www.shchackim.co.il\/wp-includes\/js\/mediaelement\/mejs-controls.svg"},{"selector":".mejs-button>button","style":".mejs-button>button{--wpr-bg-be179cae-633a-44bd-a72a-6134bdd2a264: url('https:\/\/www.shchackim.co.il\/wp-includes\/js\/mediaelement\/mejs-controls.svg');}","hash":"be179cae-633a-44bd-a72a-6134bdd2a264","url":"https:\/\/www.shchackim.co.il\/wp-includes\/js\/mediaelement\/mejs-controls.svg"},{"selector":"button.pswp__button","style":"button.pswp__button{--wpr-bg-bb5bbd1d-402a-4df2-9f2c-7b048cf42b1a: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png');}","hash":"bb5bbd1d-402a-4df2-9f2c-7b048cf42b1a","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png"},{"selector":".pswp__button,.pswp__button--arrow--left,.pswp__button--arrow--right","style":".pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{--wpr-bg-67a1081a-3264-43fc-8f10-c36fc330b674: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png');}","hash":"67a1081a-3264-43fc-8f10-c36fc330b674","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png"},{"selector":".pswp__preloader--active .pswp__preloader__icn","style":".pswp__preloader--active .pswp__preloader__icn{--wpr-bg-16fc1592-e0bd-467d-8704-72f7b834e681: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/preloader.gif');}","hash":"16fc1592-e0bd-467d-8704-72f7b834e681","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/preloader.gif"},{"selector":".pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right","style":".pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{--wpr-bg-ae2ae81a-cec4-434a-bec7-566d4081a90b: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.svg');}","hash":"ae2ae81a-cec4-434a-bec7-566d4081a90b","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.svg"},{"selector":".jet-image-accordion__item-loader span","style":".jet-image-accordion__item-loader span{--wpr-bg-3390f562-71c3-402c-a2d4-d778e8a077c0: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg');}","hash":"3390f562-71c3-402c-a2d4-d778e8a077c0","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg"},{"selector":".elementor-59 .elementor-element.elementor-element-245c2c92:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer","style":".elementor-59 .elementor-element.elementor-element-245c2c92:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{--wpr-bg-7127f952-12a0-4f47-bc35-a10b5a320e79: url('https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/03\/footer-fix-scaled.webp');}","hash":"7127f952-12a0-4f47-bc35-a10b5a320e79","url":"https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/03\/footer-fix-scaled.webp"},{"selector":".elementor-59 .elementor-element.elementor-element-245c2c92:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer","style":".elementor-59 .elementor-element.elementor-element-245c2c92:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{--wpr-bg-5366175a-0ba0-4a78-9a60-7876f62a66c9: url('https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2022\/11\/footer-fix-scaled-1.jpg');}","hash":"5366175a-0ba0-4a78-9a60-7876f62a66c9","url":"https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2022\/11\/footer-fix-scaled-1.jpg"},{"selector":".elementor-59 .elementor-element.elementor-element-245c2c92, .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-background-video-container, .elementor-59 .elementor-element.elementor-element-245c2c92 > .e-con-inner > .elementor-background-video-container, .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-background-slideshow, .elementor-59 .elementor-element.elementor-element-245c2c92 > .e-con-inner > .elementor-background-slideshow, .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer","style":".elementor-59 .elementor-element.elementor-element-245c2c92::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-background-video-container::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .e-con-inner > .elementor-background-video-container::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-background-slideshow::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .e-con-inner > .elementor-background-slideshow::before, .elementor-59 .elementor-element.elementor-element-245c2c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--wpr-bg-9659c795-c2c5-459e-be44-a3863024a149: url('https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/03\/home-down.png');}","hash":"9659c795-c2c5-459e-be44-a3863024a149","url":"https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/03\/home-down.png"},{"selector":".elementor-23283 .elementor-element.elementor-element-5ce2114d:not(.elementor-motion-effects-element-type-background), .elementor-23283 .elementor-element.elementor-element-5ce2114d > .elementor-motion-effects-container > .elementor-motion-effects-layer","style":".elementor-23283 .elementor-element.elementor-element-5ce2114d:not(.elementor-motion-effects-element-type-background), .elementor-23283 .elementor-element.elementor-element-5ce2114d > .elementor-motion-effects-container > .elementor-motion-effects-layer{--wpr-bg-2b3765fa-24c8-4299-9fb0-bae5331745bd: url('https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/05\/new-site-popup-1024x1024.png');}","hash":"2b3765fa-24c8-4299-9fb0-bae5331745bd","url":"https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/05\/new-site-popup-1024x1024.png"},{"selector":".elementor-23283 .elementor-element.elementor-element-5c5ece18, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .elementor-background-video-container, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .e-con-inner > .elementor-background-video-container, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .elementor-background-slideshow, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .e-con-inner > .elementor-background-slideshow, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .elementor-motion-effects-container > .elementor-motion-effects-layer","style":".elementor-23283 .elementor-element.elementor-element-5c5ece18::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .elementor-background-video-container::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .e-con-inner > .elementor-background-video-container::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .elementor-background-slideshow::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23283 .elementor-element.elementor-element-5c5ece18 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--wpr-bg-6edd2108-fc66-421b-aa30-e85eead0729e: url('https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/05\/bubble_bg_popup.png');}","hash":"6edd2108-fc66-421b-aa30-e85eead0729e","url":"https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/05\/bubble_bg_popup.png"},{"selector":".chosen-container-single .chosen-single abbr","style":".chosen-container-single .chosen-single abbr{--wpr-bg-73d40399-a704-4c57-88ed-30dcbaff883b: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png');}","hash":"73d40399-a704-4c57-88ed-30dcbaff883b","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png"},{"selector":".chosen-container-single .chosen-single div b","style":".chosen-container-single .chosen-single div b{--wpr-bg-bb33c37e-ebef-460c-8e38-cef2461b1532: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png');}","hash":"bb33c37e-ebef-460c-8e38-cef2461b1532","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png"},{"selector":".chosen-container-single .chosen-search input[type=text]","style":".chosen-container-single .chosen-search input[type=text]{--wpr-bg-b9cc3ddc-9af4-4b0a-8cce-2e359505a3e7: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png');}","hash":"b9cc3ddc-9af4-4b0a-8cce-2e359505a3e7","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png"},{"selector":".chosen-container-multi .chosen-choices li.search-choice .search-choice-close","style":".chosen-container-multi .chosen-choices li.search-choice .search-choice-close{--wpr-bg-d8dc2439-e4e3-4c95-aada-db32538f093f: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png');}","hash":"d8dc2439-e4e3-4c95-aada-db32538f093f","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png"},{"selector":".chosen-rtl .chosen-search input[type=text]","style":".chosen-rtl .chosen-search input[type=text]{--wpr-bg-e672ee26-ee6f-4b39-9233-a0d820bbcf1d: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png');}","hash":"e672ee26-ee6f-4b39-9233-a0d820bbcf1d","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite.png"},{"selector":".chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]","style":".chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{--wpr-bg-3b4d2f64-c32f-4ef8-9d4d-2635d57cfd85: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite@2x.png');}","hash":"3b4d2f64-c32f-4ef8-9d4d-2635d57cfd85","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/jet-search\/assets\/lib\/chosen\/chosen-sprite@2x.png"},{"selector":"#zvc-cover","style":"#zvc-cover{--wpr-bg-46a887a5-9fbf-4657-8cb8-984c0d65958e: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/video-conferencing-with-zoom-api\/assets\/images\/ajax-loader.gif');}","hash":"46a887a5-9fbf-4657-8cb8-984c0d65958e","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/video-conferencing-with-zoom-api\/assets\/images\/ajax-loader.gif"},{"selector":".pswp__button,.pswp__button--arrow--left,.pswp__button--arrow--right","style":".pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{--wpr-bg-b7fb8735-bf68-4d3e-9a8b-0a7cb989eb4f: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png');}","hash":"b7fb8735-bf68-4d3e-9a8b-0a7cb989eb4f","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png"},{"selector":"button.pswp__button","style":"button.pswp__button{--wpr-bg-ad382b86-e91b-4ad5-8024-3d44d3e1b672: url('https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png');}","hash":"ad382b86-e91b-4ad5-8024-3d44d3e1b672","url":"https:\/\/www.shchackim.co.il\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png"},{"selector":".elementor-23283 .elementor-element.elementor-element-5ce2114d:not(.elementor-motion-effects-element-type-background)","style":".elementor-23283 .elementor-element.elementor-element-5ce2114d:not(.elementor-motion-effects-element-type-background){--wpr-bg-c8d0f6f0-c292-444c-b387-6f7497dcf1f5: url('https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/05\/new-site-popup-1024x1024.png');}","hash":"c8d0f6f0-c292-444c-b387-6f7497dcf1f5","url":"https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/05\/new-site-popup-1024x1024.png"},{"selector":".elementor-23283 .elementor-element.elementor-element-5c5ece18","style":".elementor-23283 .elementor-element.elementor-element-5c5ece18::before{--wpr-bg-ccfe0f6a-41c0-4256-b6c2-43908bc5f671: url('https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/05\/bubble_bg_popup.png');}","hash":"ccfe0f6a-41c0-4256-b6c2-43908bc5f671","url":"https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2023\/05\/bubble_bg_popup.png"},{"selector":".elementor-18130 .elementor-element.elementor-element-17ae2e6:not(.elementor-motion-effects-element-type-background), .elementor-18130 .elementor-element.elementor-element-17ae2e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer","style":".elementor-18130 .elementor-element.elementor-element-17ae2e6:not(.elementor-motion-effects-element-type-background), .elementor-18130 .elementor-element.elementor-element-17ae2e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{--wpr-bg-acfcabc5-72f7-453d-b374-b9ad50671a12: url('https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2024\/09\/2149432892-1.jpg');}","hash":"acfcabc5-72f7-453d-b374-b9ad50671a12","url":"https:\/\/www.shchackim.co.il\/wp-content\/uploads\/2024\/09\/2149432892-1.jpg"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<h1>ברוכים הבאים לאתר הקסם שלי!</h1>
<p>זה דוגמה לאתר שמשתמש ב-CSS לעיצוב.</p>
<script>"use strict";function wprRemoveCPCSS(){var preload_stylesheets=document.querySelectorAll('link[data-rocket-async="style"][rel="preload"]');if(preload_stylesheets&&0<preload_stylesheets.length)for(var stylesheet_index=0;stylesheet_index<preload_stylesheets.length;stylesheet_index++){var media=preload_stylesheets[stylesheet_index].getAttribute("media")||"all";if(window.matchMedia(media).matches)return void setTimeout(wprRemoveCPCSS,200)}var elem=document.getElementById("rocket-critical-css");elem&&"remove"in elem&&elem.remove()}window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script><script>(()=>{class RocketElementorPreload{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}t(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this.i(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach((t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this.o(t)}catch(t){}}))}o(t){const e=JSON.parse(t.dataset.settings),i=e.m||e.animation_delay||0,n=e[this.animationSettingKeys.find((t=>e[t]))];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let o=setTimeout((()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this.l(t,e)}),i);window.addEventListener("rocket-startLoading",(function(){clearTimeout(o)}))}i(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach((t=>{e.forEach((e=>{i.push(t+e)}))})),i}l(t,e){this.i().forEach((t=>delete e[t])),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorPreload;requestAnimationFrame(t.t.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorPreload.run)})();</script><noscript><link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://www.shchackim.co.il/wp-content/themes/hello-elementor/theme.min.css?ver=3.3.0' media='all' /><link data-minify="1" rel='stylesheet' id='jet-menu-hello-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-menu/integration/themes/hello-elementor/assets/css/style.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-engine-frontend-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-engine/assets/css/frontend.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='nta-css-popup-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/wp-whatsapp/assets/dist/css/style-rtl.css?ver=1743454417' media='all' /><link rel='stylesheet' id='hide-admin-bar-based-on-user-roles-css' href='https://www.shchackim.co.il/wp-content/plugins/hide-admin-bar-based-on-user-roles/public/css/hide-admin-bar-based-on-user-roles-public.css?ver=5.0.0' media='all' /><link data-minify="1" rel='stylesheet' id='qcfw-checkout-font-awesome-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/ajax/libs/font-awesome/6.4.2/css/all.min.css?ver=1743454417' media='all' /><link rel='stylesheet' id='qcfw-checkout-slick-css' href='https://www.shchackim.co.il/wp-content/plugins/quick-checkout-for-woocommerce/public/css/slick.min.css?ver=1.5.0' media='all' /><link data-minify="1" rel='stylesheet' id='qcfw-checkout-magnific-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/quick-checkout-for-woocommerce/public/css/qcfw-quick-view-public-magnific.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='qcfw-checkout-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/quick-checkout-for-woocommerce/public/css/qcfw-checkout-public.css?ver=1743454417' media='all' /><link rel='stylesheet' id='uncannyowl-learndash-toolkit-free-css' href='https://www.shchackim.co.il/wp-content/plugins/uncanny-learndash-toolkit/src/assets/frontend/dist/bundle.min.css?ver=3.7.0.2' media='all' /><link data-minify="1" rel='stylesheet' id='woocommerce-layout-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/css/woocommerce-layout-rtl.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='woocommerce-smallscreen-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen-rtl.css?ver=1743454417' media='only screen and (max-width: 768px)' /><link data-minify="1" rel='stylesheet' id='woocommerce-general-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/css/woocommerce-rtl.css?ver=1743454417&wpr_t=1743468995' media='all' /><link data-minify="1" rel='stylesheet' id='learndash_quiz_front_css-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_quiz_front.min-rtl.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='dashicons-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-includes/css/dashicons.min.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='learndash-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/sfwd-lms/src/assets/dist/css/styles-rtl.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jquery-dropdown-css-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/sfwd-lms/assets/css/jquery.dropdown.min-rtl.css?ver=1743454417' media='all' /><link rel='stylesheet' id='learndash_lesson_video-css' href='//www.shchackim.co.il/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_lesson_video.min.css?ver=4.20.0.1' media='all' /><link data-minify="1" rel='stylesheet' id='learndash-admin-bar-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/sfwd-lms/src/assets/dist/css/admin-bar/styles.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='learndash-admin-bar-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/sfwd-lms/src/assets/dist/css/admin-bar/styles-rtl.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='brands-styles-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/css/brands.css?ver=1743454417' media='all' /><link rel='stylesheet' id='hello-elementor-css' href='https://www.shchackim.co.il/wp-content/themes/hello-elementor/style.min.css?ver=3.3.0' media='all' /><link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://www.shchackim.co.il/wp-content/themes/hello-elementor/header-footer.min.css?ver=3.3.0' media='all' /><link rel='stylesheet' id='elementor-frontend-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/custom-frontend-rtl.min.css?ver=1743454414' media='all' /><link rel='stylesheet' id='elementor-post-6-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/post-6.css?ver=1743454415' media='all' /><link data-minify="1" rel='stylesheet' id='jet-fb-option-field-select-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jetformbuilder/modules/option-field/assets/build/select.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-fb-option-field-checkbox-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jetformbuilder/modules/option-field/assets/build/checkbox.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-fb-option-field-radio-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jetformbuilder/modules/option-field/assets/build/radio.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-fb-advanced-choices-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jetformbuilder/modules/advanced-choices/assets/build/main.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-fb-wysiwyg-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jetformbuilder/modules/wysiwyg/assets/build/wysiwyg.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-fb-switcher-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jetformbuilder/modules/switcher/assets/build/switcher.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='learndash-front-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/sfwd-lms/themes/ld30/assets/css/learndash.min-rtl.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-menu-public-styles-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-menu/assets/public/css/public.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-popup-frontend-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-popup/assets/css/jet-popup-frontend.css?ver=1743454417&wpr_t=1743468995' media='all' /><link data-minify="1" rel='stylesheet' id='jet-reviews-frontend-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-reviews/assets/css/jet-reviews.css?ver=1743454417' media='all' /><link rel='stylesheet' id='mediaelement-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17&wpr_t=1743468995' media='all' /><link rel='stylesheet' id='photoswipe-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min.css?ver=9.7.1&wpr_t=1743468995' media='all' /><link rel='stylesheet' id='photoswipe-default-skin-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min.css?ver=9.7.1&wpr_t=1743468995' media='all' /><link data-minify="1" rel='stylesheet' id='jet-gallery-frontend-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-woo-product-gallery/assets/css/frontend.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-gallery-widget-gallery-anchor-nav-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-woo-product-gallery/assets/css/widgets/gallery-anchor-nav.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-gallery-widget-gallery-grid-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-woo-product-gallery/assets/css/widgets/gallery-grid.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-gallery-widget-gallery-modern-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-woo-product-gallery/assets/css/widgets/gallery-modern.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-gallery-widget-gallery-slider-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-woo-product-gallery/assets/css/widgets/gallery-slider.css?ver=1743454417' media='all' /><link rel='stylesheet' id='widget-image-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor/assets/css/widget-image-rtl.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='widget-nav-menu-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/custom-pro-widget-nav-menu-rtl.min.css?ver=1743454415' media='all' /><link data-minify="1" rel='stylesheet' id='jet-elements-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-elements/assets/css/jet-elements-rtl.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-button-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-elements/assets/css/addons/jet-button-rtl.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-button-skin-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-elements/assets/css/skin/jet-button-rtl.css?ver=1743454417' media='all' /><link rel='stylesheet' id='widget-image-box-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/custom-widget-image-box-rtl.min.css?ver=1743454414' media='all' /><link rel='stylesheet' id='e-motion-fx-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor-pro/assets/css/modules/motion-fx.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='widget-progress-tracker-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor-pro/assets/css/widget-progress-tracker-rtl.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='e-sticky-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=3.28.2' media='all' /><link data-minify="1" rel='stylesheet' id='jet-lottie-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-elements/assets/css/addons/jet-lottie-rtl.css?ver=1743454417' media='all' /><link rel='stylesheet' id='widget-heading-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor/assets/css/widget-heading-rtl.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='widget-form-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor-pro/assets/css/widget-form-rtl.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='widget-icon-list-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/custom-widget-icon-list-rtl.min.css?ver=1743454414' media='all' /><link rel='stylesheet' id='widget-google_maps-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor/assets/css/widget-google_maps-rtl.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='e-animation-fadeInDown-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInDown.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='e-animation-zoomIn-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor/assets/lib/animations/styles/zoomIn.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='e-popup-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor-pro/assets/css/conditionals/popup.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='jet-blocks-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/custom-jet-blocks-rtl.css?ver=1.3.17' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-icons-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-blog-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-blog/assets/css/jet-blog.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-blog-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-blog/assets/css/jet-blog-rtl.css?ver=1743454417' media='all' /><link data-minify="1" rel='stylesheet' id='jet-tabs-frontend-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-tabs/assets/css/jet-tabs-frontend.css?ver=1743454417&wpr_t=1743468995' media='all' /><link data-minify="1" rel='stylesheet' id='jet-tricks-frontend-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-tricks/assets/css/jet-tricks-frontend.css?ver=1743454417' media='all' /><link rel='stylesheet' id='widget-code-highlight-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor-pro/assets/css/widget-code-highlight-rtl.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='elementor-post-26518-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/post-26518.css?ver=1743458195' media='all' /><link rel='stylesheet' id='elementor-post-41-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/post-41.css?ver=1743454417' media='all' /><link rel='stylesheet' id='elementor-post-59-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-content/uploads/elementor/css/post-59.css?ver=1743454417&wpr_t=1743468995' media='all' /><link rel='stylesheet' id='elementor-post-18130-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/post-18130.css?ver=1743454417' media='all' /><link rel='stylesheet' id='elementor-post-23283-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-content/uploads/elementor/css/post-23283.css?ver=1743454417&wpr_t=1743468995' media='all' /><link rel='stylesheet' id='jquery-chosen-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-content/plugins/jet-search/assets/lib/chosen/chosen.min.css?ver=1.8.7&wpr_t=1743468995' media='all' /><link data-minify="1" rel='stylesheet' id='jet-search-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/jet-search/assets/css/jet-search.css?ver=1743454417' media='all' /><link rel='stylesheet' id='video-conferencing-with-zoom-api-css' href='https://www.shchackim.co.il/wp-content/cache/background-css/1/www.shchackim.co.il/wp-content/plugins/video-conferencing-with-zoom-api/assets/public/css/style.min.css?ver=4.6.3&wpr_t=1743468995' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-gf-local-assistant-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/uploads/elementor/google-fonts/css/assistant.css?ver=1743454418' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-gf-local-heebo-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/uploads/elementor/google-fonts/css/heebo.css?ver=1743454418' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-gf-local-opensans-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/uploads/elementor/google-fonts/css/opensans.css?ver=1743454418' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-gf-local-opensanshebrew-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/uploads/elementor/google-fonts/css/opensanshebrew.css?ver=1743454418' media='all' /><link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=1743454418' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=1743454418' media='all' /><link data-minify="1" rel='stylesheet' id='wc-blocks-style-rtl-css' href='https://www.shchackim.co.il/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks-rtl.css?ver=1743454418' media='all' /><link rel='stylesheet' id='elementor-post-19851-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/post-19851.css?ver=1743454417' media='all' /><link rel='stylesheet' id='elementor-post-19855-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/post-19855.css?ver=1743454417' media='all' /><link rel='stylesheet' id='elementor-post-19865-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/post-19865.css?ver=1743454417' media='all' /><link rel='stylesheet' id='elementor-post-18886-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/post-18886.css?ver=1743454417' media='all' /><link rel='stylesheet' id='widget-social-icons-css' href='https://www.shchackim.co.il/wp-content/plugins/elementor/assets/css/widget-social-icons-rtl.min.css?ver=3.28.2' media='all' /><link rel='stylesheet' id='e-apple-webkit-css' href='https://www.shchackim.co.il/wp-content/uploads/elementor/css/custom-apple-webkit.min.css?ver=1743454414' media='all' /></noscript></body>
</html>
קודם כל, מה אנחנו רואים פה בכללי?
ממש כמו שעשינו במדריך ה-HTML, בואו נעבור רגע על הדברים ונבין את המבנה שלנו כאן.
תחביר:
קודם כל שימו לב שזאת שפה שמבוססת על תגיות.
יש לנו תגית פתיחת שמתחילה כך <text>
ומסתיימת כך: <text/>
השימוש שלנו ב-text הוא מקרי. אין לכם מה להסתמך על המילה text כדוגמה לפקודת קוד.
<!DOCTYPE html>
זוהי השורה הראשונה שמופיעה בכל קובץ HTML.
היא אומרת לדפדפן שאנחנו עובדים עם הגרסה המודרנית של HTML.
<html lang=”he”>
התגית <html> מתחילה את כל הדף שלנו. היא כמו קופסה שמחזיקה את כל התוכן של הדף.
ה-lang=”he” אומר לדפדפן שהשפה של הדף היא עברית.
<head>
החלק הזה מכיל מידע חשוב על הדף שאינו מוצג ישירות למשתמש, כמו שם הדף והגדרות אחרות. נפרט מה יש בו:
<meta charset=”UTF-8″>
קוד זה אומר לדפדפן באיזה תווים להשתמש. UTF-8 הוא הקידוד הנפוץ שמאפשר לנו להשתמש בכל התווים, כולל עברית.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
שורה זו עוזרת לדף להיראות טוב גם על מחשבים וגם על טלפונים ניידים.
<title>אתר קסם</title>
התגית <title> מגדירה את שם הדף שיופיע בחלק העליון של הדפדפן. כאן קראנו לדף “אתר קסם”.
<style>
בתגית הזו נכתוב את ה-CSS שמעצבת את הדף. כאן הגדרנו צבע רקע, צבעים של טקסט, וכיצד הטקסט ייראה.
<body>
כל מה שנמצא בתוך תגית ה-<body> זה מה שיוצג על המסך של הגולש. פה אנחנו שמים את כל התוכן האמיתי של האתר.
<h1>
זו תגית של כותרת. הכותרות הן גדולות ובולטות יותר מטקסט רגיל.
ה-<h1> היא הכותרת הראשית, וכאן כתבנו בה “ברוכים הבאים לאתר הקסם שלי!”.
<p>
זו תגית לפסקה. כל טקסט שאנחנו כותבים בתוך תגית <p> יופיע כפסקה רגילה באתר. כאן כתבנו את הטקסט “זה דוגמה לאתר שמשתמש ב-CSS לעיצוב.”
</body> ו-</html>
רק כדי שנחזק את ההבנה לגבי תגית פתיחה ותגית סגירה. הסימנים האלו סוגרים את התגיות.
כשאתם רואים את הסימן /, זה אומר שהתוכן של התגית נגמר כאן.
בואו נמשיך - איפה קוד ה-CSS נכנס לתמונה?
אז למעשה, יש לנו קובץ HTML עם חלק פנימי של CSS.
כל מה שנמצא בתוך תגית ה-<style> זה ה-CSS שלנו, והנה כמה דברים פשוטים שעשינו שם:
שינינו את צבע הרקע של הדף ל-תכלת בהיר (lightblue).
הכותרת שלנו (ה-<h1>) בצבע סגול (purple) ומרוכזת באמצע הדף.
הטקסט בפסקה (<p>) בצבע ירוק כהה (darkgreen) וגודלו קצת יותר מהרגיל (18px).
איך רואים את התוצאה בפועל?
אחרי שכותבים את הקוד, צריך לשמור את הקובץ עם סיומת .html (למשל: index.html).
לאחר מכן, צריך לפתוח אותו בדפדפן שלכם (כמו Chrome או Firefox), ועכשיו אתם יכולים לראות איך הקוד שלכם הופך לדף אינטרנט אמיתי!
אם תשאלו אותנו, CSS הוא דרך ממש כיפית לעצב אתרים ולעשות אותם צבעוניים ומגניבים! אפשר לשנות צבעים, גדלים, ולמקם דברים בדיוק איפה שרוצים בדף.
באיזה קורס אנחנו לומדים CSS בשחקים סייבר?
במכללת שחקים תוכלו ללמוד CSS ושפות קוד נוספות עם קורסי ההאקרים שלנו.
מטרת הקורס היא להכשיר אתכם כהאקרים ומומחי אבטחת מידע. אבל כמובן שאין חכם כבעל ניסיון – אתם תלמדו גם לבנות אתר אינטרנט לבדכם, והוא יתבסס בין היתר על HTML ו-CSS. אחרי שתבנו את האתר, תלמדו איך להפיל אותו עם טכניקות שלא יביישו האקרים מיומנים ;).
מוזמנים להתייעץ איתנו בכל שאלה.
