רוצים להשוויץ קצת ביצירתיות שלכם?
יש לנו את הפעילות המושלמת בשבילכם!

- לחצו כאן בשביל עוד פרטים~

cN3rd

04/11/2017

אני כל כך הולך להתחרט על הנושא הזה.

היי חברים,

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

אני מודע לכך שיש כמה משתמשים באתר שיודעים CSS טוב, ואני חושב שאם נוכל לעזור למשתמשים חדשים לעצב את הפרופיל שלהם בצורה שהיא לא מחרידה לעין - ככה ירבה.

חוקי יסוד

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

 

שאלות ותשובות

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

הנה כמה מקורות שאפשר לקרוא מהם כדי להתחיל ללמוד CSS:

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

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

שנית, אם אתם גולשים בכרום או בפיירפוקס, יש כלי מיוחד שנקרא WebDev Tools, ספציפית ה-Inspector. פותחים אותו בקליק ימני -> Inspect.
הנה מדריך בעברית שמסביר איך להשתמש בו: http://webdesk.co.il/עיצוב-אתר-באמצעות-כלי-המפתחים-של-כרום/

יש בסוף הנושא הזה עוד כמה אשכולות מידע שיכולים לעזור לכם.

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

 

עזרים נוספים (מעודכן 16.11.2017)

ערכות עיצוב

 

Freeze

04/11/2017

חחח.. סליחה התעקתי ממך ת׳פרופיל 3>, חחח סתם.

אם עד עכשיו לא קרה שחיפשו נושא css, אז איך אתה חושב ששלך היה שונה ושלא פשוט יתעלמו ממנו או שבכלל לא ידעו על קיומו. ויפתחו נושא "עזרה בcss"?

cN3rd

04/11/2017

צוטט: CMF3FRZ - フリーズ

חחח.. סליחה התעקתי ממך ת׳פרופיל 3>, חחח סתם.

אם עד עכשיו לא קרה שחיפשו נושא css, אז איך אתה חושב ששלך היה שונה ושלא פשוט יתעלמו ממנו או שבכלל לא ידעו על קיומו. ויפתחו נושא "עזרה בcss"?

גיבוי מההנהלה והפניות של משתמשים לנושא הזה בכל פעם שיפתח נושא כזה או אחר.

babayaga

04/11/2017

שלמה, נושא מבורך, תהיתי איך לא נפתח כזה עד עכשיו !

לגמרי אפנה לנושא הזה משתמשים בעת הצורך (:

(תודה, חסכת להנהלה הרבה עבודה T-T)

תודה רבה !

Naruto Uzumaki

04/11/2017

האם חייב לדעת אנגלית בשביל להשתמש בתוכנה או שלא חייב

cN3rd

04/11/2017

צוטט: Naruto Ozomaki

האם חייב לדעת אנגלית בשביל להשתמש בתוכנה או שלא חייב

ידע באנגלית רק יעזור.

Naruto Uzumaki

04/11/2017

צוטט: cN3rd

ידע באנגלית רק יעזור.

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

Naruto Uzumaki

07/11/2017

אני מנעשה להוריד את התוכנה ולא מצליח איך מורידים תוכנה css

shark furry

08/11/2017

צוטט: Naruto Ozomaki

אני מנעשה להוריד את התוכנה ולא מצליח איך מורידים תוכנה css

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

Freeze

08/11/2017

צוטט: shark furry

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

... או ללחוץ CRTL + F5 שזה הכי פשוט.

killingspree

08/11/2017

מה אני יכול לעצב בcss יש לי את הידע בגלל שאני עשיתי עיצובים עם דפי html טבלאות ועוד כמה דברים אבל אם אפשר שמשהו יסביר לי עוד על מה אפשר לעצב בדף css אז תודה.

Naruto Uzumaki

08/11/2017

צוטט: shark furry

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

את זה אני גם יודע רק שקשה לי להרכיב את הקוד עצמו נראה לי זה קשה מדייי

cN3rd

08/11/2017

צוטט: killingspree

מה אני יכול לעצב בcss יש לי את הידע בגלל שאני עשיתי עיצובים עם דפי html טבלאות ועוד כמה דברים אבל אם אפשר שמשהו יסביר לי עוד על מה אפשר לעצב בדף css אז תודה.

אתה יכול לעצב כל אלמנט בדף HTML. אפשר ליצור סוגי אלמנטים שונים על ידי שימוש ב-class או לבחור אלמנטים ספציפיים תוך שימוש ב-id.

אני ממליץ שתעבור על המקורות ללימוד CSS בראש הנושא.

killingspree

08/11/2017

התכוונתי בדף עיצוב מה אפשר לכתוב כלומר אפשר לכתוב שם טבלאות או כל מיני כאילו לזה התכוונתי?

KaTeX

10/11/2017

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

6ece4kd.jpg

 

נ.ב סליחה שהעתקתי לך את הפרופיל אחלה גבר

 

[השקעה מטורפת תע"ה]

cN3rd

11/11/2017

צוטט: KaTeX

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

[תמונה של הפרופיל שלי+פוטושופ]

נ.ב סליחה שהעתקתי לך את הפרופיל אחלה גבר

[השקעה מטורפת תע"ה]

תודה. :P

נוספו ערכות העיצוב של פריז, HK)XdarkXnetX) והמדריך של Time Traveler.

EviMan10

12/11/2017

תודה שפתחתה וכתבתה את הנושא הזה!

KarlosTheCat

24/06/2018

איך אני עושה בעיצוב לקבוצה שהעיצוב לא ישתנה לברירת מחדל?

 

 

Freeze

27/06/2018

איך עןשיפ פרופ]יל יפה כמו שךל?

Blago

28/06/2018

איך זה הגיוני? איפה הבעיה בקוד הזה? 

מה שלא הגיוני- אני מוחק עד שורה 133 והקוד לא תקין, ואז אני מוחק עד 125 והקוד ניהיה תקין.

מסקנה- הפיסקה של 125-133 לא תקינה, מוחק אותה והקוד נשאר לא תקין.

הבעיה היא שהכול ניהיה לבן פתאום. 

הנה הסרטון-

ספויילר

 

הנה הקוד-

ספויילר

.userDataBar {
 background: #00FFFF;
 background: var(--main);
 font-family: Brush Script MT, Brush Script Std, cursive;
 font-style: oblique;
 font-size: 23px;
}
#userData .box {
 padding: 5px;
 border-radius: 5px;
 margin-bottom: 10px;
 background: var(--main);
}
.holder-text {
 padding: 10px;
 border-radius: 5px;
 margin-bottom: 5px;
 background: var(--main);
}
.holder-text .data-text .pretext:hover {
 background:#262626;
 color: #00FFFF;
}

.holder-text .data-text .pretext {
 padding-right: 10px;
 font-size: 1.2em;
 color: #ffffff;
 display: block;
 cursor: pointer;
 height: 86px;
 line-height: 86px;
 background: var(--main);
 border-bottom: 6px solid #00ffff;
}
.holder-text .data-text {
 margin-right: 100px;
 padding: 2px;
 min-height: 90px;
 background: var(--main);
 border-bottom: 6px solid #00ffff;
}
.post section {
 margin-right: 70px;
 border-radius: 5px;
 overflow: hidden;
 padding: 3px;
 background: var(--main);
 border-bottom: 6px solid #00ffff;
}
.userBg {
    background-image: url(https://www.walldevil.com/wallpapers/a81/warrior-skeleton-zombie.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top ;
}
.userBg {
    background-image: url(https://media-spin.net/old/uploads/editor/ar9vd0y.gif);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section {
    background: rgba(32, 32, 32, 0.7);
    color: #04FFFF;
    text-shadow: 1px 1px 3px rgba(24, 24, 24, 0.7);
}
.userProfImg {
    border: 2px solid rgba(4, 255, 255, 0.18);
    border-radius: 35px;
    margin-top: -75px;
    position: absolute !important;
    overflow: hidden;
}
    ::-moz-selection { /* Code for Firefox */
    color: #404040;
    background: #04FFFF;
}

::selection {
    color: #404040;
    background: #04FFFF;
}

.user-info-bar ul li a:hover, .userProfImg:hover, .friendsSide img:hover, .post-img:hover, #userData .box a.link:hover, #mainNav .topMenu li a:hover, #mainNav .userSpace > li a:hover, #userPost #filterList li a:hover, #userPost #filterList li a:focus, .user-info-bar ul li a:hover, .holder-text .data-text .pretext:hover, .like:hover, .like:focus, #userData .box ul li i:hover, #userData .box img:hover, .anime-stat-bar .type-1:hover, .post footer .comments:hover, .post .user-profile-ava img:first-child:hover, .comments-container ul li .comment .comment-content footer ul li a:hover, .comments-container ul li .comment .comment-content footer ul li a:focus, #mainNav .logo:hover, #mainSearch i:hover, #mainNav .userSpace > li > div ul li a:hover, #anUserList tr:hover, #userPost #filterList li a.active, #mainNav .userSpace > li.avatar > div #userTabs > li a.active, .user-info-bar > ul > li ul li a:hover, #mainNav .userSpace > li > div .go-full:hover, #mainNav .userSpace > li > div .go-full:focus, #anUserList tr th:hover, #anUserList a:hover, #anUserList tr .editListUi i:hover, #anUserList tr .editListUi i:focus {
 background: #404040;
 color: #04ffff;
 font-size: 1.2em;
 transition-duration:0.2s;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section, #mainNav .topMenu li .child, #mainNav .userSpace > li.active a, #mainNav .userSpace > li.avatar > div #userTabs, #mainNav .userSpace > li.avatar > div .logout, #mainNav .userSpace > li > div, #mainSearch #searchData ul li ul li, #mainSearch #searchData ul li > span, .anime-stat-bar > span span, #mainNav .userSpace > li > div ul li a .data-li .text, .avaGreed.goodAfternone, .avaGreed.goodMoring, #mainNav .userSpace > li > div ul li, #anUserList a, #mainNav .userSpace > li > div ul li, #mainNav .userSpace > li.avatar > div #userTabs > li a, .user-info-bar > ul > li .item, .user-info-bar > ul > li ul li a, .simple.notifi.seen, #user-friends .item, #mainNav .topMenu li .child li a, #mainNav .userSpace > li > div ul li a.simple, #anUserList tr .editListUi i, .avaGreed.evening, #mainNav .userSpace > li > div ul li a, .post section .content .post-text-holden {
    border-radius: 40px;
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */

::-webkit-scrollbar {     
    width: 1em; 
}
::-webkit-scrollbar-thumb {     
    background: rgb(0,255 , 255, 0.69);     
    border-bottom: #000000 8px solid;     
    border-top: #000000 8px solid; 

::-webkit-scrollbar-track {     
    background: rgb(0, 0, 0);    
    box-shadow: inset 6px -20px 15px 0px rgb(0, 0, 0); 

body{

    cursor: url(http://ani.cursors-4u.net/nature/nat-11/nat1054.cur), auto;

    --main: AQUA;

}
#userData .box {
 padding: 5px;
 border-radius: 5px;
 margin-bottom: 10px;
 background: var(--main);
}
.holder-text {
 padding: 10px;
 border-radius: 5px;
 margin-bottom: 5px;
 background: var(--main);
}
.holder-text .data-text .pretext:hover {
 background:#262626;
 color: #00FFFF;
}

.holder-text .data-text .pretext {
 padding-right: 10px;
 font-size: 1.2em;
 color: #ffffff;
 display: block;
 cursor: pointer;
 height: 86px;
 line-height: 86px;
 background: var(--main);
}
.holder-text .data-text {
 margin-right: 100px;
 padding: 2px;
 min-height: 90px;
 background: var(--main);
}
.post section {
 margin-right: 70px;
 border-radius: 5px;
 overflow: hidden;
 padding: 3px;
 background: var(--main);
}
.userBg {
    background-image: url(https://www.walldevil.com/wallpapers/a81/warrior-skeleton-zombie.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top ;
}
.userBg {
    background-image: url(https://media-spin.net/old/uploads/editor/ar9vd0y.gif);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section {
    background: rgba(32, 32, 32, 0.7);
    color: #04FFFF;
    text-shadow: 1px 1px 3px rgba(24, 24, 24, 0.7);
}
.userProfImg {
    border: 2px solid rgba(4, 255, 255, 0.18);
    border-radius: 35px;
    margin-top: -75px;
    position: absolute !important;
    overflow: hidden;
    box-shadow: 0 0 10px 2px #00FFFF;
}
    ::-moz-selection { /* Code for Firefox */
    color: #404040;
    background: #04FFFF;
}

::selection {
    color: #404040;
    background: #04FFFF;
}

.user-info-bar ul li a:hover, .userProfImg:hover, .friendsSide img:hover, .post-img:hover, #userData .box a.link:hover, #mainNav .topMenu li a:hover, #mainNav .userSpace > li a:hover, #userPost #filterList li a:hover, #userPost #filterList li a:focus, .user-info-bar ul li a:hover, .holder-text .data-text .pretext:hover, .like:hover, .like:focus, #userData .box ul li i:hover, #userData .box img:hover, .anime-stat-bar .type-1:hover, .post footer .comments:hover, .post .user-profile-ava img:first-child:hover, .comments-container ul li .comment .comment-content footer ul li a:hover, .comments-container ul li .comment .comment-content footer ul li a:focus, #mainNav .logo:hover, #mainSearch i:hover, #mainNav .userSpace > li > div ul li a:hover, #anUserList tr:hover, #userPost #filterList li a.active, #mainNav .userSpace > li.avatar > div #userTabs > li a.active, .user-info-bar > ul > li ul li a:hover, #mainNav .userSpace > li > div .go-full:hover, #mainNav .userSpace > li > div .go-full:focus, #anUserList tr th:hover, #anUserList a:hover, #anUserList tr .editListUi i:hover, #anUserList tr .editListUi i:focus {
 background: #404040;
 color: #04ffff;
 font-size: 1.2em;
 transition-duration:0.2s;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section, #mainNav .topMenu li .child, #mainNav .userSpace > li.active a, #mainNav .userSpace > li.avatar > div #userTabs, #mainNav .userSpace > li.avatar > div .logout, #mainNav .userSpace > li > div, #mainSearch #searchData ul li ul li, #mainSearch #searchData ul li > span, .anime-stat-bar > span span, #mainNav .userSpace > li > div ul li a .data-li .text, .avaGreed.goodAfternone, .avaGreed.goodMoring, #mainNav .userSpace > li > div ul li, #anUserList a, #mainNav .userSpace > li > div ul li, #mainNav .userSpace > li.avatar > div #userTabs > li a, .user-info-bar > ul > li .item, .user-info-bar > ul > li ul li a, .simple.notifi.seen, #user-friends .item, #mainNav .topMenu li .child li a, #mainNav .userSpace > li > div ul li a.simple, #anUserList tr .editListUi i, .avaGreed.evening, #mainNav .userSpace > li > div ul li a, .post section .content .post-text-holden {
    border-radius: 40px;
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */

::-webkit-scrollbar {     
    width: 1em; 
}
::-webkit-scrollbar-thumb {     
    background: rgb(0,255 , 255, 0.69);     
    border-bottom: #009191 8px solid;     
    border-top: #009191 8px solid; 

::-webkit-scrollbar-track {     
    background: rgb(0, 0, 0);    
    box-shadow: inset 6px -20px 15px 0px rgb(0, 0, 0); 

body{

    cursor: url(), auto;

    --main: AQUA;
    --hover-main: AQUA;

}
#userData .box {
 padding: 5px;
 border-radius: 5px;
 margin-bottom: 10px;
 background: var(--main);
}
.holder-text {
 padding: 10px;
 border-radius: 5px;
 margin-bottom: 5px;
 background: var(--main);
}
.holder-text .data-text .pretext:hover {
 background:#262626;
 color: #00FFFF;
}

.holder-text .data-text .pretext {
 padding-right: 10px;
 font-size: 1.2em;
 color: #ffffff;
 display: block;
 cursor: pointer;
 height: 86px;
 line-height: 86px;
 background: var(--main);
}
.holder-text .data-text {
 margin-right: 100px;
 padding: 2px;
 min-height: 90px;
 background: var(--main);
}
.userBg {
    background-image: url(https://www.walldevil.com/wallpapers/a81/warrior-skeleton-zombie.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top ;
}
.userBg {
    background-image: url(https://media-spin.net/old/uploads/editor/ar9vd0y.gif);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section {
    background: rgba(32, 32, 32, 0.7);
    color: #04FFFF;
    text-shadow: 1px 1px 3px rgba(24, 24, 24, 0.7);
}
.userProfImg {
    border: 2px solid rgba(4, 255, 255, 0.18);
    border-radius: 35px;
    margin-top: -75px;
    position: absolute !important;
    overflow: hidden;
}
.user-info-bar ul li a:hover, .userProfImg:hover, .friendsSide img:hover, .post-img:hover, #userData .box a.link:hover, #mainNav .topMenu li a:hover, #mainNav .userSpace > li a:hover, #userPost #filterList li a:hover, #userPost #filterList li a:focus, .user-info-bar ul li a:hover, .holder-text .data-text .pretext:hover, .like:hover, .like:focus, #userData .box ul li i:hover, #userData .box img:hover, .anime-stat-bar .type-1:hover, .post footer .comments:hover, .post .user-profile-ava img:first-child:hover, .comments-container ul li .comment .comment-content footer ul li a:hover, .comments-container ul li .comment .comment-content footer ul li a:focus, #mainNav .logo:hover, #mainSearch i:hover, #mainNav .userSpace > li > div ul li a:hover, #anUserList tr:hover, #userPost #filterList li a.active, #mainNav .userSpace > li.avatar > div #userTabs > li a.active, .user-info-bar > ul > li ul li a:hover, #mainNav .userSpace > li > div .go-full:hover, #mainNav .userSpace > li > div .go-full:focus, #anUserList tr th:hover, #anUserList a:hover, #anUserList tr .editListUi i:hover, #anUserList tr .editListUi i:focus {
 background: #404040;
 color: #04ffff;
 font-size: 1.2em;
 transition-duration:0.2s;
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */

#userData .box {
 padding: 5px;
 border-radius: 5px;
 margin-bottom: 10px;
 background: var(--main);
}
.holder-text {
 padding: 10px;
 border-radius: 5px;
 margin-bottom: 5px;
 background: var(--main);
}
.holder-text .data-text .pretext:hover {
 background:#262626;
 color: #00FFFF;
}

.holder-text .data-text .pretext {
 padding-right: 10px;
 font-size: 1.2em;
 color: #ffffff;
 display: block;
 cursor: pointer;
 height: 86px;
 line-height: 86px;
 background: var(--main);
}
.holder-text .data-text {
 margin-right: 100px;
 padding: 2px;
 min-height: 90px;
 background: var(--main);
}
.post section {
 margin-right: 70px;
 border-radius: 5px;
 overflow: hidden;
 padding: 3px;
 background: var(--main);
}
.userBg {
    background-image: url(https://media-spin.net/old/uploads/editor/ar9vd0y.gif);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section {
    background: rgba(32, 32, 32, 0.7);
    color: #04FFFF;
    text-shadow: 1px 1px 3px rgba(24, 24, 24, 0.7);
}
.userProfImg {
    border: 2px solid rgba(4, 255, 255, 0.18);
    border-radius: 35px;
    margin-top: -75px;
    position: absolute !important;
    overflow: hidden;
    box-shadow: 0 0 10px 2px #00FFFF;
}
    ::-moz-selection { /* Code for Firefox */
    color: #404040;
    background: #00FFFF;
}

::selection {
    color: #404040;
    background: #00FFFF;
}

.user-info-bar ul li a:hover, .userProfImg:hover, .friendsSide img:hover, .post-img:hover, #userData .box a.link:hover, #mainNav .topMenu li a:hover, #mainNav .userSpace > li a:hover, #userPost #filterList li a:hover, #userPost #filterList li a:focus, .user-info-bar ul li a:hover, .holder-text .data-text .pretext:hover, .like:hover, .like:focus, #userData .box ul li i:hover, #userData .box img:hover, .anime-stat-bar .type-1:hover, .post footer .comments:hover, .post .user-profile-ava img:first-child:hover, .comments-container ul li .comment .comment-content footer ul li a:hover, .comments-container ul li .comment .comment-content footer ul li a:focus, #mainNav .logo:hover, #mainSearch i:hover, #mainNav .userSpace > li > div ul li a:hover, #anUserList tr:hover, #userPost #filterList li a.active, #mainNav .userSpace > li.avatar > div #userTabs > li a.active, .user-info-bar > ul > li ul li a:hover, #mainNav .userSpace > li > div .go-full:hover, #mainNav .userSpace > li > div .go-full:focus, #anUserList tr th:hover, #anUserList a:hover, #anUserList tr .editListUi i:hover, #anUserList tr .editListUi i:focus {
 background: #00ffff;
 color: #404040;
 font-size: 1.2em;
 transition-duration:0.2s;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section, #mainNav .topMenu li .child, #mainNav .userSpace > li.active a, #mainNav .userSpace > li.avatar > div #userTabs, #mainNav .userSpace > li.avatar > div .logout, #mainNav .userSpace > li > div, #mainSearch #searchData ul li ul li, #mainSearch #searchData ul li > span, .anime-stat-bar > span span, #mainNav .userSpace > li > div ul li a .data-li .text, .avaGreed.goodAfternone, .avaGreed.goodMoring, #mainNav .userSpace > li > div ul li, #anUserList a, #mainNav .userSpace > li > div ul li, #mainNav .userSpace > li.avatar > div #userTabs > li a, .user-info-bar > ul > li .item, .user-info-bar > ul > li ul li a, .simple.notifi.seen, #user-friends .item, #mainNav .topMenu li .child li a, #mainNav .userSpace > li > div ul li a.simple, #anUserList tr .editListUi i, .avaGreed.evening, #mainNav .userSpace > li > div ul li a, .post section .content .post-text-holden {
    border-radius: 40px;
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */
}
::-webkit-scrollbar {     
    width: 1em; 
}
::-webkit-scrollbar-thumb {     
    background: rgb(0,255 , 255, 0.69);     
    border-bottom: #004242 8px solid;     
    border-top: #004242 8px solid; 

::-webkit-scrollbar-track {     
    background: rgb(0, 0, 0);    
    box-shadow: inset 6px -20px 15px 0px rgb(0, 0, 0); 

body{

    --main: #ff000;

}
#mainNav .topMenu li .child {
 display: none;
 margin: 0;
 position: absolute;
 right: 0;
 left: 0;
 list-style: none;
 text-align: center;
 background: rgba(0, 0, 0, 0);
}
#userPost::before { 
    content: "שלוםםםם";
    display: block;     
    margin-bottom: 5px;     
    color: deeppink;
    text-align: center;     
    font-size: 5em;     
    padding: 20px;     
    background: #2b2b2b;     
    border-width: 5px;   
    border-style: double;     
    border-color: initial;     
    border-image: initial;
    animation: rainbow 7s cubic-bezier(0.55, 0.06, 0.68, 0.19) infinite;     
    border-radius: 5px; 
    font-family: Brush Script MT, Brush Script Std, cursive;
    font-style: oblique;
    font-size: 60px;
}

 

cN3rd

28/06/2018

צוטט: Blago

איך זה הגיוני? איפה הבעיה בקוד הזה? 

מה שלא הגיוני- אני מוחק עד שורה 133 והקוד לא תקין, ואז אני מוחק עד 125 והקוד ניהיה תקין.

מסקנה- הפיסקה של 125-133 לא תקינה, מוחק אותה והקוד נשאר לא תקין.

הבעיה היא שהכול ניהיה לבן פתאום. 

הנה הסרטון-

ספויילר

 

הנה הקוד-

ספויילר

.userDataBar {
 background: #00FFFF;
 background: var(--main);
 font-family: Brush Script MT, Brush Script Std, cursive;
 font-style: oblique;
 font-size: 23px;
}
#userData .box {
 padding: 5px;
 border-radius: 5px;
 margin-bottom: 10px;
 background: var(--main);
}
.holder-text {
 padding: 10px;
 border-radius: 5px;
 margin-bottom: 5px;
 background: var(--main);
}
.holder-text .data-text .pretext:hover {
 background:#262626;
 color: #00FFFF;
}

.holder-text .data-text .pretext {
 padding-right: 10px;
 font-size: 1.2em;
 color: #ffffff;
 display: block;
 cursor: pointer;
 height: 86px;
 line-height: 86px;
 background: var(--main);
 border-bottom: 6px solid #00ffff;
}
.holder-text .data-text {
 margin-right: 100px;
 padding: 2px;
 min-height: 90px;
 background: var(--main);
 border-bottom: 6px solid #00ffff;
}
.post section {
 margin-right: 70px;
 border-radius: 5px;
 overflow: hidden;
 padding: 3px;
 background: var(--main);
 border-bottom: 6px solid #00ffff;
}
.userBg {
    background-image: url(https://www.walldevil.com/wallpapers/a81/warrior-skeleton-zombie.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top ;
}
.userBg {
    background-image: url(https://media-spin.net/old/uploads/editor/ar9vd0y.gif);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section {
    background: rgba(32, 32, 32, 0.7);
    color: #04FFFF;
    text-shadow: 1px 1px 3px rgba(24, 24, 24, 0.7);
}
.userProfImg {
    border: 2px solid rgba(4, 255, 255, 0.18);
    border-radius: 35px;
    margin-top: -75px;
    position: absolute !important;
    overflow: hidden;
}
    ::-moz-selection { /* Code for Firefox */
    color: #404040;
    background: #04FFFF;
}

::selection {
    color: #404040;
    background: #04FFFF;
}

.user-info-bar ul li a:hover, .userProfImg:hover, .friendsSide img:hover, .post-img:hover, #userData .box a.link:hover, #mainNav .topMenu li a:hover, #mainNav .userSpace > li a:hover, #userPost #filterList li a:hover, #userPost #filterList li a:focus, .user-info-bar ul li a:hover, .holder-text .data-text .pretext:hover, .like:hover, .like:focus, #userData .box ul li i:hover, #userData .box img:hover, .anime-stat-bar .type-1:hover, .post footer .comments:hover, .post .user-profile-ava img:first-child:hover, .comments-container ul li .comment .comment-content footer ul li a:hover, .comments-container ul li .comment .comment-content footer ul li a:focus, #mainNav .logo:hover, #mainSearch i:hover, #mainNav .userSpace > li > div ul li a:hover, #anUserList tr:hover, #userPost #filterList li a.active, #mainNav .userSpace > li.avatar > div #userTabs > li a.active, .user-info-bar > ul > li ul li a:hover, #mainNav .userSpace > li > div .go-full:hover, #mainNav .userSpace > li > div .go-full:focus, #anUserList tr th:hover, #anUserList a:hover, #anUserList tr .editListUi i:hover, #anUserList tr .editListUi i:focus {
 background: #404040;
 color: #04ffff;
 font-size: 1.2em;
 transition-duration:0.2s;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section, #mainNav .topMenu li .child, #mainNav .userSpace > li.active a, #mainNav .userSpace > li.avatar > div #userTabs, #mainNav .userSpace > li.avatar > div .logout, #mainNav .userSpace > li > div, #mainSearch #searchData ul li ul li, #mainSearch #searchData ul li > span, .anime-stat-bar > span span, #mainNav .userSpace > li > div ul li a .data-li .text, .avaGreed.goodAfternone, .avaGreed.goodMoring, #mainNav .userSpace > li > div ul li, #anUserList a, #mainNav .userSpace > li > div ul li, #mainNav .userSpace > li.avatar > div #userTabs > li a, .user-info-bar > ul > li .item, .user-info-bar > ul > li ul li a, .simple.notifi.seen, #user-friends .item, #mainNav .topMenu li .child li a, #mainNav .userSpace > li > div ul li a.simple, #anUserList tr .editListUi i, .avaGreed.evening, #mainNav .userSpace > li > div ul li a, .post section .content .post-text-holden {
    border-radius: 40px;
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */

::-webkit-scrollbar {     
    width: 1em; 
}
::-webkit-scrollbar-thumb {     
    background: rgb(0,255 , 255, 0.69);     
    border-bottom: #000000 8px solid;     
    border-top: #000000 8px solid; 

::-webkit-scrollbar-track {     
    background: rgb(0, 0, 0);    
    box-shadow: inset 6px -20px 15px 0px rgb(0, 0, 0); 

body{

    cursor: url(http://ani.cursors-4u.net/nature/nat-11/nat1054.cur), auto;

    --main: AQUA;

}
#userData .box {
 padding: 5px;
 border-radius: 5px;
 margin-bottom: 10px;
 background: var(--main);
}
.holder-text {
 padding: 10px;
 border-radius: 5px;
 margin-bottom: 5px;
 background: var(--main);
}
.holder-text .data-text .pretext:hover {
 background:#262626;
 color: #00FFFF;
}

.holder-text .data-text .pretext {
 padding-right: 10px;
 font-size: 1.2em;
 color: #ffffff;
 display: block;
 cursor: pointer;
 height: 86px;
 line-height: 86px;
 background: var(--main);
}
.holder-text .data-text {
 margin-right: 100px;
 padding: 2px;
 min-height: 90px;
 background: var(--main);
}
.post section {
 margin-right: 70px;
 border-radius: 5px;
 overflow: hidden;
 padding: 3px;
 background: var(--main);
}
.userBg {
    background-image: url(https://www.walldevil.com/wallpapers/a81/warrior-skeleton-zombie.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top ;
}
.userBg {
    background-image: url(https://media-spin.net/old/uploads/editor/ar9vd0y.gif);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section {
    background: rgba(32, 32, 32, 0.7);
    color: #04FFFF;
    text-shadow: 1px 1px 3px rgba(24, 24, 24, 0.7);
}
.userProfImg {
    border: 2px solid rgba(4, 255, 255, 0.18);
    border-radius: 35px;
    margin-top: -75px;
    position: absolute !important;
    overflow: hidden;
    box-shadow: 0 0 10px 2px #00FFFF;
}
    ::-moz-selection { /* Code for Firefox */
    color: #404040;
    background: #04FFFF;
}

::selection {
    color: #404040;
    background: #04FFFF;
}

.user-info-bar ul li a:hover, .userProfImg:hover, .friendsSide img:hover, .post-img:hover, #userData .box a.link:hover, #mainNav .topMenu li a:hover, #mainNav .userSpace > li a:hover, #userPost #filterList li a:hover, #userPost #filterList li a:focus, .user-info-bar ul li a:hover, .holder-text .data-text .pretext:hover, .like:hover, .like:focus, #userData .box ul li i:hover, #userData .box img:hover, .anime-stat-bar .type-1:hover, .post footer .comments:hover, .post .user-profile-ava img:first-child:hover, .comments-container ul li .comment .comment-content footer ul li a:hover, .comments-container ul li .comment .comment-content footer ul li a:focus, #mainNav .logo:hover, #mainSearch i:hover, #mainNav .userSpace > li > div ul li a:hover, #anUserList tr:hover, #userPost #filterList li a.active, #mainNav .userSpace > li.avatar > div #userTabs > li a.active, .user-info-bar > ul > li ul li a:hover, #mainNav .userSpace > li > div .go-full:hover, #mainNav .userSpace > li > div .go-full:focus, #anUserList tr th:hover, #anUserList a:hover, #anUserList tr .editListUi i:hover, #anUserList tr .editListUi i:focus {
 background: #404040;
 color: #04ffff;
 font-size: 1.2em;
 transition-duration:0.2s;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section, #mainNav .topMenu li .child, #mainNav .userSpace > li.active a, #mainNav .userSpace > li.avatar > div #userTabs, #mainNav .userSpace > li.avatar > div .logout, #mainNav .userSpace > li > div, #mainSearch #searchData ul li ul li, #mainSearch #searchData ul li > span, .anime-stat-bar > span span, #mainNav .userSpace > li > div ul li a .data-li .text, .avaGreed.goodAfternone, .avaGreed.goodMoring, #mainNav .userSpace > li > div ul li, #anUserList a, #mainNav .userSpace > li > div ul li, #mainNav .userSpace > li.avatar > div #userTabs > li a, .user-info-bar > ul > li .item, .user-info-bar > ul > li ul li a, .simple.notifi.seen, #user-friends .item, #mainNav .topMenu li .child li a, #mainNav .userSpace > li > div ul li a.simple, #anUserList tr .editListUi i, .avaGreed.evening, #mainNav .userSpace > li > div ul li a, .post section .content .post-text-holden {
    border-radius: 40px;
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */

::-webkit-scrollbar {     
    width: 1em; 
}
::-webkit-scrollbar-thumb {     
    background: rgb(0,255 , 255, 0.69);     
    border-bottom: #009191 8px solid;     
    border-top: #009191 8px solid; 

::-webkit-scrollbar-track {     
    background: rgb(0, 0, 0);    
    box-shadow: inset 6px -20px 15px 0px rgb(0, 0, 0); 

body{

    cursor: url(), auto;

    --main: AQUA;
    --hover-main: AQUA;

}
#userData .box {
 padding: 5px;
 border-radius: 5px;
 margin-bottom: 10px;
 background: var(--main);
}
.holder-text {
 padding: 10px;
 border-radius: 5px;
 margin-bottom: 5px;
 background: var(--main);
}
.holder-text .data-text .pretext:hover {
 background:#262626;
 color: #00FFFF;
}

.holder-text .data-text .pretext {
 padding-right: 10px;
 font-size: 1.2em;
 color: #ffffff;
 display: block;
 cursor: pointer;
 height: 86px;
 line-height: 86px;
 background: var(--main);
}
.holder-text .data-text {
 margin-right: 100px;
 padding: 2px;
 min-height: 90px;
 background: var(--main);
}
.userBg {
    background-image: url(https://www.walldevil.com/wallpapers/a81/warrior-skeleton-zombie.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top ;
}
.userBg {
    background-image: url(https://media-spin.net/old/uploads/editor/ar9vd0y.gif);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section {
    background: rgba(32, 32, 32, 0.7);
    color: #04FFFF;
    text-shadow: 1px 1px 3px rgba(24, 24, 24, 0.7);
}
.userProfImg {
    border: 2px solid rgba(4, 255, 255, 0.18);
    border-radius: 35px;
    margin-top: -75px;
    position: absolute !important;
    overflow: hidden;
}
.user-info-bar ul li a:hover, .userProfImg:hover, .friendsSide img:hover, .post-img:hover, #userData .box a.link:hover, #mainNav .topMenu li a:hover, #mainNav .userSpace > li a:hover, #userPost #filterList li a:hover, #userPost #filterList li a:focus, .user-info-bar ul li a:hover, .holder-text .data-text .pretext:hover, .like:hover, .like:focus, #userData .box ul li i:hover, #userData .box img:hover, .anime-stat-bar .type-1:hover, .post footer .comments:hover, .post .user-profile-ava img:first-child:hover, .comments-container ul li .comment .comment-content footer ul li a:hover, .comments-container ul li .comment .comment-content footer ul li a:focus, #mainNav .logo:hover, #mainSearch i:hover, #mainNav .userSpace > li > div ul li a:hover, #anUserList tr:hover, #userPost #filterList li a.active, #mainNav .userSpace > li.avatar > div #userTabs > li a.active, .user-info-bar > ul > li ul li a:hover, #mainNav .userSpace > li > div .go-full:hover, #mainNav .userSpace > li > div .go-full:focus, #anUserList tr th:hover, #anUserList a:hover, #anUserList tr .editListUi i:hover, #anUserList tr .editListUi i:focus {
 background: #404040;
 color: #04ffff;
 font-size: 1.2em;
 transition-duration:0.2s;
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */

#userData .box {
 padding: 5px;
 border-radius: 5px;
 margin-bottom: 10px;
 background: var(--main);
}
.holder-text {
 padding: 10px;
 border-radius: 5px;
 margin-bottom: 5px;
 background: var(--main);
}
.holder-text .data-text .pretext:hover {
 background:#262626;
 color: #00FFFF;
}

.holder-text .data-text .pretext {
 padding-right: 10px;
 font-size: 1.2em;
 color: #ffffff;
 display: block;
 cursor: pointer;
 height: 86px;
 line-height: 86px;
 background: var(--main);
}
.holder-text .data-text {
 margin-right: 100px;
 padding: 2px;
 min-height: 90px;
 background: var(--main);
}
.post section {
 margin-right: 70px;
 border-radius: 5px;
 overflow: hidden;
 padding: 3px;
 background: var(--main);
}
.userBg {
    background-image: url(https://media-spin.net/old/uploads/editor/ar9vd0y.gif);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section {
    background: rgba(32, 32, 32, 0.7);
    color: #04FFFF;
    text-shadow: 1px 1px 3px rgba(24, 24, 24, 0.7);
}
.userProfImg {
    border: 2px solid rgba(4, 255, 255, 0.18);
    border-radius: 35px;
    margin-top: -75px;
    position: absolute !important;
    overflow: hidden;
    box-shadow: 0 0 10px 2px #00FFFF;
}
    ::-moz-selection { /* Code for Firefox */
    color: #404040;
    background: #00FFFF;
}

::selection {
    color: #404040;
    background: #00FFFF;
}

.user-info-bar ul li a:hover, .userProfImg:hover, .friendsSide img:hover, .post-img:hover, #userData .box a.link:hover, #mainNav .topMenu li a:hover, #mainNav .userSpace > li a:hover, #userPost #filterList li a:hover, #userPost #filterList li a:focus, .user-info-bar ul li a:hover, .holder-text .data-text .pretext:hover, .like:hover, .like:focus, #userData .box ul li i:hover, #userData .box img:hover, .anime-stat-bar .type-1:hover, .post footer .comments:hover, .post .user-profile-ava img:first-child:hover, .comments-container ul li .comment .comment-content footer ul li a:hover, .comments-container ul li .comment .comment-content footer ul li a:focus, #mainNav .logo:hover, #mainSearch i:hover, #mainNav .userSpace > li > div ul li a:hover, #anUserList tr:hover, #userPost #filterList li a.active, #mainNav .userSpace > li.avatar > div #userTabs > li a.active, .user-info-bar > ul > li ul li a:hover, #mainNav .userSpace > li > div .go-full:hover, #mainNav .userSpace > li > div .go-full:focus, #anUserList tr th:hover, #anUserList a:hover, #anUserList tr .editListUi i:hover, #anUserList tr .editListUi i:focus {
 background: #00ffff;
 color: #404040;
 font-size: 1.2em;
 transition-duration:0.2s;
}
.userDataBar, #mainNav, #footer, #mainNav .userSpace, #userPost #filterList, #userData .box, #mainSearch .holder, #mainSearch input, #mainSearch i, #userData .box ul li i, .user-info-bar ul li a, #userPost #filterList li a, #mainNav .userSpace > li a, #mainNav .topMenu li a, #footer > ul li a, #mainNav .userSpace > li a span.gray, .userDataBar ul li span, .holder-text, .holder-text .data-text .pretext, .holder-text .data-text, .comments-container, .post.simple footer, .post header h4, .post section, #userData .box a.link, #anUserList tr, #anUserList tr:nth-child(even), #userData .box ul li .tag, .comments-container ul li .comment .comment-content header h5 a, .comments-container ul li .comment .comment-content header h6 a, .post footer .comments, .like-holder span, .like, .comments-container ul li .comment .comment-content footer ul li a, .comments-container .comment-like, .comments-container ul li .comment .comment-content header h5, .comments-container ul li .comment .comment-content header h6, #data-stat-list-ul li span, .comments-container ul li .comment .comment-content section, #mainNav .topMenu li .child, #mainNav .userSpace > li.active a, #mainNav .userSpace > li.avatar > div #userTabs, #mainNav .userSpace > li.avatar > div .logout, #mainNav .userSpace > li > div, #mainSearch #searchData ul li ul li, #mainSearch #searchData ul li > span, .anime-stat-bar > span span, #mainNav .userSpace > li > div ul li a .data-li .text, .avaGreed.goodAfternone, .avaGreed.goodMoring, #mainNav .userSpace > li > div ul li, #anUserList a, #mainNav .userSpace > li > div ul li, #mainNav .userSpace > li.avatar > div #userTabs > li a, .user-info-bar > ul > li .item, .user-info-bar > ul > li ul li a, .simple.notifi.seen, #user-friends .item, #mainNav .topMenu li .child li a, #mainNav .userSpace > li > div ul li a.simple, #anUserList tr .editListUi i, .avaGreed.evening, #mainNav .userSpace > li > div ul li a, .post section .content .post-text-holden {
    border-radius: 40px;
}
.holder-text .data-text {
    margin-right: 100px;
    padding: 2px;
    background: #04ffff;
    /* min-height: 90px; */
}
::-webkit-scrollbar {     
    width: 1em; 
}
::-webkit-scrollbar-thumb {     
    background: rgb(0,255 , 255, 0.69);     
    border-bottom: #004242 8px solid;     
    border-top: #004242 8px solid; 

::-webkit-scrollbar-track {     
    background: rgb(0, 0, 0);    
    box-shadow: inset 6px -20px 15px 0px rgb(0, 0, 0); 

body{

    --main: #ff000;

}
#mainNav .topMenu li .child {
 display: none;
 margin: 0;
 position: absolute;
 right: 0;
 left: 0;
 list-style: none;
 text-align: center;
 background: rgba(0, 0, 0, 0);
}
#userPost::before { 
    content: "שלוםםםם";
    display: block;     
    margin-bottom: 5px;     
    color: deeppink;
    text-align: center;     
    font-size: 5em;     
    padding: 20px;     
    background: #2b2b2b;     
    border-width: 5px;   
    border-style: double;     
    border-color: initial;     
    border-image: initial;
    animation: rainbow 7s cubic-bezier(0.55, 0.06, 0.68, 0.19) infinite;     
    border-radius: 5px; 
    font-family: Brush Script MT, Brush Script Std, cursive;
    font-style: oblique;
    font-size: 60px;
}

 

בבדיקה מהירה דרך האתר הזה, מצאתי בעיה בחוק הבא (שורות 119-123):

::-webkit-scrollbar-thumb { 
 background: rgb(0,255 , 255, 0.69); 
 border-bottom: #000000 8px solid; 
 border-top: #000000 8px solid; 
}

בשורה השנייה, אתה קורא לפונקציה rgb אבל מספק את הארגומנטים הדרושים לפונקציה rgba. (השוני הוא בארגומנט האחרון, מספר בין 0 ל-1 שמציין את השקיפות).

במקרה זה, התיקון הוא לשנות את (0, 255, 255, 0.69)background: rgb ל-background: rgba(0, 255, 255, 0.69).

הבעיה חוזרת על עצמה כמה פעמים. בלי קשר, יש לך המון חוקים שנוגעים באותם איזורים ו\או סותרים אחד את השני ו\או העתקים אחד של השני. אני מציע לך לבנות מחדש את ה-CSS או לנקות אותו.