פיתוח אתרים באינטרנט - Mbaroz » CSS Tips http://www.mbaroz.com/blog כל המידע בתחום פיתוח אתרים באינטרנט Thu, 15 Dec 2011 09:29:26 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 כיצד “לעצור” אלמנט HTML מ- Scroll למעלה http://www.mbaroz.com/blog/scroll-fixed/ http://www.mbaroz.com/blog/scroll-fixed/#comments Tue, 15 Nov 2011 07:18:55 +0000 admin http://www.mbaroz.com/blog/?p=450 המון פעמים אנו רוצים להמשיך להציג לגולש איזו כותרת או איזה אלמנט הנמצאים בחלקו העליון של העמוד וצריכים להיות “זמינים” בטווח העין למרות הגלילה כלפי מטה. בייחוד כאשר רוב האתרים כיום עשירית בתכנים ובסרטונים אשר מטבע הדברים גורמים לעמוד שלנו להיות ארוך יותר מגובה הדפדפן.
אנו מכירים היטב את ה CSS STYLE :
position:fixed אך למעשה ה CSS הזה יאפשר להעמיד את האלמנט עליו החלנו את ה CLASS הזה באותו המקום גם אם הוא נמצא באמצע העמוד, וזו לא התוצאה שרצינו.
ישנו תוסף מאד קליל(1K) של jQuery הנקרא ScrollToFixed וניתן להוריד אותו מכאן  ומאפשר לכם ב 2 שורות קוד להגדיר את הבלוק או האלמנט שתרצו “לעצור” בזמן הגלילה בחלק העליון של העמוד.

הנה הקוד:


$(document).ready(function() {
$('#mydiv').scrollToFixed();
});

]]> http://www.mbaroz.com/blog/scroll-fixed/feed/ 0 how to inherit font size from main page style http://www.mbaroz.com/blog/how-to-inherit-font-size-from-main-page-style/ http://www.mbaroz.com/blog/how-to-inherit-font-size-from-main-page-style/#comments Thu, 26 Nov 2009 10:25:14 +0000 admin http://www.mbaroz.com/blog/?p=218 How many times you needed to use a regular fixed font for the page via CSS and use a relative font size on other content blocks : well the CSS way to do this is to set the main page style font size :

.main {
font size:15px;
}

And then add relative size to other elemnts:
.content_tilte {
font-size:small;
}

]]> http://www.mbaroz.com/blog/how-to-inherit-font-size-from-main-page-style/feed/ 0