الدرس الخامس ؛ اكواد مهمه وجماليه لتمبلر .,

اقتباس المشاركة الأصلية كتبت بواسطة ∞ Ģoğє مشاهدة المشاركة
[align=center][tabletext="width:70%;background-image:url('http://www.al-zen.com/up/uploads/alzen13632409561.jpg');"][cell="filter:;"][align=center]
السلام عليكم ورحمه الله وبركاته
كيفكم ال الزين الكراااام
اليوم بيكوون دررسنا عن الاكواد الي تجمل وتضيف اشياء لتمبلر
تعطي شكل جميل لتمبلر

اول شي

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

الشكل


لتحميل الكود
هذا الكود تضيفه عندك بقسم الـ html
4shared.com - free file sharing and storage



# كود يطلع لك كم شخص من اللي تتابعهم متصل حالياً ..
شكله


قم بالبحث في الثيم عن

كود PHP:

<head> 
وضع هالكود تحته

كود PHP:

<div style="position:fixed;z-index:1338; !important;top:26px;right:3px;"><script src="http://www.totallylayouts.com/tumblr/users-online-counter/online.js?id=djovvgdrof4wqmdcch5k"></script></div> 
# كود اذكار اليوم خاص للتمبلر..


كود PHP:

{
border: Solid 1px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding: 6px;
}
.f {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
} 
اول شيء .. اضف هالكود في خيارات css بعد الضغط على advanced

# كود رسالة ترحيبية ..

عند فتح الصفحة ..

كود PHP:
<script>alert('تكتب آلـ رساله هنا  ')</script> 
عند اغلاق الصفحة ..

كود PHP:
 <html> <head> <script language="javascript"> var      exit=true; function goodbye() { if (exit) window.alert(" تكتب رساله     !");  } </script> </head> <body onunload="goodbye()">      </body> </html> 
# كود الاطراف المنحنية لخانة التدوين ..


كود PHP:
#wrapper #content .post {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; 
} 
# كود لما تحط الماوس ع الكلمة تتكبر ..



كود PHP:
<b />
<style type="text/css">a:hover {text-transform: Uppercase;}</style>
<p> 
# و هون بالعكس من حروف الكبيرة للصغيرة..

كود PHP:
<br/>
<style type="text/css">a:hover {text-transform:lowercase;}</style>
<p> 
اختاروا واحد من الكودين و حطوا بخانة الـ description

# كود لما تحط الماوس على كلمة بتتظلل بلون..



كود PHP:
    <br/>
<style type="text/css"> a:hover {background-color: Ffff66;}</style>
<p>


fuckyeahprettytumblr.tumblr.com - tutorials and more** 
طبعا فينكم تغيروا لون الظل ( حطوا كود اللون الي بدكم بدال ffff66

انسخوا الكود و حطوا بخانة ال description

وبس
لهنا خلصنا دوره لتمبلر
ان شاء الله تكونو استفتدو

[/align][/cell][/tabletext][/align]