בקשה | עזרה בשדרוג קוד HTML ליצירת גלויות מעוצבות
-
שדרוג קוד HTML ליצירת גלויות מעוצבות (שימוש בתבניות PNG מותאמות אישית + סידור להדפסה)
שלום לכל חברי הפורום היקרים,
מצורף כאן קובץ HTML (יש להוסיף p לסיומת כדי לפתוח אותו) שמיועד לגננות ולמורים וכו'
איך הקוד עובד כרגע?
מעלים תמונה של הילד/ה, והיא מוצגת באופן אוטומטי מאחורי תבנית מסגרת (קובץ PNG עם חלק שקוף/"חור"). באופן הזה, התמונה של הילד מבצבצת דרך החור המיועד לכך בעיגול או בכל צורה אחרת.הייתי שמח לשדרג בעזרתכם
-
העלאת תבנית מסגרת באופן עצמאי: כרגע הקוד מותאם לתבנית מסוימת (שנה טובה). הייתי רוצה להוסיף אפשרות להעלות קובץ מסגרת (PNG שקוף) באופן נפרד דרך הממשק. כך יהיה ניתן להשתמש בכלי הזה לכל הזדמנויות השנה ולא רק לתבנית אחת קבועה.
-
סידור תקין להדפסה (4 בדף):כרגע ביצוא להדפסה של 4 יחידות בדף, התמונות יוצאות עם רווחים מוגזמים ביניהם. אשמח להגדרת CSS/הדפסה שתסדר אותן בצורה נקיות ופרופורציונלית בדף A4.
-
שדרוגים נוספים: אם יש למישהו רעיונות לשיפור הנוחות, הדיוק או התצוגה של הממשק – אשמח מאוד לשמוע וכמובן לראות את השדרוג...
מודה מראש לכל מי שיוכל להקדיש מזמנו ולסייע!
להוסיף P
יוצר-כרטיסי-ברכה-ראש-השנה.zi -
שלום! נראה שהשיחה הזו מעניינת אותך, אבל עדיין אין לך חשבון.
נמאס לכם לגלול בין אותם הפוסטים בכל ביקור? כשנרשמים לחשבון, תמיד תחזרו בדיוק למקום שבו הייתם קודם, ותוכלו לבחור לקבל התראות על תגובות חדשות (בין אם במייל, ובין אם בהתראת פוש). תוכלו גם לשמור סימניות ולפרגן ב-upvote לפוסטים כדי להביע הערכה לחברי קהילה אחרים.
בעזרת התרומה שלך, הפוסט הזה יכול להיות אפילו טוב יותר 💗
הרשמה התחברות { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}