در پست گذشته به طریقه ی ساخت یک sidebar در وبلاگ تامبلر یا تامبلاگ اشاره کردیم .ولی کاربران بیشتر تمایل دارند که sidebar وبلاگشون غیر ثابت باشه .ما میتونیم یک کار انجام بدیم . میتونیم در حالت عادی sidebar رو مخفی کنیم و وقتی اشاره گر روی اون قرار گرفت اونو ظاهر کنیم .برای این کار به تنظیمات تامبلر برد . و روی دکمه ی Edit theme کلیک کنید . سپس در پنجره ی بعدی روی Edit HTML کلیک کنید تا بتونیم کد هایی که قبلا نوشتیم رو کمی دست کاری کنیم .کد هایی که قبلا نوشتیم (در پست قبلی) یعنی کد های زیر رو
پاک کنید و به جای اون کد های زیر رو قرار بدید .
توجه کنید که opacity باعث میشه sidebar در حالت مخفی قرار بگیره . در واقع شفافیت اونو در حد اعلا قرار میده . این خصلت مربوط به شفافیته و میتونه عددی بین 0 تا 1 رو داشته باشه .عدد صفر شفافیت کامل رو به عنصر میده و عدد 1 کاملا شفافیت رو از عنصر میگیره . عدد مثل 0.5 عنصر رو نیمه شفاف میکنه . دستور زیر;sidebar:hover#شرط قرار گیری اشاره گر روی عنصر رو برسی میکنه . چنانچه اشاره گر روی عنصر قرار بگیره دستور;opacity:1اجرا میشه . که به معنی ظاهر شدن عنصر (در اینجا sidebar) هست .
منبع : www.tumfa.com/tumblr
کد:
#sidebar{ position:fixed; float:left; width:250px; height:100%; background-color:red; }
کد:
#sidebar:hover{ opacity:1; } #sidebar{ position:fixed; float:left; width:250px; height:100%; background-color:red; opacity:0; }
منبع : www.tumfa.com/tumblr