Elementor איך עושים טקסט חי באתר חלול?

  • הוסף לסימניות
  • #1
כמו באתר זה:

ואני רוצה בשורה אחת של כותרת לתת 2 גוונים לדוג' תחילת המשפט יהיה בשחור וההמשך באדום, ז"א בשורה אחת 2 מילים בשחור והמילה השלישית באדום??....
בבקשה.. אשמח לעזרה,
תודה!!
 
  • הוסף לסימניות
  • #2
כמו באתר זה:

ואני רוצה בשורה אחת של כותרת לתת 2 גוונים לדוג' תחילת המשפט יהיה בשחור וההמשך באדום, ז"א בשורה אחת 2 מילים בשחור והמילה השלישית באדום??....
בבקשה.. אשמח לעזרה,
תודה!!
לא פשוט בכלל...
לדעתי עם קוד.
@חיים בניסטי ?
 
  • הוסף לסימניות
  • #3
כל שורה בכתורת היא וידג'ט כותרת נפרד. הטקסט החלול הוא בצבע שקוף עם stroke (קו חיצוני) בצבע לבן.
הטקסט המשולב נראה קומבינה של HTML בתוך טקסט.
 
  • הוסף לסימניות
  • #4
באתר שלו - בכותרת שבתחתית העמוד - כל שורה היא וידג'ט כותרת נפרד. הטקסט החלול הוא בצבע לבן עם stroke (קו חיצוני) בצבע שונה
איפה יש stroke למילה באלמנטור?
 
  • הוסף לסימניות
  • #6
איפה יש stroke למילה באלמנטור?
CSS:
-webkit-text-stroke-width: .15vw;
-webkit-text-stroke-color: white;
color: rgba(0,0,0,0);
עכשיו אני רואה שזה באמת HTML (SPAN) בתוך וידג'ט כותרת, וה-CSS מוגדר עם סלקטור ל-SPAN
 
  • הוסף לסימניות
  • #7
CSS:
-webkit-text-stroke-width: .15vw;
-webkit-text-stroke-color: white;
color: rgba(0,0,0,0);
עכשיו אני רואה שזה באמת HTML (SPAN) בתוך וידג'ט כותרת, וה-CSS מוגדר עם סלקטור ל-SPAN

תודה על הקוד!
שנית, אשמח קצת יותר להסבר באיזה סוג ווידג'ט משתמשים? כותרת רגילה?
כזה? או משהו אחר? ואם כן.. אז איך שותלים קוד למילים מסויימות?
אשמח מאוד לעזרה!!
1617741804197.png
 
  • הוסף לסימניות
  • #8
וידג'ט כותרת

דוגמא לטקסט:
כתוב את הכותרת כאן
<span>123</span>
CSS מותאם אישית:
CSS:
selector span{
-webkit-text-stroke-width: .15vw;
-webkit-text-stroke-color: white;
color: rgba(0,0,0,0);
}

ותבקשו רשות מ @חיים בניסטי
 
  • הוסף לסימניות
  • #9
תודה!!!
 
  • הוסף לסימניות
  • #12
ותבקשו רשות מ @חיים בניסטי
אם כל האהבה שלי לחיים בניסטי
הוא לא קנה את פיסת הקוד הקטנה הזאת :rolleyes:
זה לא נכס שלו שיש עליו זכויות יוצרים

ובשקט אומר:
היום הרבה אתרים מעתיקים רעיונות מחיים, והוא יודע את זה ומאד נהנה מזה...
 

פרוגבוט

תוכן שיווקי
פרסומת

פוסטים חדשים שאולי לא קראת....

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

לוח מודעות

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק כה

אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
נקרא  2  פעמים
למעלה