ياهلا و غلا باصدقائي الفولوز كلهم تمبلر تمبلر :$

اعتذر على قلة التدوين بهالفتره ،، ضغط الدوام و حوسه ومافي وقت و طبعي ماحب اللمصقه ! يعني ادون على الكيف و المزاج وشغل عدل او وشوله اكتب و اشرح من الاساس (ماحب الحشو ابد ابدا)

الموهم بعد تصفحي لاغلب مدونات تمبلر صراحه فرحت كثير كثير من ناس ما توقعت ولا 1% انه بيطبق بعض شروحاتي على ثيمة حصلته مركب التعديلات و الاكيد انه عاجبته و راقت له كثير و ان شاء الله انها تعجب متابعينة ..

و اكثر الاضافات الي شفتها بتمبلراتكم هي (التاثيرات الجمالية على بوست التدوينة - ثيم ريدكس)) و هي بعد (اضافة صورة تويتر يغرد بالتمبلر) .. مع اختلاف الاضافات و اختلاف الشروحات هذي الاضافتين هي الي تميزت بكثير عن اضافاتي ب تمبلر صيف ..

و مو شرط تكون كلها جميلة او حلوه هالاضافتين !

اتوقع ان هذا الشيء (هو الاسهل) من ضمن شروحاتي لكم .. و لذالك كل شروحاتي الجاية بتكون على مسارات مختلفة .. ومنها

# شروحات سهله نسخ و لصق في تعاريف CSS على ثيم تمبلر و تعطي جماليات حلوه مع الشرح البسيط لها ان امكن.

# شروحات للمطورين و مصممين الاستايلات .. من تكويد الاستايل للتمبلر كامل و شرح اهم الخواص و بعدها ابدا في شروحات اكواد هتمل القياسية  وبعدها ابدا في دورة تصميم ثيمات خاصة للتمبلر.

# شروحات تمبلر (للمبتدئين) - شرح كل ما يخص تمبلر من التسجيل و الوصول الى لوحة التحكم الين لوحة تحكم الثيم.

# تدوينات عامة او يويتوب او تدوينات شخصية (صح مدونتي متخصصه بتكويد تمبلر وخصوصآ الاستايلات) و لكن هالشيء ما يمنع اني اشطح يمين و يسار تغير روتين و طرح المفيد للفائدة و الاجر.

# اللي زعلانين من تركيزي بالشروحات على ثيم ريدكس بالتحديد .. اعتذر منهم، باقي تدوينات كثيرة تخص هذا الثيم وبعد ما اخلص منه باذن الله .. بنزل الفانيلا و نكمل الشروحات له بالتحديد و بتكون نقلة نوعية لكل مدونات تمبلر.

الموهم مابي اطول عليكم  :$

اضافة جميلة و ان شاء الله بتكسر سوق كل اضافاتي السابقه !!

 وانت تتصفح مدونتك لما تمرر الماوس على  الانفو (الانفو نفسه يقلب 360 درجة) بحركة جمالية و مره مره خ ق ق :)

# مكان الكود قبل ما اعطيكم الاكواد

ادخل  لوحة تحكم ثيمك customize

و انسخ الكود الي يعجبك و الصقه في خيارات السي اس اس Add custom CSS الي تحت الخيار Advanced 

الاضافة تعمل على الانفو ## الصور بشكل عام ## او تخصيص الكود لصورة الهيدر نفسه ## او تخصيص الكود لصورتك الرمزيه ##

http://tsmim.tumblr.com/transform

الكود الخاص بشقلبة الانفو

#sidebar
{
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
}

#sidebar:hover
{
transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}

الي يبي نفس الحركه على صورة الهيدر

#title
{
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
}

#title:hover
{
transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}

ونفس الشيء الي يبيه على كل صور مدونته بالتمبلر (الكود شغال على كل الثيمات)

img
{
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
}

img:hover
{
transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}

نفس الاضافة على صورتك الرمزيه الي بالانفو

#avatar
{
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
}

#avatar:hover
{
transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}

الكود شغال على كل المتصفحات ماعدا الشايب اكسبلورر

الي عندة فكرة للكود و يبيها لحركة ثانية .. يذكرها لي بالاسك :/