שאלה בנושא ב pager style
הי לכולם
יש דבר שמשגע אותי בנושא ה CSS זה ה pager ולא הצלחתי ועצב אחד כמו שצריך,זה פשוט מחובר, והכוונה שלי היא שיהיו רווחים בין המספרים על מנת שיהיה ניתן להקליק עליהם בקלות.
ב CSS האנגלי זה בסדר גמור, ועשיתי את כל ההתאמות לעברית, כאשר מעבירים את האתר לעברית direction: rtl , יש ב styles שקשורים ל #pager , יש שם את כל ההגדרות שצריך margin, padding אבל זה פשוט לא עובד, אולי זה בעיה של הFF כי ב IE זה נראה בסדר, למשל באתר הזה כאשר אני צופה עם FF 1.5 אני רואה צמוד, ועם ie יש רווחים.
יש רעיונות ?
אביאור
http://dev-art.net
עיצוב pager מימין לשמאל
אם מוסיפים רווח לפני כל לינק הבעייה נפתרת.
איך מוספים רווח? אפשר לעשות זאת דרך template.php של ה-theme הנוכחי שבו אתה נמצא. לדוגמה, עבור theme בשם bmrtl, אפשר להוסיף את הפונקצייה הבאה לקובץ template.php, כדי להתאים את המראה של pager_link:
<?phpfunction bmrtl_pager_link($from_new, $element, $attributes = array()) {
return ' ' . theme_pager_link ($from_new, $element, $attributes );
}
?>
את התוצאה אפשר לראות באתר דרופל ישראל.
למידע נוסף: template.php: Overriding Other PhpTemplate Functions
אשמח לשמוע אם יש פתרון דרך CSS בלבד.
אמנון מאיר לבב
בניית אתרים בדרופל, ייעוץ והדרכה
אמנון לבב - לבבי ייעוץ משולב
הדרכה, אפיון ופיתוח מקצועי של מערכות דרופל מתקדמות
בלוג בניית אתרים, תיק עבודות, המלצות
תודה, אני אבדוק
תודה, אני אבדוק את הפתרון
אבל האם אתה יכול לשים את האצבע איפה הבעיה ?
אביאור
http://dev-art.net
אביאור
http://dev-art.net
לייעל את ה-PAGER
אין שום בעייה. זהו פשוט אתגר שצריך לחקור אותו ולהתמודד איתו ב-CSS.
אמנון מאיר לבב
בניית אתרים בדרופל, ייעוץ והדרכה
אמנון לבב - לבבי ייעוץ משולב
הדרכה, אפיון ופיתוח מקצועי של מערכות דרופל מתקדמות
בלוג בניית אתרים, תיק עבודות, המלצות
אפשר אולי בעזרת CSS בלבד.
אם הבעיה היא רק בדפדנים מבוססי Gecko או באופרה, אפשר לייצר תוכן ע"י הפסאודו-אלמנטים :before או :after.
למידע נוסף
לא ניסיתי את זה עם ה-Pager עדיין, אבל נראה שזה אמור לעבוד.
סידור הקישורים ב-pager בעזרת CSS בלבד
ניתן להגדיר את הכללים הבאים עבור הקישורים של ה-pager:
display:block;float:right;
padding:0.5em;
זהר סטולר, לינווייט
לינווייט תשתיות תוכן קהילתיות
זהר סטולר, לינווייט
לינווייט תשתיות תוכן קהילתיות
סידור קישורים בתחתית ה-book
עכשיו ריווחתי את הקישורים ב-book באתר דרופל ישראל.
<?php
/* Added property: min-height <em>/
.book-navigation .page-links {
...
min-height:30px;
}
/</em> Three new rules */
.book-navigation .page-links a {
display:block;
float:right;
padding:0.5em;
}
div.links {
clear: both;
}
div.terms {
clear: both;
}
?>
השינוי בוצע בקובץ drupal-rtl.css בספרייה misc (דרופל 4.7).
אמנון לבב - לבבי ייעוץ משולב
הדרכה, אפיון ופיתוח מקצועי של מערכות דרופל מתקדמות
בלוג בניית אתרים, תיק עבודות, המלצות