X
تبلیغات
رایتل
کد نمایش برترین مطالب در بالای وبلاگ - کدهای حرفه ای وبلاگ و سایت
کدهای Css3 , JavaScript, PHP و HTML
کد نمایش برترین مطالب در بالای وبلاگ
پنج‌شنبه 22 اردیبهشت 1390 ساعت 00:08 | نوشته ‌شده به دست ایمان فـخــار
کد رایگان از ایمان فخار    

نمونه متن نوشته شده شما شما می توانید از کدهای استایل بندی مختلف مانند برجسته کردن فونت (BOLD) یا تغییر فونت نوشته یا استفاده از خواص ساب و ساپ و دیگر کدهای کاربردی HTML و CSS در این جعبه استفاده نمائید
همچنین شما می توانید عکس یا چارت gif شده را نیز در این جعبه نمایش  دهید برای مشاهده دستورالعمل ساخت به   اسلاید بعدی  در همین باکس یا ادامه مطلب در وبلاگ CSS3 مراجعه فرمائید

در صفحه اصلی مطلب در وبلاگ CSS3 سه پنجره کد مشاهده می کنید
محتوای اولین پنجره کدهای استایل بندی هستند عینا کپی و بدون نیاز به تغییز در بخش ویرایش قالب به قسمت <style type="text/css"> کپی نمایید و یا اگر از سایت با هاست شخصی استفاده می کنید فایل style.css را یافته و محتوا را در آن کپی نمایید
بخش دوم هم کدهای جاوا اسکریپت هستند که هم می توانند در داخل صفحه اصلی قالب بعد از نوشتن <script type="javascript/text"> و </script> کدها را در بین تگ اسکریپت قرار دهید و هم در صفحه ای جدا با پسوند js ذخیره کنید
بخش سوم کدهای داخل صفحه هستند که در جای مناسب برای نمایش قرار می گیرند شما می توانید رنگ پس زمینه و نوشته ها و متون را در این کد به راحتی تغییر دهید اما مراقب باشید ID و Class ها را تغییر ندهید

این نمونه یک متن آزمایشی است بر روی سومین اسلاید شما با تکثیر کلاس class="contentdiv" می توانید به تعداد دلخواه اسلاید داشته باشید
برای تغییر عرض در کدهای CSS در خط اول (sliderwrapper) گزینه Widht:600px; را به مقدار دلخواه تغییر دهید
و در خط دوم نیز این مقدار را با اختلاف ده پیکسل از اندازه ای که داده اید تغییر داده و در خط سوم نیز مجددا همان تغییر اولیه را انجام دهید

.sliderwrapper{....width:450px}
.sliderwrapper .contentdiv {.... width:440px*/ (450-10=440)}
.pagination {....width:450px}

در صفحه اصلی مطلب در وبلاگ CSS3 چهار پنجره کد مشاهده می کنید
محتوای اولین پنجره کدهای استایل بندی هستند عینا کپی و بدون نیاز به تغییز در بخش ویرایش قالب به قسمت <style type="text/css"> کپی نمایید و یا اگر از سایت با هاست شخصی استفاده می کنید فایل style.css را یافته و محتوا را در آن کپی نمایید
بخش دوم هم کدهای جاوا اسکریپت هستند که هم می توانند در داخل صفحه اصلی قالب بعد از نوشتن <script type="javascript/text"> و </script> کدها را در بین تگ اسکریپت قرار دهید و هم در صفحه ای جدا با پسوند js ذخیره کنید  یا از پنجره سوم کد لینک به فایل را برداشته و در قالب وبلاگ یا سایت خود قرار دهید
بخش چهارم کدهای داخل صفحه هستند که در جای مناسب برای نمایش قرار می گیرند شما می توانید رنگ پس زمینه و نوشته ها و متون را در این کد به راحتی تغییر دهید اما مراقب باشید ID و Class ها را تغییر ندهید





همینطور می تونید از لینک http://blog.css3.gozarweb.com/wp-content/uploads/2011/05/cssGslider.js  استفاده کتید برای این منظور بجای محتویات فوق کد زیر را قرار دهید





چاپ این مطلب: کلیک کنید

(0 لایک)
نظرات (0)
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
پست الکترونیک :
وب/وبلاگ :
ایمیل شما بعد از ثبت نمایش داده نخواهد شد
 
ابر برجسب
آمار
بازدیدکنندگان : 304151