הבדלים בין גרסאות בדף "תבנית:באנר"

מאגר הידע של דואלוג: מאגר הידע המקיף בעברית בתחומי האסטרטגיה והחשיבה המערכתית
קפיצה לניווט קפיצה לחיפוש
(יצירת דף עם התוכן "<html> <script type="text/javascript" src="https://jquery-imagefit-plugin.googlecode.com/svn/trunk/jquery.imagefit-0.2.js"></script> <style type="text/css">...")
 
 
(79 גרסאות ביניים של 3 משתמשים אינן מוצגות)
שורה 1: שורה 1:
<html>
+
<includeonly>{{#htmlbeforetitle:
<script type="text/javascript" src="https://jquery-imagefit-plugin.googlecode.com/svn/trunk/jquery.imagefit-0.2.js"></script>
+
<div id="image-banner" {{#תנאי:{{{title|}}}|title="{{{title}}}"|}} {{#תנאי:{{{עיצוב|}}}{{{פריסה|}}}|style="{{#תנאי:{{{פריסה|}}}|background-size:{{{פריסה|contain}}};}}{{{עיצוב}}}"|}} class="tooltip {{{class|}}} {{#if:{{{contain|}}}|contained}}">
  <style type="text/css">
+
    <div class="art__hero__txt">
    #image-banner {
+
        <div id="newHeading">
    width:100%;
+
        </div><br />
    display:block;
+
<div id="heroButton">[[{{FULLPAGENAME}}#breadcrumbs2|<i class="fal fa-chevron-circle-down"></i>]]
    background-attachment:fixed;
+
</div>
    background-size: cover;
+
</div>
}
+
{{#תנאי:{{{קישור|}}}|<div id="fullScreen" class="fullScreen" title="לצפיה במסך מלא"><htmltag tagname="a" rel="nofollow" target="_blank" href="{{{קישור}}}" class="image hide fancybox"></htmltag></div>|}} }}
.art__hero__txt {
+
</div>
  display: flex;
+
{{#תנאי:{{{תמונה|}}}|[[file:{{{תמונה|Intro1.jpg}}}|1500px|class=hide|]]|}}
  justify-content: center;
+
<div class="hide">{{#if:{{{תמונה2|}}} |{{תמונה|{{{תמונה2}}}|}}|}}</div>
  align-items: center;
+
{{#seo:|og:image={{{ogimage|{{{תמונה|{{filepath:{{{תמונה2|}}} }} }}} }}} }}[[קטגוריה:באנר]]{{#vardefine:featured_image_src|{{#if:{{{תמונה|}}}|{{filepath:{{{תמונה}}} }}|{{{תמונה2|}}} }} }}</includeonly>
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
+
<noinclude>
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
+
<templatedata>
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
+
{
    color: #fff;
+
"params": {
    text-align: center;
+
"תמונה": {
    width: 100%;
+
"label": "תמונה פנימית ",
    height: 100%
+
"type": "wiki-file-name",
 +
"suggested": true
 +
},
 +
"תמונה2": {
 +
"label": "כתובת תמונה חיצונית",
 +
"type": "url"
 +
},
 +
"title": {
 +
"label": "כותרת עבור SEO"
 +
},
 +
"עיצוב": {
 +
"example": "עיצוב נוסף"
 +
},
 +
"קישור": {},
 +
"ogimage": {
 +
"label": "og:image",
 +
"description": "הוספת תמונה לרשתות חברתיות",
 +
"type": "url"
 +
},
 +
"פריסה": {
 +
"suggested": true
 +
},
 +
"class": {
 +
"type": "string",
 +
"suggested": true
 +
},
 +
"contain": {
 +
"label": "פריסת תמונה: מוכלת",
 +
"type": "boolean",
 +
"suggested": true
 +
}
 +
},
 +
"description": "תבנית להוספת hero (באנר תמונה) בראש הדף. "
 
}
 
}
.art__hero .art__head {
+
</templatedata>
    font-weight: 300;
+
</noinclude>
}
 
.art__hero .art__head {
 
    font-size: 96px;
 
    font-size: 6rem;
 
    line-height: 1.0625em;
 
}
 
.t-kilo, .art__hero .art__head {
 
    font-size: 48px;
 
    font-size: 3rem;
 
    line-height: 1.125em;
 
}
 
.mag-max, .pic--e .pic__caption {
 
    max-width: 1280px;
 
    max-width: 80rem;
 
    margin-left: auto;
 
    margin-right: auto;
 
}
 
 
 
#hero__bottom:before {
 
  content: attr(data-icon);
 
  font-family: htzIcons;
 
  font-weight: normal !important;
 
  speak: none;
 
  -webkit-font-smoothing: antialiased;
 
  -moz-osx-font-smoothing: grayscale;
 
}
 
  </style>
 
 
 
<script type="text/javascript">//<![CDATA[
 
$(window).load(function(){
 
$('#image-banner').css('background-image', 'url(' + $('.image img').attr('src') + ')');
 
 
 
jQuery('#image-banner').bind('load', function () {
 
    jQuery('#image-banner').imagefit();
 
});
 
 
 
var cw = $('#image-banner').width();
 
$('#image-banner').css({
 
    'height': cw / 2 + 'px'
 
});
 
 
 
var PageHead = document.getElementById("firstHeading");
 
// Copy the <li> element and its child nodes
 
var clnPageHead = PageHead.cloneNode(true);
 
var PageHeader = document.getElementById("image-banner");
 
var clnPageHeader = PageHeader.cloneNode(true);
 
 
 
if ($('.thumbimage').length > 0) {   
 
    document.getElementById("image-banner").remove();   
 
    $("#header").after(clnPageHeader);
 
document.getElementById("firstHeading").remove();    document.getElementById("newHeading").appendChild(clnPageHead);   
 
}
 
});//]]> 
 
 
 
</script>
 
 
 
<div id="image-banner">
 
    <div class="art__hero__txt" id="newHeading">
 
<a href="#mw-content-text" id="hero__bottom">
 
<i class="icn--a" aria-hidden="true" data-icon="E"></i>
 
</a>
 
 
 
    </div>
 
</div>
 
</html>
 

גרסה אחרונה מ־13:00, 23 בדצמבר 2022


תבנית להוספת hero (באנר תמונה) בראש הדף.

פרמטרים של תבניות

פרמטרתיאורסוגמצב
תמונה פנימית תמונה

אין תיאור

קובץמוצע
כתובת תמונה חיצוניתתמונה2

אין תיאור

URLלא דרוש
כותרת עבור SEOtitle

אין תיאור

בלתי־ידועלא דרוש
עיצובעיצוב

אין תיאור

דוגמה
עיצוב נוסף
בלתי־ידועלא דרוש
קישורקישור

אין תיאור

בלתי־ידועלא דרוש
og:imageogimage

הוספת תמונה לרשתות חברתיות

URLלא דרוש
פריסהפריסה

אין תיאור

בלתי־ידועמוצע
Classclass

אין תיאור

מחרוזתמוצע
פריסת תמונה: מוכלתcontain

אין תיאור

בוליאנימוצע

הודפס מתוך מאגר הידע של דואלוג בכתובת: "https://doalogue.co.il/wiki/index.php?title=תבנית:באנר&oldid=11910"

משותף תחת רישיון CC-BY 4.0. ניתן להפיץ באופן חופשי תוך מתן קרדיט לדואלוג וקישור למקור.