ב"ה.
במדריך הזה נסביר איך מעצבים את הטקסט בפורום.

יש 2 דרכים לעיצוב הטקסט בפורום:
עכבר ומקלדת.
העיצוב דרך העכבר הוא קל יותר, אך למי שמקליד מהר בד"כ נוח יותר לעבוד עם המקלדת.

עיצוב באמצעות העכבר:

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

נעבור על כל אחד מהם לפי הסדר, ונסביר מה הוא עושה.

1. טקסט מודגש.
2. טקסט נטוי.
3. רשימה
4. קו חוצה
5. קוד של מספר שורות.
6. קישור.
7. תמונה.
8. לחצן מספר 8 אינו משנה את עיצוב הטקסט, אלא מפעיל מצב מסך מלא בכתיבת פוסט.
9. טקסט %(#2ab556)[צבוע].
10. ישור לשמאל.
11. מרכוז טקסט.
12. ישור לימין.
13. ישור מלא.
14. כותרת.
15. קוד במספר שפות תכנות.
16. °fa-info°(סמל) סמל.
17. ספויילר.
18. סקר.
19. אמוג’י.
20. העלאת תמונה.
21. העלאת קובץ.
22. קוד בתוך השורה.

עיצוב באמצעות המקלדת:

העיצוב באמצעות המקלדת הוא על ידי סימנים.

מודגש - **מודגש**
נטוי - *נטוי*
קו תחתון- ****קו תחתון****

• רשימה - * רשימה

``‎`
קוד של מספר שורות
``‎`

קישור - [קישור](כתובת)
תמונה - ![כיתוב (לא חובה)](כתובת התמונה)
%(#2db357)[טקסט צבוע] - %(#קוד צבע)[טקסט צבוע]

בהצלחה!

|- לחלק הקודם | למעלה -|

ב"ה.

אני מתחיל ב"ה לכתוב מדריך בסיסי על CSS.
שלושת הפרקים הראשונים יהיו בעיקר תאורטים, אך צריך לקרוא אותם כדי לעבוד עם CSS.

#guide(תחביר CSS)

היום אני אסביר איך נראה קוד CSS.

כל קוד CSS יראה בערך ככה:

סלקטור {
          הגדרה: ערך;
          הגדרה אחרת: ערך;
}

קודם כל - מי זה סלקטור?
סלקטור בעברית פשוטה זה בּוֹחֵר.
הסלקטור זה שורה (או כמה שורות) שאומרות לדפדפן שלכם:
“אני רוצה, שתריץ את הקוד שמתחתי רק על הכותרות/התפריט למעלה/(כל מה שתרצו.).”

אז איך כותבים סלקטור?
את זה אסביר בעז"ה בפרק הבא.
בהצלחה!

נגן - ‏rtsp:/‎‏
גלריה - file:/c:/predefgallery
קובץ בכרטיס - file:/e:/filename

@איש-יהודי-טוב בקרוב בעז"ה אעלה מדריך.

ב"ה.

#guide(עיצוב טקסט)

האתר שלנו כבר נראה כמו אתר, אבל יש לנו כמה בעיות:
בתפריט למעלה, הקישורים בצבע כחול עם פס למטה, ובfooter למטה הטקסט הוא בצבע שחור על רקע אפור…
היום נראה איך מעצבים טקסט.

הגדרת צבע טקסט:

כדי להגדיר צבע לטקסט, נעשה כך:

color: #ffffff /*קוד צבע*/

יישור טקסט:

כדי ליישר את הטקסט לצד מסויים, נשתמש בהגדרה text-align, עם הערכים הבאים:
right - ימין.
center - מרכז.
left - שמאל.

קו תחתון / עליון / חוצה:

כדי לעשות קו תחתו / חוצה / עליון, נשתמש בזה:

text-decoration: underline; /* קו תחתון */
text-decoration: line-through; /* קו חוצה */
text-decoration: overline; /* קו עליון */
text-decoration: none /*הסרת הקווים */

והנה האתר שלנו, אחרי שטיפלנו בטקסט שבו (ועם הסבר על הגדרת גודל פונט בתוך הקוד).

למי שרוצה לדעת עוד:

• עיצוב טקסט - W3Schools.

בהצלחה!

@מאיר-האלוף בל"נ אעלה מדריך בימים הקרובים.

.composer {
  width: 100% !important;
} 

לא מסובך.
יחי המלך המשיח!

ב"ה.

#guide(סלקטורים)

היום נדבר על הסלקטורים, כמו שהבטחתי בפרק הקודם.

אז קודם כל, תזכורת קטנה:

סלקטור בעברית פשוטה זה בּוֹחֵר.
הסלקטור זה שורה (או כמה שורות) שאומרות לדפדפן שלכם:
“אני רוצה, שתריץ את הקוד שמתחתי רק על הכותרות/התפריט למעלה/(כל מה שתרצו.).”

אז איך כותבים סלקטור?

יש אומנם כמה וכמה סוגי סלקטורים, אבל אנחנו נדבר על ה-3 הכי שימושיים.

למי שרוצה לדעת עוד:

• סלקטורים - W3Schools.
  בהצלחה!

זה בגלל שהפורום משתמש ב-Gravatar.
זה אומר, שמי שהגדיר תמונת פרופיל ב-Gravatar, תופיע לו התמונה בתור תמונת פרופיל כאן.

ב"ה.

#guide(מודל הקופסא - Box model.)

היום אדבר בעז"ה על אחד הדברים הכי חשובים בעיצוב אתר - מודל הקופסא. (ועל עוד כמה תוספות קטנטנות וחשובות.)
אז דבר ראשון, מי זה מודל הקופסא?
מודל הקופסא זה מה שמגדיר איך האתר יראה.
איך אפשר להגדיר שהאתר יראה מרווח ולא צפוף, כל דבר יעמוד במקום, ועוד.

אז איך זה עובד?
מודל הקופסא מורכב מ-4 דברים:

• position - המיקום בדף. (זה לא באמת חלק מהמודל. זו התוספת שדיברתי עליה…)
• margin - שטח מחוץ למסגרת, הגדרות כמו רקע לא חלים עליו.
• border - מסגרת.
• padding - שטח בתוך המסגרת, הגדרות כמו רקע חלות עליו.

position

את position מגדירים כך:
left: מרחק מצד שמאל.
right: מרחק מצד ימין.
top: מרחק מלמעלה.
bottom: מרחק מלמטה.
position לא עובד ללא הגדרת ההגדרה שנקראת “position”.
2 האפשרויות הנפוצות שלה הן:

• relative - המיקום משפיע באופן יחסי למיקום הנוכחי (ניתן להשתמש במינוס.)
• absolute - המיקום משפיע ללא כל קשר למקום ההתחלתי, אלא ביחס לתחילת הדף.

margin

את margin מגדירים כך:
margin-left: מרחק מצד שמאל.
margin-right: מרחק מצד ימין.
margin-top: מרחק מלמעלה.
margin-bottom: מרחק מלמטה.

border

הגדרת מסגרות היא שונה מכל השאר, ולכן אסביר עליה בעוד 2 פרקים בעז"ה.

padding

את padding מגדירים כך:
padding-left: מרחק מצד שמאל.
padding-right: מרחק מצד ימין.
padding-top: מרחק מלמעלה.
padding-bottom: מרחק מלמטה.

בכל ההגדרות (חוץ מ-position), אפשר להגדיר הגדרה זהה לכל הצדדים כך:
שם ההגדרה: ערך;
לדוגמא:

margin: 1px;
padding: 1px;

יש עוד 2 דברים, height ו-width.
height - גובה.
width - רוחב.
איתם מגדירים את רוחב האלמנט.

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

בהצלחה!

.composer {
  width: 100% !important;
} 

לא מסובך.
יחי המלך המשיח!

למה להוריד?
יש אנשים שמשתמשים בזה.
יחי המלך!

@מישהו12 אמר במדריך | התקנה שקטה של Windows:

Isreal

Israel.
יחי המלך המשיח!

בניית פורום NodeBB לא עולה כסף.
יש תשלומים אחרים, כמו התשלום על השרת לדוגמא, ובחלק מהפורומים גם על דומיין.
יחי המלך המשיח!

@sh774 אאל"ט הם מאמתים האם יש כזה אשראי בפועל.
יחי המלך המשיח!

@liy אפשר גם בעוד שפות.

@מנחם-ציון אמר בC# | משתנים:

@men770 אמר בC# | משתנים:

@מנחם-ציון לא זכור לי שיצא להתעסק עם קוד יוניקוד בC# כמעט.

'a' == 'a' // True
'a' == 'b' // False
'a' < 'b' // True
'b' < 'b' // False
'a' > 'b' // False
'a' - 'b' // -1

מה חסר כאן?
למה צריך לדעת קוד יוניקוד?

מה הכוונה מה חסר?
קוד יונקוד זה בשביל המרה

כלומר?

ואם אני זוכר נכון יכול להיות שצריך גם בשביל לכתוב בעברית…

לא.

@מנחם-ציון לא זכור לי שיצא להתעסק עם קוד יוניקוד בC# כמעט.

'a' == 'a' // True
'a' == 'b' // False
'a' < 'b' // True
'b' < 'b' // False
'a' > 'b' // False
'a' - 'b' // -1

מה חסר כאן?
למה צריך לדעת קוד יוניקוד?

@שאול-נ-י אמר בPHP | תוכנית Hello World בסיסית.:

@men770 חסר פה הסיומת <?
כךך

<?php
echo "Hello World!";
?>

כל עוד לא כותבים HTML אחרי ה-PHP, אפשר לוותר על הסיומת.
יחי המלך!

שימו לב.
אם יש תוכנה במאגר עדיף להתקין אותה משם, כדי לקבל עדכוני אבטחה.

במערכת ההפעלה Arch Linux (מערכת שמיועדת למתקדמים, אבל אולי מישהו כאן ירצה לנסות אותה אי פעם), יש מנהל חבילות בשם pacman.
התקנה: pacman -S שם התוכנה
הסרה: pacman -Rs שם התוכנה