مهمان عزیز خوش آمدید. ورود ثبت نام



صفحه‌ها (3):
امتیاز موضوع:
  • 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
آموزش css و کدهای زیبای آن

آموزش css و کدهای زیبای آن
تصویر: http://up.wikivb.ir/images/6gwo5kkxrg9cznn1f4s.png
+ تغییر شفافیت تصویر به هنگام رفتن موس بر روی آن

دمو [ قبل از رفتن موس به روی تصویر ] :

تصویر: http://up.wikivb.ir/images/6gwo5kkxrg9cznn1f4s.png

دمو [ قبعد از رفتن موس به روی تصویر ] :

تصویر: http://up.wikivb.ir/images/ncw0rlf2y92wa9mmw241.png


استایل:
 
کد:
<style>
.opacity-img {
opacity:1;
-moz-transition:all 0.6s ease-in;
-webkit-transition:all 0.6s ease-in;
-o-transition:all 0.6s ease-in;
-ms-transition:all 0.6s ease-in;
}

.opacity-img:hover {
opacity:0.5;
}
</style>

کد فراخوانی :
کد:
<div class="opacity-img">
<img src="http://up.wikivb.ir/images/6gwo5kkxrg9cznn1f4s.png">
</div>

موفق باشید . تصویر: images/smilies/heart.gif


تصویر: http://toolsdl.com/banner2.gif
 
پاسخ
+ انواع شکل نشانگر موس و استفاده از آن در Css

تصویر: http://up.wikivb.ir/images/fljv0stqefedjz5cfz.png

کد مورد استفاده در استایل:
کد:
cursor:pointer;

شکل قابل قرار دادن نبود _ نشانگر موس با یک علامت سوال روی آن
کد:
cursor:help;

شکل قابل قرار دادن نبود _ نشانشگری که در حال لود شدن است
کد:
cursor:wait;


تصویر: http://toolsdl.com/banner2.gif
 
پاسخ
تصویر: http://up.wikivb.ir/images/jy4dkceuitt8txb5ob0m.png
+ سورس اطلاعیه شماره سه

استایل:
کد:
.topnav3_kog {
    background: url("http://up.wikivb.ir/images/01bd83393jspatm10as.jpg") repeat scroll 0 0;
    clear: both;
    color:#3E3E3E;
    font:12px tahoma;
    direction:rtl;     
    text-shadow: 1px 0px #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: right;
    border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
    border: 1px solid #d69d49;
}

کد فراخوانی :
کد:
<span class="topnav3_kog">
اطلاعیه شماره سه زیبا _ این اطلاعیه برای تست می باشد
</span>

موفق باشید تصویر: images/smilies/heart.gif


تصویر: http://toolsdl.com/banner2.gif
 
پاسخ
تغییر رنگ لینک با قرار دادن ماوس روی آن

در گلوبال سی سی پوسته خودتان اضافه کنید :
کد:
    a:link, a:visited
        { text-decoration: none; color: #006699; }
    a:link:hover, a:visited:hover, a:active
        { color: #009966; }


خوشحالم به خاطر این همه پیشرفت
I'm happy to progress
پاسخ
سلام.
اگه پست نامربوط می زنم ببخشید.
استایل رو کجا باید بذاریم؟
کد فراخوانی رو چی؟
ممنونتصویر: images/smilies/rolleyes.gif
پاسخ
اقا جواد ببخشید ولی کسی تیکه تیکه یاد میگیره بنظرتون؟؟؟؟؟؟؟؟؟تصویر: images/smilies/dodgy.gif

نرم افزار شیر پونت رو معرفی کنید و اموزشش رو به بچه ها بدید که راحت تره کار کردن باهاش
پاسخ
این چه حرفیه maneoo جان
کدوم کد منظورت هست ؟


تصویر: http://toolsdl.com/banner2.gif
 
پاسخ
سلام،
خیلی ممنونتصویر: images/smilies/shy.gif
ببخشید سوالم ابنداییه
کد استایل رو باید در global.css قرار بدیم؟
کد 
فراخوانی رو کجا باید بنویسیم؟
تصویر: images/smilies/huh.gif
پاسخ
بله کد استایل رو در Global.css قالبتون قرار بدید و کد فراخوانی رو در هر جایی که می خواین کد مورد نظر نمایش داده بشه قرار بدید مثلا در Header


تصویر: http://toolsdl.com/banner2.gif
 
پاسخ
rotation
چرخش تصاویر
نمونه:
تصویر: http://www.royalfuns.ir/forum/upload/uploads/1369847822641.png
استایل:



کد:
.rotation {
transition:1s;
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
-khtml-transition:1s;
}
.rotation:hover {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-khtml-transform:rotate(360deg);
transition:1s;
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
-khtml-transition:1s;
}
کد فراخوانی:



کد:
<div class="rotation">
<a  href="#" title="test">
<img  src="image link"  title="test">
</a>
</div>
تصویر: images/smilies/smile.gif


تصویر: http://www.royalfuns.ir/forum/images/banner.gif
پاسخ
صفحه‌ها (3):


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  مناسبت آموزش ایجاد بنر گوشه به مناسبت رحلت حضرت محمد (ص) Develepor 0 30 ۰۸ آذر ۱۳۹۵، ۰۵:۱۵ ب.ظ
آخرین ارسال: Develepor
Thumbs Up آموزش کار با تجهیزات شبکه میکروتیک و MikroTik RouterOS IrIsT 0 64 ۱۱ آبان ۱۳۹۵، ۰۷:۲۵ ب.ظ
آخرین ارسال: IrIsT
  آموزش افزودن انیمیشن typed به متون انجمن systemengineer 0 153 ۲۷ خرداد ۱۳۹۵، ۱۲:۲۵ ب.ظ
آخرین ارسال: systemengineer
  آموزش سئو پیشرفته(قسمت اول) mhdbadboy 0 1,351 ۰۷ اردیبهشت ۱۳۹۳، ۰۶:۲۹ ب.ظ
آخرین ارسال: mhdbadboy
  آموزش ساخت سایت برای انجمن Drow-Ranger 12 3,599 ۱۸ فروردین ۱۳۹۳، ۰۵:۱۳ ب.ظ
آخرین ارسال: mellat
  سری آموزش های ویدیویی Html _Arman 0 2,153 ۲۵ اسفند ۱۳۹۱، ۰۲:۰۱ ق.ظ
آخرین ارسال: _Arman
  آموزش Html - 1 آشنایی با html _Arman 0 2,466 ۰۷ اسفند ۱۳۹۱، ۱۱:۲۷ ق.ظ
آخرین ارسال: _Arman

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir