הוספת כפתורים חברתיים לאתר והתעסקות קלה ב-CSS3 - הוסטס

satan · 23-02-12, 09:57

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

http://www.webmasters.co.il/view-page/105.html

דוגמא אפשר לראות בצד שמאל באתר עצמו.

ככה אתם יכולים להגדיל בצורה משמעותית את כמות הלייקים והחשיפה החברתית של האתר שלכם. ויש שימוש קל ב-CSS3 למסגרת עגולה.

תמונה להמחשה:

**IgalSt** · 24-02-12, 12:21

ראשית, כל הכבוד על המדריך.

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

הצעתי היא למקם את הקונטיינר של הכפתורים בתוך ה-wrapper של התוכן עם מיקום ועם left/right שלילי בגודל של קונטיינר הכפתורים + כמות הפיקסלים שאתה רוצה במרווח בין התוכן למכולת הקישורים.

משהו בסגנון הזה

satan · 24-02-12, 12:32

ציטוט:

נכתב במקור על ידי IgalSt

ראשית, כל הכבוד על המדריך.

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

הצעתי היא למקם את הקונטיינר של הכפתורים בתוך ה-wrapper של התוכן עם מיקום ועם left/right שלילי בגודל של קונטיינר הכפתורים + כמות הפיקסלים שאתה רוצה במרווח בין התוכן למכולת הקישורים.

משהו בסגנון הזה

אפשרי.

אבל הרוחב של התוכן לא גדל לרוחב.. אלא לגובה. באופן מוחלט של רוב האתרים.

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

**IgalSt** · 24-02-12, 14:05

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

~~אנונימוס~~ · 24-02-12, 14:48

ציטוט:

נכתב במקור על ידי IgalSt

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

איך אומרים..
לכל דבר יש יתרון וחסרון. אין מושלם.

AlmogBaku · 27-02-12, 08:11

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

לענייננו-
הקידומת של מינוס וובקיט ומינוס מוז מיותרת. כיום יש אחידות. זה היה רלוונטי בעבר בעידן ה FF3. אין צורך לתמוך מאה שנה אחורה.
חוץ מזה שבמקום לעשות כל כך הרבה שורות אפשר פשוט לרשום את הרדיוסים בשורה אחת..
ובכלל לא טרחת לציין שצריך לאנקלד JS לעמוד. אנשים עוד לא יבינו למה זה לא עובד..

23-02-12, 09:57	# 1
satan חבר וותיק מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 34 הודעות: 1,582	הוספת כפתורים חברתיים לאתר והתעסקות קלה ב-CSS3 כתבתי מדריך בנושא כפתורים חברתיים של LIKE וכו', איך להוסיף אותם בצורה מיוחדת לאתר בצד התוכן כך שיעקבו אחר הגולש. http://www.webmasters.co.il/view-page/105.html דוגמא אפשר לראות בצד שמאל באתר עצמו. ככה אתם יכולים להגדיל בצורה משמעותית את כמות הלייקים והחשיפה החברתית של האתר שלכם. ויש שימוש קל ב-CSS3 למסגרת עגולה. תמונה להמחשה: __________________ פנוי לעבודה כמתכנת WEB - למידע נוסף: ליאור אמסלם. בניית אתרים באינטרנט - בלוג על בניית אתרים באינטרנט עם טיפים, מאמרים, מדריכי תכנות ועוד. משחקים אתר משחקים

24-02-12, 12:21	# 2
IgalSt מנהל פורום, עסק רשום מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: המרכז גיל: 37 הודעות: 1,432	ראשית, כל הכבוד על המדריך. עם זאת, אני לא כ"כ אהבתי את הפתרון שלך להצמדת הכפתורים לתוכן מהצד. הבעיה איתו היא שאתה משתמש במספר קבוע (600) כדי ליישר את הכפתורים לצד, כאשר רוחב החלק של התוכן יכול להיות דינאמי. הצעתי היא למקם את הקונטיינר של הכפתורים בתוך ה-wrapper של התוכן עם מיקום ועם left/right שלילי בגודל של קונטיינר הכפתורים + כמות הפיקסלים שאתה רוצה במרווח בין התוכן למכולת הקישורים. משהו בסגנון הזה __________________ יגאל סטקלוב Igal Steklov Slides מה השעה? טרקלין דן טרמינל 1

24-02-12, 14:05	# 4
IgalSt מנהל פורום, עסק רשום מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: המרכז גיל: 37 הודעות: 1,432	אתה צודק לגבי כך שהרוחב לא משתנה לרוב. אבל עדיין צריך להשתמש ב-magic number כדי להתאים לרוחב העיצוב, ולדעתי זה לא כ"כ יפה. __________________ יגאל סטקלוב Igal Steklov Slides מה השעה? טרקלין דן טרמינל 1


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

27-02-12, 08:11	# 6
AlmogBaku חבר וותיק מיני פרופיל תאריך הצטרפות: Nov 2007 מיקום: מודיעין הודעות: 1,022	בלה בלה, וויכוח טיפשי. לא מבין למה הקטע לרשום מאמר כזה. כל אתר שם וודג'ט כזה לפי העיצוב שלו, ואפיון הUI שלו. אם אתה מחפש לכתוב מאמרים באתר שלך, יש כל כך הרבה דברים חדשים בHTML5 ובCSS3 שפשוט תענוג לקרוא וללמוד עליהם(וכל פעם מחדש אני מתלהב ולומד עוד!) כמו גראדינט בCSS3 או טכניקות ממשיות לציור עיגול ומשולש בCSS3 וכלה בסלקטורים מתקדמים.. או בHTML5 על כל האובייקטים החדשים(שדה מסוג אימייל, שדה עם פאטרן) והסינטקס החדש. לענייננו- הקידומת של מינוס וובקיט ומינוס מוז מיותרת. כיום יש אחידות. זה היה רלוונטי בעבר בעידן ה FF3. אין צורך לתמוך מאה שנה אחורה. חוץ מזה שבמקום לעשות כל כך הרבה שורות אפשר פשוט לרשום את הרדיוסים בשורה אחת.. ובכלל לא טרחת לציין שצריך לאנקלד JS לעמוד. אנשים עוד לא יבינו למה זה לא עובד..

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)