بازدید نسخه کامل شده : این یعنی چی؟
.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}
این یه کد CSS
از شروعش که کلاس entry هست تا آخر یکی برامون تفسیر میکنه؟
در ضمن بخش CSS و صفحات استاتیک رو هم بعدا ایجاد که کردید اینو منتقل کنید اونجا.
Nendoke
08-29-2005, 04:34 PM
اول اینکه content , در ارتباط مستقیم با کد های after و before هست .
دوم اینکه IE این کد رو پشتیانی نمی کنه , نه به این دلیل که غیر استاندار هست , بخاطر اینکه وقتی داشتن IE رو می ساختن اینا هنوز باب نشده بود .
سوم :
کد بالا می آد , برای کلاس entry و برای ID sidebar . تگ های ul و li رو تعریف می کنه , روی تگ li با گذاشتن دستور before , مرورگر رو به مقداری که داخل content هست راهنمایی می کنه و بهش می گه که هر جایی که تگ li وجود داشت , مقدار content رو قبلش ( before ) وارد کن .
تا اینجا که مشکلی نیست ؟
سوال دیگه ات هم فکر کنم اینه که الان مقدار content چیه ؟
مقدار content الان به صورت HEX equivalents وارد شده .
\00BB = »
\0020 = space
لیست کاملش هم اینجاست :
http://www.ascii.cl/htmlcodes.htm
http://asefsoft.com/qsimages/20.gif
اول اینکه content , در ارتباط مستقیم با کد های after و before هست .
دوم اینکه IE این کد رو پشتیانی نمی کنه , نه به این دلیل که غیر استاندار هست , بخاطر اینکه وقتی داشتن IE رو می ساختن اینا هنوز باب نشده بود .
سوم :
کد بالا می آد , برای کلاس entry و برای ID sidebar . تگ های ul و li رو تعریف می کنه , روی تگ li با گذاشتن دستور before , مرورگر رو به مقداری که داخل content هست راهنمایی می کنه و بهش می گه که هر جایی که تگ li وجود داشت , مقدار content رو قبلش ( before ) وارد کن .
تا اینجا که مشکلی نیست ؟
سوال دیگه ات هم فکر کنم اینه که الان مقدار content چیه ؟
مقدار content الان به صورت HEX equivalents وارد شده .
لیست کاملش هم اینجاست :
http://www.ascii.cl/htmlcodes.htm
http://asefsoft.com/qsimages/20.gif
مرسی نندوک جان. کامل توضیح دادی.
یه تست کامل انجام دادم توی فایر نتیجه رو دیدم. (به قول چیز، تبارک الله!!!)
نمیدونم درست میگم یا نه ولی اینجا فکر کنم روی تگ ul تاثیری گذاشته نمیشه چون از before or after استفاده نکرده. پس چرا نوشته شده؟
بعدش یه سوال دیگه اینکه فلسفه این تکرار کردن ها چیه؟ مثلا همیجا دوبار ul رو پشت سر هم تکرار کرده. موارد مشابه حتی سه بار ...
خب از این نوع ترکیب ها توی کد های CSS زیاد میبینم اینجا مطرح میکنم تا کامل بررسیشون کنیم.
مثل:
img.alignleft {
یا
html>body .entry ul {
Nendoke
08-29-2005, 07:32 PM
آره , فلسفه ی این تکرار ها رو من هم نمی دونم ع تا حالا برام پیش نیومده لازمم بشه .
من یه تحقیقی می کنم براش .
احتمالا Ali_ix هم می تونه کمک کنه .
آره , فلسفه ی این تکرار ها رو من هم نمی دونم ع تا حالا برام پیش نیومده لازمم بشه .
من یه تحقیقی می کنم براش .
احتمالا Ali_ix هم می تونه کمک کنه .
مرسی http://asefsoft.com/qsimages/20.gif
Ali_ix
08-30-2005, 10:33 PM
سلام
توضیحاتتون برای before و after و content عالی بود .. استفاده کردیم ...
برای تکرارها هم هدف تحت تاثیر قرار دادن عناصر تو در توی صفحه هست ..
یعنی اگر مثلا ul سه بار تکرار بشه این کلاس تگ ul رو که خودش داخل دوتا تگ ul هست رو تحت تاثیر قرار میده که بهشون اصطلاحا میگند Nested Elemnents که طراحان حرفه ای که میخوان قدرت طراحیشونو به رخ بقیه بکشن از این تکنیکها زیاد استفاده میکنند و کمتر از اسامی متعدد برای کلاسها و آیدی ها استفاده میکنند... :d
اگر خواستید بگید تا بیشتر توضیح بدم (باید تقلب کنم ;) )
Nendoke
08-30-2005, 10:37 PM
پس بگو , من چون حرفه ایی نیستم واسه ام پیش نیومده بود این کار رو کنم . http://asefsoft.com/qsimages/90.gif
مرسی علی , عالی بود . http://asefsoft.com/qsimages/83.gif
سلام
توضیحاتتون برای before و after و content عالی بود .. استفاده کردیم ...
برای تکرارها هم هدف تحت تاثیر قرار دادن عناصر تو در توی صفحه هست ..
یعنی اگر مثلا ul سه بار تکرار بشه این کلاس تگ ul رو که خودش داخل دوتا تگ ul هست رو تحت تاثیر قرار میده که بهشون اصطلاحا میگند Nested Elemnents که طراحان حرفه ای که میخوان قدرت طراحیشونو به رخ بقیه بکشن از این تکنیکها زیاد استفاده میکنند و کمتر از اسامی متعدد برای کلاسها و آیدی ها استفاده میکنند... :d
اگر خواستید بگید تا بیشتر توضیح بدم (باید تقلب کنم ;) )
مرسی مرسی. مکفی بود برای من.
در باره این کد ها میتونید بیشتر توضیح بدید:
img.alignleft {
??
html>body .entry ul {
Ali_ix
08-31-2005, 11:25 AM
مرسی مرسی. مکفی بود برای من.
در باره این کد ها میتونید بیشتر توضیح بدید:
img.alignleft {
??
html>body .entry ul {
اولی که سادست ... Selectorی هست که عکسهایی ب کلاس alignleft رو تحت تاثیر قرار میده.
درباره دومی هم خیلی دقیق نمیدونم ... اگر اشتباه نکنم برای رفع نواقص و باگها در مرورگرهای قدیمی استفاده میشه .. اصطلااحا میگن از بیرون آدرس دادن یعنی در این حالت سلکتور مستقیما و بدون خطا عنصر مورد نظر رو تحت تاثیر قرار میده ...
احتمالا برای بعضی باگهای IE 5 و ... استفاده میشه ... (باید بیشتر در موردش تحقیق کنم ;) )
ممنون بابت توضیحات http://asefsoft.com/qsimages/20.gif
carp3
01-16-2006, 09:19 AM
شاهد کجاست ؟
بیاد ببینه .....
Ali_ix
01-17-2006, 11:26 AM
شاهد کجاست ؟
بیاد ببینه .....
چیو ؟
وی بولتین نسخه 3.8.0 Release Candidate 1, تمام حقوق محفوظ می باشد ©
2000-2009, نرم افزار تجاری شرکت Jelsoft