تبلیغات
<---> Phones: <768px Tablets: ≥768px Medium Desktops: ≥992px Large Desktops: ≥1200px @media screen and (max-width: 767px) { #codefriend { width: 100%; margin:0 auto; } } @media screen and (min-width: 768px) and (max-width: 991px){ #codefriend { width: 150px; float: right; } } درح نایاب (وبلاگ آموزش)
آموزش برای همه
آخرین آموزش ها
  • Cougar

    آموزش برنامه نویسی اندروید

  • Lions

    متن تصویر

  • Snowalker

    متن تصویر

  • Howling

    متن تصویر

  • Sunbathing

    متن تصویر

یک لرن مرجع تخخصی وبلاگ نویسان

تبلیغات وبلاگ
اینجا بهترین مکان برای تبلیغات شماست تبلیغات پر بازده در وبلاگ وکانال های ما

تبلیغات شما در وبلاگ
جمعه 1 تیر 1397 ساعت 12:49 ب.ظ |نوشته شده به دست امیرحسین گلزاری درح نایاب | ( نظرات )
برای قرار دادن تبلیغات خودتان در وبلاگ و کانال های ما فقط کافیست در پیام رسان سروش به آیدی زیر پیام دهید. همچنین شما میتوانید در قسمت نظرات این پیام نیز درخواست خود را ارسال کنید.
amir_0_1@

تست کد های html
شنبه 2 تیر 1397 ساعت 11:19 ب.ظ |نوشته شده به دست امیرحسین گلزاری درح نایاب | ( نظرات )


ماشین حساب مهندسی و آنلاین
دوشنبه 28 خرداد 1397 ساعت 04:38 ب.ظ |نوشته شده به دست امیرحسین گلزاری درح نایاب | ( نظرات )

ساخت کد رنگ
دوشنبه 28 خرداد 1397 ساعت 04:12 ب.ظ |نوشته شده به دست امیرحسین گلزاری درح نایاب | ( نظرات )
با استفاده از ابزار زیر میتوانید کد رنگ مورد نظر را ایجاد و مورد استفاده نمایید.

●نظرات خود را برای بهتر شدن این بخش ارسال کنید


آموزش ساخت تبلیغات
دوشنبه 28 خرداد 1397 ساعت 12:45 ب.ظ |نوشته شده به دست امیرحسین گلزاری درح نایاب | ( نظرات )
برای ساخت کد html تبلیغات کافیست مانند کد زیر عمل کنید:
<<---amir hosein golzari--->

<!--- www.dorohnayab.mihanblog.com --->
</script><a title="نام تبلیغ"href="لینک پس از کلیک" target="_blank">
<img title="نام تصویر"class="img-ris"src="لینک تصویر"style="margin-bottom:2px"border="0">
</a><span class="faseleh">&nbsp;&nbsp;</span></div>
<!--- www.dorohnayab.mihanblog.com --->
<<---amir hosein golzari--->>

برای نمونه:

   
همچنین این کد هم مورد استفاده قرار میگیرد.
<<---amir hosein golzari--->

<!--- www.dorohnayab.mihanblog.com --->
<a title="نام  لینک تبلیغ شونده"target="_blank" href="لینک پس از کلیک">
<img style="width: 100%;max-width: 122px;height: auto"alt="نام  لینک تبلیغ شونده" src="لینک تصویر"title="نام  لینک تبلیغ شونده"></a></div>
<!--- www.dorohnayab.mihanblog.com --->
<<---amir hosein golzari--->>

برای نمونه:

نام  لینک تبلیغ شونده
حالانوبت شماست تا کد های خود را ویرایش کنید.

لطفاًنظرات خود را برای بهبود این بخش اعلام کنید.


کد html متن متحرک
دوشنبه 28 خرداد 1397 ساعت 11:29 ق.ظ |نوشته شده به دست امیرحسین گلزاری درح نایاب | ( نظرات )
برای متحرک کردن متن کافیست از کد زیر استفاده کنید:
<<---amir hosein golzari--->

<marquee direction="right">درح نایاب</marquee>
<<---amir hosein golzari--->>باه

به جای قسمت بنفش رنگ متنی را که میخواهید متحرک شود را قرار دهید.

برای نمونه:

درح نایاب

همچنین برای انجام تغییرات بیشتر از کد زیر استفاده میکنیم:

<<---amir hosein golzari--->

<marquee behavior="slide">درح نایاب</marquee>
<<---amir hosein golzari--->>

alternate: متن متحرک با برخورد به انتهای بلاک، در جهت عکس و به صورت پینگ پونگی حرکت می کند.
scroll: متن از یک سمت وارد شده و از سمت دیگر بلاک، خارج می شود.
slide: متن از یک سمت وارد شده و در سمت دیگر، در انتهای بلاک، متوقف می شود.

برای نمونه:

درح نایاب
درح نایاب

همچنین برای تغییر پس زمینه این کد را استفاده میکنیم:

<<---amir hosein golzari--->

<marquee behavior="slide" bgcolor="#CCCCCC">درح نایاب</marquee>
<<---amir hosein golzari--->>

به جای قسمت بنفش،متن متحرک و به جای قسمت نارنجی، کد رنگ را مینویسیم. ابزار ساخت کد رنگ در پایان این پست موجود است.

برای نمونه:

درح نایاب

همچنین برای اعمال تغییرات بیشتر از کد زیر استفاده میکنیم.

<<---amir hosein golzari--->
<marquee behavior="scroll" bgcolor="#CCCCCC" dir="rtl" direction="left" height="25" width="200">درح نایاب</marquee>
<<---amir hosein golzari--->>

رنگ بنفش حالت نوشته| ltr (برای حروف انگلیسی و از چپ به راست) و rtl (برای حروف فارسی و از راست به چپ) دارد.

رنگ زرد مکان نوشته( 

down: پائین
up: بالا
left: چپ
right: راست)

رنگ آبی طول و عرض

برای نمونه:

درح نایاب

یک نمونه کد برای شما:

<<---amir hosein golzari--->

<marquee behavior="scroll" bgcolor="#CCCCCC" dir="rtl" direction="left" height="25" width="200" loop="-1" scrollamount="1" scrolldelay="1" onmouseover="this.setAttribute('scrollAmount', 0, 0)" onmouseout="this.setAttribute('scrollAmount', 2, 0)">متن خود را وارد کنید</marquee>
<<---amir hosein golzari--->>

نتیجه:

درح نایاب

حالا نوبت شماست در کادر زیر شروع به تغییرو نوشتن کد ها کنید.

 

کد html فرم جستجو در گوگل
دوشنبه 28 خرداد 1397 ساعت 11:02 ق.ظ |نوشته شده به دست امیرحسین گلزاری درح نایاب | ( نظرات )
به وسیله کد زیر میتوانید فرمی بسازید که از طریق آن بتوان در گوگل یا هر سایت دیگری جستجو انجام داد.
<<---amir hosein golzari--->

<form target="_new" method=get action=http://www.google.com/search>
<input name=q size=12>
<br>
<input type="submit" name="btnG" value="جستجو">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
</form>
<<---amir hosein golzari--->>

خوب حالا به جای قسمت بنفش رنگ آدرس سایت مورد جستجو و به جای قسمت قرمز رنگ نام دکمه که به طور پیشفرض "جستجو"نام دارد را وارد کنید.

برای نمونه:



آموزش قرار دادن تصویر در وبلاگ با قابلیت تغییر اندازه
یکشنبه 27 خرداد 1397 ساعت 04:38 ب.ظ |نوشته شده به دست امیرحسین گلزاری درح نایاب | ( نظرات )
برای قرار دادن تصویر با قابلیت تغییر اندازه(واکنش گرا) کافیست از کد زیر استفاده کنید.

<<---amir hosein golzari--->

<img src="adress_image.jpg" style="width:100%;">
<<---amir hosein golzari--->>
خوب حالا به جای بخش قرمز رنگ آدرس تصویر خود را قرار دهید.تصویر شما به صورت واکنش گرا میباشد.

تصویر نمونه:

حالا نوبت شماست کد بالا را در اینجا ویرایش کنید.


مرتبط با گروه: وبلاگ نویسی،


 
موضوعات
نویسندگان
لینک دوستان
آرشیو مطالب
دیگر موارد
تعداد مطالب :
آخرین بروز رسانی :
بازدید امروز :
بازدید دیروز :
بازدید این ماه :
بازدید ماه قبل :
بازدید کل :
آخرین بازدید :