בקשה | עזרה בשדרוג קוד HTML ליצירת גלויות מעוצבות
-
שדרוג קוד HTML ליצירת גלויות מעוצבות (שימוש בתבניות PNG מותאמות אישית + סידור להדפסה)
שלום לכל חברי הפורום היקרים,
מצורף כאן קובץ HTML (יש להוסיף p לסיומת כדי לפתוח אותו) שמיועד לגננות ולמורים וכו'
איך הקוד עובד כרגע?
מעלים תמונה של הילד/ה, והיא מוצגת באופן אוטומטי מאחורי תבנית מסגרת (קובץ PNG עם חלק שקוף/"חור"). באופן הזה, התמונה של הילד מבצבצת דרך החור המיועד לכך בעיגול או בכל צורה אחרת.הייתי שמח לשדרג בעזרתכם
-
העלאת תבנית מסגרת באופן עצמאי: כרגע הקוד מותאם לתבנית מסוימת (שנה טובה). הייתי רוצה להוסיף אפשרות להעלות קובץ מסגרת (PNG שקוף) באופן נפרד דרך הממשק. כך יהיה ניתן להשתמש בכלי הזה לכל הזדמנויות השנה ולא רק לתבנית אחת קבועה.
-
סידור תקין להדפסה (4 בדף):כרגע ביצוא להדפסה של 4 יחידות בדף, התמונות יוצאות עם רווחים מוגזמים ביניהם. אשמח להגדרת CSS/הדפסה שתסדר אותן בצורה נקיות ופרופורציונלית בדף A4.
-
שדרוגים נוספים: אם יש למישהו רעיונות לשיפור הנוחות, הדיוק או התצוגה של הממשק – אשמח מאוד לשמוע וכמובן לראות את השדרוג...
-
אפשרות להוספת כיתוב עם שיוני גופן, הגדלה,הקטנה וכו'
-
אופציה להוסיף לוגו הגן - קובץ ללא לוגו מעל כל השכבות
-
שכל האפשרויות עריכה יהיו לצד התמונה ולא בהמשך השרשור, מה שגורם שלא רואים את התצוגה המקדימה בעת שינוי בהגדרות
מודה מראש לכל מי שיוכל להקדיש מזמנו ולסייע!
להוסיף P
יוצר-כרטיסי-ברכה-ראש-השנה.zi -
-
שדרוג קוד HTML ליצירת גלויות מעוצבות (שימוש בתבניות PNG מותאמות אישית + סידור להדפסה)
שלום לכל חברי הפורום היקרים,
מצורף כאן קובץ HTML (יש להוסיף p לסיומת כדי לפתוח אותו) שמיועד לגננות ולמורים וכו'
איך הקוד עובד כרגע?
מעלים תמונה של הילד/ה, והיא מוצגת באופן אוטומטי מאחורי תבנית מסגרת (קובץ PNG עם חלק שקוף/"חור"). באופן הזה, התמונה של הילד מבצבצת דרך החור המיועד לכך בעיגול או בכל צורה אחרת.הייתי שמח לשדרג בעזרתכם
-
העלאת תבנית מסגרת באופן עצמאי: כרגע הקוד מותאם לתבנית מסוימת (שנה טובה). הייתי רוצה להוסיף אפשרות להעלות קובץ מסגרת (PNG שקוף) באופן נפרד דרך הממשק. כך יהיה ניתן להשתמש בכלי הזה לכל הזדמנויות השנה ולא רק לתבנית אחת קבועה.
-
סידור תקין להדפסה (4 בדף):כרגע ביצוא להדפסה של 4 יחידות בדף, התמונות יוצאות עם רווחים מוגזמים ביניהם. אשמח להגדרת CSS/הדפסה שתסדר אותן בצורה נקיות ופרופורציונלית בדף A4.
-
שדרוגים נוספים: אם יש למישהו רעיונות לשיפור הנוחות, הדיוק או התצוגה של הממשק – אשמח מאוד לשמוע וכמובן לראות את השדרוג...
-
אפשרות להוספת כיתוב עם שיוני גופן, הגדלה,הקטנה וכו'
-
אופציה להוסיף לוגו הגן - קובץ ללא לוגו מעל כל השכבות
-
שכל האפשרויות עריכה יהיו לצד התמונה ולא בהמשך השרשור, מה שגורם שלא רואים את התצוגה המקדימה בעת שינוי בהגדרות
מודה מראש לכל מי שיוכל להקדיש מזמנו ולסייע!
להוסיף P
יוצר-כרטיסי-ברכה-ראש-השנה.zi -
-
@אוריי
תודה שאתה מפנה מזמנך!!א"כ יש לך אפשרות,
שלחו לי עכשיו קובץ נוסף שהוא הרבה יותר משודרג ביכולות
ששם צריך רק להוסיף שיהיה אופציה להעלאת תבנית מסגרת באופן עצמאי: כרגע הקוד מותאם לתבנית מסוימת (שנה טובה). הייתי רוצה להוסיף אפשרות להעלות קובץ מסגרת (PNG שקוף) באופן נפרד דרך הממשק. כך יהיה ניתן להשתמש בכלי הזה לכל הזדמנויות השנה ולא רק לתבנית אחת קבועה.
ואז התמונה של הילד תהיה מאחורה במקום הריק בתמונה היא ללא רקע כמובן.להוסיף P
סטודיו מגנטים עם העלאת לוגו הגן.ziתודה על הכל!!
-
@אוריי
תודה שאתה מפנה מזמנך!!א"כ יש לך אפשרות,
שלחו לי עכשיו קובץ נוסף שהוא הרבה יותר משודרג ביכולות
ששם צריך רק להוסיף שיהיה אופציה להעלאת תבנית מסגרת באופן עצמאי: כרגע הקוד מותאם לתבנית מסוימת (שנה טובה). הייתי רוצה להוסיף אפשרות להעלות קובץ מסגרת (PNG שקוף) באופן נפרד דרך הממשק. כך יהיה ניתן להשתמש בכלי הזה לכל הזדמנויות השנה ולא רק לתבנית אחת קבועה.
ואז התמונה של הילד תהיה מאחורה במקום הריק בתמונה היא ללא רקע כמובן.להוסיף 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}